C чего начать изучение JavaScript опытному верстальщику?

Question

[Игорь]

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

Но сейчас когда я приступил к продвинутому, глубокому изучению то все курсы которые я пытался смотреть, они для совсем начинающих и там нету ничего особенного кроме потраченых 20 часов для того что бы вам рассказали как работает консоль лог и что такое аякс

Может у кого то из вас была такая же проблема?
По планам у меня выучить javascript, после чего немного практики на js/jquery и перейти к изучению ангуляра
Какие есть норм курсы?
В веб разработке к слову года 4

Comments

[Толстый Лорри]

Не теряйте времени с говнокурсами и читайте толстые книжки.

Answer 1

[reaget]

Вы смотрели уроки здесь: https://learn.javascript.ru/ ?
И вот тоже ресурс по JS: eloquentjavascript.net

К слову: как вы практиковали верстку, что изучали?

Comments

[Игорь]

Я длительное время занимался разработкой под ключик на фрилансе, дизайн, верстка и почти никакого бекенда
Потом добавился wordpress и прочие "упростители" жизни, от этого и появилась та самая лень "а зачем писать если уже написано"
А хочу выучить js на глубоком уровне что бы не просто юзать ангуляр или jquery, а понимать принцип работы и как это сделать самому

Да конечно я знаю о таком ресурсе как https://learn.javascript.ru/ но я почему то не додумался поискать уроки, возможно когда я первый раз совершил попытку к изучению, их попросту ещё не было

[Дмитрий]

Сам сейчас читаю learn.js и скажу, что достаточно качественно проработанный ресурс!

Answer 2

[asd111]

Ангуляр сложный. Лучше глянь vuejs. После jquery он более понятен чем другие js фреймворки. И поэтому учится быстрее. React тоже норм но vue проще.
https://vuejs.org/
И ещё один аргумент в пользу vuejs - у него 75к звездочек, а у ангуляра 57к.

Comments

[. .]

Прошу прощения за оффтоп. Не подскажите, что за звёздочки (сложность?) и где это посмотреть?

[asd111]

Daniel Ford, количество лайков на github :)

[Андрей Саныч]

Daniel Ford, мне наоборот vue вообще не заходит))) какой-то он мутный)))

[Moe Green]

"Ангуляр сложный" - не сложнее Vue.js. Имхо - более строгий и структурированный, чем Vue.js. Вот и все.

[Moe Green]

Андрей Саныч, точно также могу сказать про React.js.
Даже курс с Udemy мне не помогает. )

[Moe Green]

Daniel Ford, https://help.github.com/articles/about-stars/
Если по-простому - кол-во звездочек - уровень популярности проекта среди разработчиков.
Чем больше звездочек - тем круче проект.

[Андрей Саныч]

Moe Greene, поддерживаю. React туда же) Но это только личное мнение)

[Vest]

Не смог пройти мимо звёздочек. По мне лучше смотреть на более информативную статистику, чем "лайки".
Хотя бы здесь: https://stateofjs.com/2017/front-end/results
Тут для себя можно определиться, куда развиваться: туда, где много разработчиков, или туда, где много любопытных.

Answer 3

[s-jet]

В первую очередь нужно хорошо понимать JS, именно не выучить, а понимать. Область видимости, наследование, контекст, замыкания. Типы данных, как с ними работать. Потом разобраться с ES6. https://learn.javascript.ru/ в этом плане как оглавление, дальше по всему интернету искать статьи и видеокурсы на ютубе, главное брать и самому делать примеры из статей без подсказок и только потом смотреть готовое решение и сравнивать. Консолить, консолить и консолить. Дальше, когда разберетесь с чистым JS, учить уже фреймворки React, Angular, Vue

Answer 4

[Garry Fisher]

Англоязычные варианты:
Серия книг You Don't Know JS на Гитхабе. Небольшие книги по главным темам. Нет воды, основные нюансы раскрываются.
Если говорить о видео формате - JavaScript: Understanding the Weird Parts. И как всегда: Ставить задачу, писать решение самостоятельно. Без боли и велосипедов -научиться врядли получится.

Answer 5

[TheInsable]

CodeDojo - https://www.youtube.com/channel/UCY10FZglXJ8RL3xB0...
А также его сайт codedojo.ru, отличные курсы, всегда смотрю его новые видео, имхо самый компетентный человек в этой сфере из СНГ (среди тех кто делает бесплатные и платные курсы).

