Набір учасників JavaScript Розробник. Тариф-JavaScript (Юрій Ключевський)

[Gadzhi]

Переглянути вкладення 50641

​

технології вивчаються на курсі

Основи програмування на JavaScript. Правильний підхід.
Робота з DOM. Створення інтерактивних додатків.
Сучасний стандарт ES6. Використовуйте найактуальніші можливості мови.
Взаємодія з сервером. XMLHttpRequest, Ajax, Fetch.
Рядки, масиви, функції, об'єкти в JavaScript. Просто про складні речі.
Контекст, scope, this, проміси, асинхронність, модулі, імпорт, роутер, state, компоненти.
Робота з сервером і API. Створення динамічних додатків.
Фінальний проект. Побудова SPA додатки на native JS. Робота з API, модулі та компонентний підхід.

Спойлер: інформація

1 модуль. Основи мови JavaScript
введення в курс

• привітання, організаційні моменти
• перш ніж почнемо
• Налаштування інструментів

основи мови JavaScript

• введення
• перші кроки
• введення в JS
• змінні та типи даних
• мутації змінних і приведення типів
• базові оператори
• пріоритети операторів
• Практичне заняття
• умови if/else
• Булева логіка true і false
• тернарний оператор
• Switch вирази
• істинні та хибні значення, оператори рівності
• Практичне заняття
• функції
• оголошення функції і вираз функції
• масиви
• Практичне заняття
• Об'єкти та властивості
• Об'єкти та методи
• Практичне заняття
• цикли та ітерації
• Практичне заняття
• версії JavaScript: ES5, ES6/ES2015, ES6+

як насправді працює JavaScript

• як виконується JS код. JS парсер і движок
• Контекст виклику і виконання
• Контекст виконання saeyrwbb в деталях: створення і фази виконання, спливання (Hoisting).
• область видимості і замикання
• ключове слово this

2 модуль. JavaScript в браузері
JavaScript в браузері. Маніпуляція Dom елементами і події.

• Об'єкти DOM і маніпуляція Dom об'єктами
• практичний проект
• отримання Dom елементів і маніпуляція
• події та обробка подій
• програмування практичного проекту
• Практичне завдання

3 модуль. Просунутий JavaScript
розширений JavaScript: Об'єкти та функції

• Об'єкти. Спадкування і прототипне спадкування.
• Створення об'єктів. Функції конструктори
• Прототипне успадкування
• метод Object.create
• примітиви та Об'єкти
• функції вищого порядку: Передача функції як аргументу
• функції вищого порядку: функції повертаючі функції
• функція Iife, що Самовизивається
• замикання
• Прив'язка і передача контексту. Bind, Call і Apply
• Практичне заняття

З'єднуємо всі разом. Практичний проект.

• практичний проект
• патерн Модуль
• Прослушка подій
• читання вхідних даних
• Створення функції ініціалізації програми
• конструктори функцій
• Програмування проекту

4 модуль. Сучасний JavaScript
сучасний стандарт JavaScript. Вступ до ES6/ES 2015

• зміни в ES6/ES2015
• оголошення змінних let і const
• Блоки та IIFE
• рядки в ES6/ES2015
• стрілочний функції
• стрілочний функції і this
• Деструктуризация
• масиви в ES6/ES2015
• spread оператор
• Rest параметри
• параметри за замовчуванням
• Map
• класи
• класи та підкласи
• практична вправа

асинхронний JavaScript: Promise, Async/Await функції, AJAX і fetch запити

• асинхронний JS
• розуміння асинхронного коду. Цикл подій
• асинхронний JS і колбеки
• Callback hell і Проміси
• Проміси і Async/Await
• AJAX і API
• Ajax запити з Fetch і Проміси
• Ajax запити з Fetch і Async/Await

5 модуль. Фінальний проект
Сучасний JavaScript: ES6, NPM, Babel і Webpack

• огляд нововведень
• Короткий вступ до командного рядка
• Установка Node.JS і NPM
• Налаштування WebPack
• Налаштування WebPack dev Server
• Налаштування Babel
• практичний проект
• MVC Архітектура проекту
• Робота з модулями в ES6
• Робота з API
• серія практичних уроків з реалізації проекту
• пошук
• завантаження сторінок
• моделі в проекті
• Пагинация
• контролери
• View і шаблони
• Робота з localStorage

завершення курсу. Іспит.
6 модуль. Тариф JavaScript + React
основи React JS

• компоненти
• JSX
• Props
• State
• події
• умовний рендеринг

Хуки

• useState
• useEffect
• useRef
• useContext
• useReducer
• useMemo
• useCallback

додаткові пакети

• React Router
• Axios
• Style Components

управління станом

• Redux і reducer
• action
• dispatch
• reducer
• store

https://privatelink.de/?https://webcademy.ru/jscourse/