Курс JavaScript з нуля

Програма курсу

Блок 1. Web, HTML, CSS, Bootstrap

Ввідний курс по веб-технологіям

• Технологія клієнт сервер
• Мережа інтернет, провайдер, домен, хостинг, web сервер
• http запити, типи запитів POST, GET
• Протоколи передачі даних: http, tcp / ip, ftp, ssh і інші

Базовий синтаксис HTML

• Базовий синтаксис css
• Створення кросбраузерності html сторінки з урахуванням відображення її на мобільних пристроях

Основи JavaScript. Вступ

Історія javaScript, область застосування, програми для написання коду підключення до html сторінці.

Основи синтаксису

• Типи даних і змінні
• Оператори порівняння і логічні значення
• Умовні оператори if і else
• Цикли while, do while, for, for in, each
• Функції, замикання і область видимості
• Масиви і об'єкти

Робота з DOM моделлю

• Вибірка html елементів зі сторінки за назвою класу, id, імені тега і інші способи
• Вставка, зміна і створення html елементів на сторінці
• Події браузера, click, mouseover, mousedown, mousemove і інші
• Створення обробників подій у відповідь на дії користувача

Регулярні вирази

Блок 2. Об'єктно-орієнтоване програмування (ООП)

ООП при процедурному програмуванні

• Конструктор об'єкта
• Поняття інтерфейсу
• Методи роботи з інтерфейсом (сеттери, геттери)
• Функціональне успадкування

ООП в прототипному програмуванні

• Прототип об'єкта
• Класи
• Спадкування
• Свої помилки, успадкування від Error

Високий рівень JavaScript, ES-2015/ES6, Node.js ES-2015/ES6

• Змінні let і const
• Деструктуризація
• Нові можливості оголошення функцій і роботи з рядками
• Робота з об'єктами і прототипами
• Робота з класами і спадкуванням між ними, extends, constructor, super, static, геттери, сеттери
• Тип даних Symbol, ітератори, Set, Map, WeakSet і WeakMap
• Promise, асинхронний javascript
• Генератори, модулі, proxy

Node.js

• Встановлення і запуск
• Робота з модулями
• NPM і Yarn менеджери встановлення пакетів для node js
• Підключення бази даних, post і get запити
• Складальник проєктів Webpack, Babel

Робота з API

• Робота з http запитами, технологія клієнт - сервер
• Вивчення ajax запитів і формату передачі даних JSON
• XMLHttpRequest і fetch
• Принципи роботи REST API

Блок 3. Вивчення сучасної JavaScript бібліотеки

React JS

• Базова концепція, для чого і де використовується
• Налаштування оточення, створення структури програми
• Вивчення JSX - синтаксису
• React Virtual DOM
• Рендеринг елементів
• Компоненти і реквізит
• Оформлення компонентів, робота з CSS
• Життєвий цикл React-компонентів
• Стан і життєвий цикл
• Обробка подій
• Умовний рендеринг
• Списки і ключі
• Форми
• Зворотний потік даних, підйом стану
• Налагодження

Блок 4. Вивчення сучасної JavaScript бібліотеки React JS

Redux JS

• Базова концепція, єдине джерело істини, для чого використовувати з react
• Підключення до react
• Події, асинхронні події
• Reducers, створення і оновлення сховища, імутабельність даних
• Connect метод
• Налагодження
• Розробка фронтенд додатку на REACT JS

Вивчення написання end-to-end i unit тестів для тестування Frontend додатків на React

• Jest js
• Enzyme
• Nightwatch

Розробка фронтенд додатку на React JS і написання серверної його частини на Node JS

Після онлайн курсу ти:

• Ти навчишся створювати веб-сторінки і повноцінні веб-додатки
• Напрацюєш своє стартове портфоліо
• Ти зможеш додавати анімацію і графічні ефекти на веб-сторінки
• За допомогою JavaScript навчишся взаємодіяти з користувачами через веб-інтерфейс

Викладачі курсу

• Денис Руденко - В IT сфері вже більше 8 років
• Волосович Андрій - Більше 5 років досвіду у сфері IT