пройшовши курс, ви поліпшите знання в 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
Обробка помилок і винятків
Жах ланцюжків з колбеків
Проблема колбеків і винятків
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
https://privatelink.de/?http://js.dmitrylavrik.ru/frontend/