Требуется мнение опытного человека

Здравствуйте, попрошу отнестись адекватно к вопросу, т.к. с языком js только начал знакомиться.

Занялся изучением js и конечно же накачал из торрентов вагон курсов, начал смотреть голова кипит от бредней, одни говорят одно другие другое, решил почитать книгу, но книга это развернутый вариант и как правило все что написано в ней не
все используется на практике. Дабы сэкономить свое время и нервы решил спросить у специалистов.

Почему вообще я начал сомневаться, например на курсах специалиста я заметил, что товарищ Борисов яро учит использовать выборку и поиск элементов с помощью свойств - parentNode, childNodes, firstChild, lastChild, nextSibling, previousSibling, getElementsByTagName и прочее, не все запомнил.

Может быть это все хорошо, но иногда может понадобиться заменить один тег на другой и начнутся сюрпризы. И например в его "продвинутом курсе" ни слова о querySelector.

Верстая сайты я убедился на личном опыте, что привязывать css правила к тегам плохая идея, а что если и с js кодом тоже самое? А я буду сейчас сидеть и учить не совсем верный материал

Подскажите пожалуйста верны ли мои домыслы? Ну за одно посоветуйте актуальный материал, если конечно вас не затруднит.

К слову тот же Борисов говорит, что книги сейчас читать нельзя ибо большинство книг хлам и читая их люди заблуждаются и идут неправильным путем. Да у него много всяких там наград и опыта но вот почему то у меня закрались дурные мысли на счет его методик... Если до то жаль тех людей которые отдают по 100 000 за обучение на таких курсах...

0

Не знаю кто такой ваш Борисов, но умалчивать о querySelector нормальный преподаватель уж явно не станет. По большому счету нет особой разницы по чему делать выборку - результат один практически всегда. Прелесть querySelector в его универсальности и обобщенности, посему не вижу смысла его не использовать в 99% случаях.

К чему привязывать код/стили с минимумом запар в будущем научит только опыт и куча набитых лично вами шишек. JS очень гибкий язык и позволяет сделать одно и то же кучей разных способов, что вводит новичков в заблуждение.

По поводу книг мне трудно что-то конкретное посоветовать, но я считаю что никакие книги/видео/вебинары не дадут и близко столько пользы, как реальная практика. Лично мне на момент обучения не заходили долгие курсы и книги - есть же документация, которая позволяет всегда под рукой актуальную информацию + можно сразу пощупать новую "фишку".

Но прелесть книг не столь в технической информации (типа списка методов для работы с дом), сколько обучении алгоритмов, патернов и основных подходах. Ради этого, возможно, стоит почитать что-то действительно стоящее (не забывая о практике, разумеется).

П.С. я бы посоветовал не зацикливаться на заучивании тонны информации, а как можно раньше начать писать код самому, попутно читая в свободное время доки и небольшие, но содержательные видео (типа Соракса). Не важно сколько вариантов решения одной задачи ты знаешь - если знаешь хотя бы одну, этого уже достаточно, по крайней мере в первое время.
П.С.С. рекомендую сильно не зацикливаться на нативном js в первое время, а стать пользователем какого-нибудь jquery - тем самым сэкономите много времени и нерв, и сможете начать писать что-то реальное быстрее и без стены кода (думаю, никто не будет спорить о многословности нативного js).

2

Сообщение от Pashtets товарищ Борисов яро учит использовать выборку и поиск элементов с помощью свойств - parentNode, childNodes, firstChild, lastChild, nextSibling, previousSibling и прочее, не все запомнил.

Это не выборка элементов, это - навигация по DOM, для полного понимания структуры документа. Так-то важная тема, иначе будут возникать недопонимания всякие, как тут например Удаление элементов списка
Да и было бы чего там запоминать - ерунда же previous / next, parent / child, node / element.
http://learn.javascript.ru/traversing-dom

Про книги, конечно, громко сказано смотря что читать, как говорится "it depends"

1

В общем спасибо всем кто откликнулся да действительно начал с практики. Мне больше подходит табличный метод обучения, вот список свойств вот сайт крути и ковыряй.

Добавлено через 7 минут
j2FunOnly, кстати сразу спрошу) и сори за оффтоп)

Такой пример, при наведении мыши на html элемент, представим что он меняет цвет фона на красный а когда убираем мышку то цвет меняется на дефолтный. Ну то есть повторить эффект свойства :hover в CSS.

Я добавил обработчик событий addEventListner() на нужный элемент с ивентом 'mouseover' ну тут все норм, но как теперь корректно удалить этот обработчик, чтобы цвет вернулся в прежний когда мышь вне наведения?

Если воспользоваться removeEventListner() то само собой ничего не происходит ну оно то происходит но я подозреваю что на доли секунд появляется и исчезает свойство. Нужно узнать момент когда мышь "уйдет" с элемента, вопрос как? Ну или как это решается?

Добавлено через 14 минут
Пока писал условие вопроса додумался как решить)
Решил так:

0

Задача решена правильно, хоть и избыточно. Мой сокращенный вариант:
П.С. не стоит делать простой хавер на js. Все, что можно сделать с помощью ксс - делайте с помощью ксс). Вариант с ксс еще проще:

0

msheal, вполне согласен, но для меня чтобы понять как "это" работает нужно создавать велосипеды, и конечно же я не буду использовать ховер бордера на практике с помощью JS это просто для понимания)

0