Как составить план своего дальнейшего обучения?

Question

[Руслан Шадура]

Помогите составить план обучения, кульминацией которого будет трудоустройство front-end разработчиком.
Уже давно хочу сменить область работы, вот решил, наконец, всерьез заняться этим вопросом.
Сам сейчас создаю сайты для знакомых и под заказ (на joomla и wordpress), достаточно хорошо знаю HTML5 и CSS3, с js немного похуже все - уровень знаний "поковырять" (собственно как и с PHP).
Вот составил себе примерный план дальнейшего обучения, хотелось, что бы вы его подкорректировали, что действительно требует особого внимания, а с чем лучше вообще не париться?

P.S. если есть возможность вставляйте, пожалуйста, ссылки на ресурсы (желательно русскоязычные)

UPD Вот, что у меня получилось - ссылка. Может кто что добавит или исправит?

Answer 1

[ValeraValera]

Прочитайте эту книгу
www.piter.com/product_by_id/56967257
с заданиями
Пройдите все уроки https://htmlacademy.ru/
Прочитайте https://www.ozon.ru/context/detail/id/20217226/
пройдите уроки на https://learn.javascript.ru/
Вот это www.ozon.ru/context/detail/id/6277333
Основы GIT
Английский по Максимуму до уровня intermediate
и минимум 10 макетов сверстать от простого до сложного с заливкой их на github

Answer 2

[Котик Антон]

Думаю, отсюда можно добавить несколько пунктов в план:
jstherightway.org
superherojs.com

...желательно русскоязычные

+ Английский

Comments

[Руслан Шадура]

Спасибо, но с английским пока напряг

[Alexander]

Руслан Шадура: без него весь путь будет трудный. + это не это не профессионально , не обязательно знать его полностью, достаточно на уровне чтения.

[Руслан Шадура]

Alexander: возможно тогда посоветуешь, как его можно быстро освоить (на нужном уровне)? Сейчас знаю на уровне школы)

[Руслан Шадура]

Alexander: Спасибо) может посоветуешь какие-нибудь простые фильмы на английском?

[Alexander]

Руслан Шадура: это уже для пониманию речи для слуха. Достаточно по искать в гугле англо-язычные сериалы с русскими субтитрами.

[Руслан Шадура]

Alexander: Ладно, займемся)

[Alexander]

Руслан Шадура:
upd:
практикуйтесь, переводите слова, записывайте их в словарь ( это включается зрительную память и письменную память мозга ). Не ищите лёгких путей( это грабли ) и тогда у вас все получится.

Answer 3

[Александр Манаков]

Как уже и писали - английский - обязательно. Читать придется очень и очень много и процентов 90 - на англ.
Дальше надо понять, идти дальше в верстку или разработчикам.
Если разработчиком, то (верстальщика не рассматриваю):
1) node, npm - обязательно
2) Babel - чтобы писать на es6
3) gulp, grunt, webpack - можно чтото одно, остальные довольно таки похожи
4) Чистый js - есть хорошая книжка с носорогом на обложке. Большая, скучная, но там много чего есть.
5) Abgular, React - можно чтото одно. Сейчас самые популярные фрейм. в вакансиях.

Про что не написал:
1) jQuery - устарела и уже почти не используется. Можно посмотреть что это такое, но тратить не него время не рекомендую.
2) AJAX и т.д. - один из пунктов про чистый js
3) Тесты - врятли потребуются для junior. Время есть - можно попробывать, нет - не трогай)
4) WebSocket - не сильно важно. Используется далеко не везде.
5) TypeScript - в принципе можно, но тоже если есть время.
6) Canvas, WebGL - спец технологии. Редко где видел, чтобы их требовали.

Comments

[Руслан Шадура]

спасибо за объективный комментарий, учту

Answer 4

[xmoonlight]

+ HTML5, WebGL, largescalejs.ru

Answer 5

[Neyaz]

На medium есть отличная серия статьей
https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...

https://medium.com/@ABatickaya/%D0%BE%D1%82-%D0%BD...

Comments

[Руслан Шадура]

Хорошие статьи, спасибо)

Answer 6

[Ranwise]

html шаблонизаторы - jade(pug)
webpack

Comments

[Руслан Шадура]

Спасибо, забыл внести в список