​

Пройдя курс, Вы улучшите знания в javascript – обобщите и укрепите классические темы, рассмотрите и осмыслите новшества стандартов после ES2015. А также выстроите систему написания кода и научитесь взаимодействовать с серверной частью. Рассматриваемые темы будут соотноситься с их реализацией и применением во фреймворках React и Vue.​

Программа курса
29 ноября, 20:00 — урок 1
Этапы готовности новшеств stage [0, 4]
Настройка Webpack + Babel
Настройка VS Code + eslint
Export и import vs require
Итераторы и генераторы, Symbol
Полифилы для новых классов

3 декабря, 20:00 — урок 2
Call, apply, bind, карринг
Стрелочные функции
Синтаксис классов в ES6 и ES7
Идеи реактивности данных
Обычные геттеры и сеттеры
Proxy - перехват обращения к объекту

Спойлер: Продолжение описания

6 декабря, 20:00 — урок 3
Обработка ошибок и исключений
Ужас цепочек из коллбеков
Проблема коллбеков и исключений
Promise: then, catch
Промисификация кода
Новые фишки: async, await

10 декабря, 20:00 — урок 4
Декораторы классов
Настройка babel для декораторов
Декораторы в react + mobx
Идеи компонентного подхода
Поток данных и генерация событий
Небольшая пародия на javascript фреймворк

13 декабря, 20:00 — урок 5
Взаимодействие с сервером
XMLHttpRequest vs fetch
fetch + полифил vs axios
Работа с fetch
Передача данных в json-формате
Идеи REST API

17 декабря, 20:00 — урок 6
Работа с axios
Базовая настройка
Отправка запросов и обработка ответов
Интерцепторы
Работа с токенами авторизации
Взаимодействие с готовым REST API

20 декабря, 20:00 — урок 7
Применение изученных тем в React
Настройка стартового шаблона
Основы React и JSX
Состояния компонентов
Взаимодействие между компонентами

24 декабря, 20:00 — урок 8
Проблемы реактивности
Проблемы взаимодействия компонентов
React + Mobx
Создание небольшого приложения
Подведение итогов

Преподаватель курса
Дмитрий Лаврик
Профессиональный веб-разработчик
Опыт работы в сфере разработки сайтов более 7 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.
Опытный преподаватель
Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Что вы получите
8 онлайн уроков
По понедельникам и четвергам с 20:00 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

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

Материалы и исходники
Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.

Домашние задания
После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии

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

Доступ в закрытую группу
Во время прохождения курса все участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.

Обзор курса
Внимание! Для прохождения данного курса необходимо нормальное владение javascript, в том числе, понимание ООП, контекста, замыканий и основных моментов стандарта ES6!
Если вы хотите подробнее ознакомится с идеями курса и необходимыми начальными знаниями, посмотрите видео, расположенное ниже



Если описание начальных знаний пугает вас, лучше начать с базового курса – javascript для верстальщиков.

В складчину входят (папки и файлы):
Урок 1
js-1.mp4 [259m 963k 87]
js-2.mp4 [285m 432k 737]
js-lesson1-hw.txt [2k 198]

js-lesson1-src
.babelrc [135]
.eslintrc [231]
index.html [395]
package.json [646]
webpack.config.js [694]

css
styles.css [30]

es6
gen.js [472]
other.js [109]
scripts.js [2k 39]
some.js [95]
timer.js [561]

js
main.js [93k 305]

Урок 2
js-2-1.mp4 [276m 377k 769]
js-2-2.mp4 [215m 729k 310]
js-lesson2-hw.txt [1k 312]

js-lesson2-src
index.html [465]
package.json [646]

css
styles.css [30]

es6
lesson1-hw.js [580]
lesson2.js [3k 77]
words.js [479]

lesson2
getters.js [521]
hw.js [237]
proxy.js [299]
timer.js [565]
vue-getters.js [1k 449]
vue-proxy.js [1k 410]

Урок 3
js-3-1.mp4 [330m 119k 707]
js-3-2.mp4 [249m 742k 510]
js-3-hw-intro.mp4 [32m 587k 277]

js-lesson3-src
.babelrc [135]
.eslintrc [231]
index.html [465]
package.json [646]
webpack.config.js [773]

css
styles.css [94]

es6
lesson2-hw.js [1k 133]
lesson2-hw-module.js [1k 55]
lesson3.js [2k 232]

lesson3
api-async.js [1k 241]
api-callback.js [1k 96]
api-promise.js [1k 760]
math.js [315]

lesson3-hw
articles.js [887]
db.js [3k 189]
main.js [1k 186]

Урок 4
js-4-1.mp4 [318m 470k 479]
js-4-2.mp4 [291m 781k 646]
js-lesson4-hw.txt [270]

js-lesson4-src
.babelrc [210]
.eslintrc [231]
index.html [391]
package.json [697]
webpack.config.js [746]

css
styles.css [94]

es6

lesson3-for-hw
articles.js [763]
db.js [3k 106]
main.js [947]

lesson4
index.js [84]

components
cart.js [2k 448]
input-number.js [1k 214]

parody
index.js [1k 167]

js
main.js [1k 189]

Урок 5
js-5-1.mp4 [271m 892k 161]
js-5-2.mp4 [282m 573k 929]
js-5-hw.mp4 [12m 39k 377]
server-api.txt [804]
server-hw.txt [1k 631]

js-lesson5-src
.babelrc [210]
.eslintrc [231]
index.html [391]
package.json [697]
webpack.config.js [902]

css
styles.css [94]

es6

lesson4-hw
index.js [84]

components
cart.js [3k 435]
input-number.js [1k 214]

parody
index.js [2k 429]

lesson5-ajax
articles.js [1k 694]
index.js [1k 679]

js
main.js [1k 189]

Урок 6
js-6-1.mp4 [280m 550k 26]
js-6-2.mp4 [213m 888k 740]
js-lesson6-hw.txt [834]

js-lesson6-src
.babelrc [210]
.eslintrc [231]
index.html [844]
package.json [721]
webpack.config.js [945]

css
styles.css [94]

es6

lesson5-hw-done
articles.js [1k 812]
index.js [2k 299]

lesson6-axios-5-hw
articles.js [945]
index.js [2k 290]
server.js [460]

Урок 7
js-7-1.mp4 [349m 787k 940]
js-7-2.mp4 [226m 597k 88]
js-lesson7-hw.txt [145]

js-lesson7-src
.babelrc [183]
.eslintrc [231]
index.html [364]
package.json [844]
webpack.config.js [941]

css
styles.css [94]

es6

lesson6-hw-done
articles.js [304]
index.js [2k 92]
server.js [546]
users.js [299]

lesson7
index.js [161]

components
cart.js [3k 92]
input-number.js [1k 155]
modal.js [396]

Урок 8
js-8-1.mp4 [348m 241k 171]
js-8-2.mp4 [279m 272k 494]

js-lesso8-src
.babelrc [273]
.eslintrc [231]
index.html [364]
package.json [945]
package-lock.json [276k 497]
webpack.config.js [941]

css
styles.css [126]

es6

lesson7-hw-done
articles.js [6k 92]
index.js [188]

model
articles.js [945]
server.js [460]

lesson8
index.js [223]
test-decorators.js [1k 78]

components
cart.js [406]
content.js [212]
header.js [202]
products.js [1k 498]
site.js [346]

store
cart.js [894]
products.js [550]

js
main.js [274k 743]

server-api
README.txt [606]

js-6-api
articles.php [1k 330]
auth.php [1k 33]
functions.php [948]

js-hw-api
articles.php [3k 233]

Объем курса: 4,21Гб