React
Всем привет.
Вы все, наверное, видели в вашем личном кабинете документс с материалами по подготовке к курсу: https://goo.gl/v4U2Ex (ссылка на loftschool.com).
Материалы хорошие, но как мне показалось, их мало. Поэтому, давайте попробую их дополнить.
Предложенные ссылки идут шагами от простого к сложному, в зависимости от ваших скилов шаги можно пропускать.
Шаг 1 (I'm too young to die)
Нужно изучить курс по Vanilla JavaScript одно из двух:
- Официальный курс от лофтскул https://loftschool.com/course/javascript (Плюсы: очень крутой курс. Минусы: стоит денег, можно не попасть в расписание);
- Бесплатные видеоуроки "Основы JavaScript" от лофтблог https://www.youtube.com/watch?v=n0sPFaLsNeI&list=PLY4rE9dstrJymG1GyPLgOKsJNq9r-p6pX
Дополнить и закрепить полученные знания можно дополнительными материалами:
- Видеоуроки "Продвинутый JavaScript" от лофтблог https://www.youtube.com/watch?v=xydnbUZqzto&list=PLY4rE9dstrJzNRmAeTHXAlT7lJFC2YjDg
- Вебинары от Сергея Мелюкова:
- https://www.youtube.com/watch?v=NKEnNlBgelM&t (Мастер-класс по созданию аудио-плеера для ВКонтакте)
- https://www.youtube.com/watch?v=5l01s6Vkqp0 (Открытый вебинар по javascript - [J]u[S]t prototype this!)
Проверкой знаний по данному шагу может быть такое задание:
Напишите простой валидатор bootstrap-форм:
- В функциональном стиле;
- В объектно-ориентированном стиле.
Что дает первый шаг: знание нативного JavaScript в ES5 синтаксисе.
шаг 2 (hurt me plenty)
Нужно изучить современный JavaScript синтаксис ES6 (ES7) и понять что такое ReactJS, в этом нам помогут прекрасные курсы:
- Курс "Основы ES6" от CodeDojo https://www.youtube.com/watch?v=4YfsAz-sNAo&list=PLqHlAwsJRxAOpWPtj2T6HhSzX-lKmKV2q
- Курс "Знакомство с React" от CodeDojo https://www.youtube.com/watch?v=fQAKKXc6BCM&list=PLqHlAwsJRxAONt5CnjMMeKdYGv1CDRUOl
- Статья по созданию простого TODO приложения от Scotch.io https://scotch.io/tutorials/create-a-simple-to-do-app-with-react
Факультативно можно изучить:
- Курс "Знакомство с Babel" от CodeDojo https://www.youtube.com/watch?v=XVDJxIpiDJw&list=PLqHlAwsJRxAOZCOfiukwZe4zJZIiVynvh
- Курс "Node.JS" от Ильи Кантора https://www.youtube.com/watch?v=ILpS4Fq3lmw&list=PLDyvV36pndZFWfEQpNixIHVvp191Hb3Gg (курс староват, но в нем дан хороший задел от чего можно оттолкнуться);
- Курс "Webpack" от Ильи Кантора https://www.youtube.com/watch?v=kLMjOd-x0aQ&list=PLDyvV36pndZHfBThhg4Z0822EEG9VGenn (так же довольно старый курс, но базовое понимание дает шикарное).
Проверкой знаний по данному шагу можно посоветовать взять любое API отдающее набор данных, например о погодных измерениях, и построить на их основе линии тренда (хватит обычной линейной регрессии) в различные периоды. Можно ограничиться выборкой 10-20 различных периодов длиной в неделю или две:
- Попробуйте получать данные с помощью Promise и обрабатывайте полученные данные только методами массивов и объектов доступными только в ES5 синтаксисе;
- Попробуйте получать данные с помощью async/await и обрабатывайте полученные данные с использованием возможностей, которые дает ES6(7) синтаксис;
Кроме этого напишите, набившый всем оскомину, TODO App на ReactJS.
Что дает второй шаг: понимание того как сильно упрощается написание кода с использованием ES6 синтаксиса, а так же появляется базовое представление, что же такое ReactJS и как его можно начать использовать.
шаг 3 (nightmare)
Нужно довольно глубоко погрузиться в понимание того, что же такое React и прощупать его экосистему.
Для этого делаем по все по хардкору:
Смотрим вебинар: "Разработка SPA на React, NodeJS, Express и MongoDB" от ITVDN https://youtu.be/mYvdeFfZ_NE
Материалы и доступ к исходному коду: http://krambertech.github.io/spa-webinar/
Вебинар проводился 10 мар. 2016 г., ведущая: Поршнева Екатерина.
Как видите, данный вебинар проводился в стародавние времена, поэтому проверкой знаний по данному шагу будет: самостоятельная работа по адаптации кода из вебинара к современным версиям пакетов, используемых в вебинаре.
Одной из интересных особенностей вебинара является, то что в нем все построено на Flux. Я сознательно не предлагаю на этом шаге изучать Redux, т.к. ему нас научат.
Что дает третий шаг: умение писать совсем базовый код на ReactJS, умение ориентироваться в ReactJS экосистеме. Форматирование и подготовка своего сознания к курсу для более эффективного его прохождения.
В завершении
Данный текст это мое личное видение проблемы подготовки к предстоящему курсу.
Предлагаю вам данный тект дополнить совместно и более эффективно подготовиться к предстоящему в нашей жизни событию.
И, как говорил мой первый начальник: "У вас еще весь вечер и вся ночь в переди!". Мы с вами находимся в более выгодном положении: для подготовки у нас еще 15 вечеров и ночей!
Всем приятной подготовки ;)