Comments

[Игорь]

Спасибо, посмотрел видео, действительно хорошая подача, ничем не хуже Sorax
Но у него есть только курс Основы ES6, мне можно начинать с него, или стоит пройти какой то другой курс?

[TheInsable]

Игорь, Да, кончено. И если тебе js нужен для взаимодействия и создания интерфейсов, то сразу после того как пройдешь ES6 курс начинай смотреть на курсы по React, я жалею, что в свое время не начал смотреть на библиотеки для создания интерфейсов, так как без них в больших проектах просто невозможно. Понимание этого, к сожалению, приходит с опытом и болью.

[Игорь]

TheInsable, У меня сложилось впечатление, что Angular более востребован, так ли это?
Просто на сколько я знаю то функционал у него немного шире (я не утверждаю так как не уверен :) ).
Спасибо вам за ваш ответ и комментарий, очень развернуто:)

[TheInsable]

Игорь, ну если порассуждать только о востребованности, то у реакта она намного выше, но это вытекает из-за того, что реакт != англуляр, они решают разные задачи. Реакт по задумке разработчиков нужен для создания интерфейсов и взаимодействия с ними, это не фреймворк, а библиотека, работать с ним просто, порог вхождения низкий, из-за этого его популярность.
Ангуляр это уже полноценный фреймворк, и используется для разработки всего приложения, а не интерфейса.
Поэтому выбирать эти технологии нужно под конкретные задачи.

[Moe Green]

Игорь, Angular - единственный полноценный MVC-фреймворк среди популярной на сегодня троицы React.js-Vue.js-Angular.
React.js - просто UI-библиотека, Vue.js - MVVC-фреймворк.

[Moe Green]

Насколько я знаю, автор этого канала не IT-специалист и не технарь по образованию. И более того - не "практикующий" специалист.
Это говорит о том, что преподавать тоже надо уметь. ))

Answer 6

[impexler]

посмотри https://www.youtube.com/watch?v=-2WiaSvOj78&list=P... мне помогло))
или вот это https://metanit.com/web/javascript/

Answer 7

[Иван]

1) Фленеган. Карманый справочник по js. Хорошо объясняются основы и вводит в js.
2) learn.javascript.ru
3) Секреты js ниндзя(книга)
4)Javascript.Шаблоны(автор Стефанов)

Answer 8

[Андрей]

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

Однако программирование гораздо шире, чем любой язык программирования. Необходимо, так же, знать структуры данных и алгоритмы, хотя бы базовые. Это чрезвычайно важно, без разницы, на каком языке ты пишешь.

Поэтому окромя языка я бы настоятельно рекомендовал от души попрактиковаться в структурах данных, алгоритмах и паттернах. Тут, как говорится, нужно наработать минимум 1000 часов, чтобы навык ушел на уровень рефлексов и работал автоматически. А совершенствовать скиллы ты будешь всю оставшуюся жизнь, ибо нет предела совершенству.

По части именно JavaScript вот этот курс отлично мне поставил мозги на место в своё время https://www.youtube.com/watch?v=bzuelEN1Kg8&list=P... прям аж до просветления.

Comments

[Иван Иванов]

Здравствуйте, Андрей, а не подскажите ли мне, что можно почитать по алгоритмам и структурам данных. Дело в том, что вроде как пишу на JS, PHP, но не чувствую себя программистом, скорее кодером.

[Андрей]

Так материалы легко гуглятся и ютубятся. Другое дело что они часто скучные и нудные.

Лично я все осваивал по ходу дела на практике, но это было давно.
Когда я бодро мигрировал с PHP на JS, нужно было переформатировать мозги, я зарешал энное количество задачек на кодварс. Весьма рекомендую.

Вообще в решении любой задачи есть несколько фаз:
0) Помучаться
1) Решить хоть как нибудь
2) Застабилизировать
3) Сделать правильно
4) Сделать красиво и изящно

Вот нужно стремиться выходить все чаще на 3+ по этой шкале, другой вопрос, что, чаще всего, время ограничено, поэтому нужно вырабатывать рефлексы, чтобы 3+ получался автоматом.

Answer 9

[Константин]

Опытных верстальщиков без знания Javascrit не бывает!!!!
learn.javascript.ru
А, еще - jQuery.com