Курс JavaScript з нуля

Мова викладання в курсі – російська. Незабаром буде доступна українська версія цього курсу.

Відеозаписи лекцій без зворотного зв’язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.

Опануй найпопулярнішу мову програмування – JavaScript і навчися застосовувати її на практиці!

Чого ви навчитеся

– Дізнаєшся основи програмування та алгоритмів
– Дізнаєшся основні концепції та принципи JavaScript, від найпростіших до найскладніших
– Вивчиш такі популярні технології як AJAX, JSON тощо
– Навчишся працювати з Git та GitHub
– Навчишся працювати з npm, Babel, Browserify, Webpack тощо
– Дізнаєшся, який фреймворк чи бібліотеку обрати в подальшому. Познайомишся з React, Angular, Vue, Jquery
– Бонус. Дізнаєшся основні концепції та напишеш свій додаток на React
– Закріпиш все, що дізнався, на реальних проєктах

Вимоги

– Базові навички HTML, CSS
– Будь-який текстовий редактор коду
– Бажання вивчити JavaScript

Опис

Цей відео курс спрямований на докладне вивчення JavaScript без води, але головне – негайне застосування його на практиці. Це означає, що ви отримаєте матеріал для роботи і ми разом будемо створювати реальні проєкти крок за кроком.

Для кого підійде цей курс?

– Якщо ви нічого не знаєте про програмування, але хочете почати
– Якщо ви новачок у JavaScript і хочете швидко його освоїти і почати вже застосовувати в роботі
– Якщо ви почали своє навчання з JQuery або іншого інструменту, але вам не вистачає знань основ

Що всередині курсу?

Теорія – це добре, але без практики результату не буде. Тому кожен теоретичний блок закінчується практикою, де ви будете писати додаток, інтерактивні елементи на сайті тощо. Всі матеріали для роботи будуть надані.

– ми вивчимо основи програмування і алгоритмів
– ми вивчимо основи об’єктно орієнтованого програмування
– ми вивчимо основні концепції та принципи JavaScript, від найпростіших до найскладніших
– ми навчимося працювати з такими популярними технологіями як AJAX, JSON тощо
– ми навчимося працювати з Git і GitHub
– ми навчимося працювати з npm, Babel, Browserify, Webpack тощо
– подумаємо, який фреймворк або бібліотеку вибрати надалі. Познайомимося з React, Angular, Vue, Jquery
– як бонус – дізнаємося основні концепції та напишемо свій застосунок на React. Навчимося писати автотести

Ну і, звісно, закріпимо все, що проходимо на реальних проєктах

Що таке JavaScript і чому його потрібно вчити вже зараз?

JS – це мова інтерактивності на веб-сторінках. Без неї зараз не обходиться жоден сайт в інтернеті. І навіть більше! Використовуючи різні фреймворки, JavaScript заполоняє інтернет: серверний бік (Node.js), мобільні додатки (React Native, Ionic), віртуальна реальність (React VR) і так далі. Тому, якщо ви хочете піти одним із цих шляхів – нативний JS стане для вас просто необхідною базою.

Для кого цей курс:

– Для тих, хто бажає вивчити JS з нуля, зрозуміти, для чого він потрібен і повністю освоїти всі теми в ньому
– Для тих, хто хоче під час навчання застосувати знання на реальних проєктах
– Для тих, хто хоче бути готовим до проходження співбесіди на позицію Front-End розробника

Матеріали курсу

Усі 48 лекцій – 15:18:56
–
Підготовка до роботи – 18:33
Як проходити цей курс – 02:56
Налаштування робочого простору – 08:32
Як працювати з JSHint – 07:05
–
Основи JavaScript – 4:47:03
Підключення JS до сторінки та змінні – 11:42
Класифікація типів даних у JavaScript – 09:13
Просте спілкування з користувачем – 05:44
Оператори в JS – 10:46
Навчаємось працювати з системою контролю версій Git та з сервісом GitHub 22:23

Як працювати з GitHub з різних комп’ютерів, gitignore і Git Kraken – 15:52

Готуємо проєкт до подальших уроків

Умови – 10:19
Цикли – 07:51
Практика. Пишемо додаток. Частина 1

Функції – 20:09
Практика. Пишемо додаток. Частина 2

Callback-функції – 04:57
Об’єкти – 08:59
Масиви та псевдомасиви – 21:35
Об’єктно Орієнтоване Програмування (ООП) – 06:20
Практика. Пишемо додаток. Частина 3

Відловлюємо помилки у своєму коді за допомогою консолі розробника. Breakpoints. 09:20
Динамічна типізація в JS – 23:57
Завдання на розуміння основ JS (з реальних співбесід)

Отримання елементів зі сторінки – 13:11
Дії з елементами на сторінці – 27:11
Завдання на відпрацювання дій зі сторінкою

Практика. Пишемо додаток. Частина 4

Події та їхні обробники – 26:23
Практика. Пишемо додаток. Частина 5

Бонус. Події на мобільних пристроях і основи регулярних виразів – 31:11
–
JavaScript в роботі02:06:50
Скрипти і час їх виконання. setTimeout і setInterval. 24:51
Створюємо таби на сторінці

Формуємо портфоліо на GitHub – 09:10
Параметри документа, вікна та робота з ними – 26:09
Створюємо таймер зворотного відліку на сайті

Конструктори та класи – 09:03
Контекст виклику (this) – 4:26
Створюємо модальне вікно та працюємо з this

Стандарт ES6. Інтерполяція – 06:09
ES6. let та const – 05:51
ES6. Стрілочні функції – 06:46
ES6. Параметри за замовчуванням – 04:03
ES6. Класи – 04:49
ES6. Spread-оператори – 05:33
Працюємо з проектом і практикуємося використовувати ES6

–
Просунутий JavaScript – 03:31:19
Локальні сервери – 11:19
JSON формат передавання даних – 05:44
AJAX – 24:34
Реалізація скрипта надсилання даних із форми

ES6. Promise – 20:47
Використовуємо проміси на реальних прикладах

Створюємо слайдер на сайті

Створюємо калькулятор на сайті

Як зберегти дані без БД. Робота з localStorage – 17:34
Помилки. Як уникнути “поломки” свого коду – 11:18
Сучасні бібліотеки та фреймворки. JQuery, як влаштована $ – 30:26
Працюємо з JQuery

Інкапсуляція. Прийом модуль, як і навіщо його використовувати – 21:46
Налаштовуємо Webpack і збираємо наш проєкт – 25:57
Збірка проєктів за допомогою Browserify – 04:12
Як перетворити код ES6 на старий формат ES5. Babe, Babel-loader і поліфіли. – 15:05
ES6 Модулі – 04:13
Працюємо з готовим кодом – 18:24
–
Бонус. Додаткові технології. – 01:03:03
React – 40:26
Написання тестів – 22:37