Курс Frontend Advanced

Пройшовши цей курс, ви поглибите своє розуміння JavaScript: ви освоїте взаємодію з сервером, дослідите оновлені версії ECMAScript, ознайомитесь з NPM репозиторіями, вивчите бібліотеку React і введенням в Redux.

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

• Що таке JavaScript. Специфікація ECMAScript. Web Console
• Оголошення змінних let, const, var
• Структура і типи даних
• Оператори
• Приведення типів
• Числа Рядки
• Практика
• Умовні інструкції if else, switch
• Цикли
• Практика
• Функції
• Практика
• Робота з масивами, для чого вони потрібні, методи перебору і сортування
• Об’єкти, спадкування. Відмінності від масивів, оператори
• Розбір практичного прикладу, завдання
• DOM звернення до елементів
• DOM стилі
• Події в Javascript
• Замикання і рекурсії
• Серіалізація даних, розгляд форматів xml і json
• Основні поняття асинхронного програмування
• Практика
• Методи взаємодії з сервером, види запитів Ajax
• Пояснення концепції SPA
• Робота з модулями, оптимізація роботи Javascript
• Розгляд нових версій ECMAScript
• NPM репозиторії, навіщо вони потрібні і як взаємодіяти з js ком’юніті
• Взаємодіємо з реальним сервером
• Практика
• Огляд сучасних напрямків і фреймворків Javascript, серверний JS і інтерфейси десктоп
• Знайомство з React
• Webpack, для чого він потрібен, базовий шаблон webpack
• Поглиблення в веб пак, як ми можемо використовувати ще недоступні функції ECMAScript
• Налаштування оточення, використання create react app, JSX
• Virtual DOM як основа React, інтерактивність сторінки, як її домагаються
• Заглиблюємося в компоненти що таке props, state, як оживити нашу сторінку
• Компоненти в React, життєвий цикл компонентів, функціональні компоненти
• Види стилізацій React додатків, робота зі styled components
• Роутінг, взаємодія з адресним рядком
• State менеджери, їх необхідність, види, і як масштабувати великі проєкти
• Context
• Введення в Redux, створення редюсеров, екшенів, цикл який проходять всі дані в redux
• Debug React додатків, робота зі статичними даними
• Створюємо проєкт на React. Сторінка з продажу байків
• React. Сторінка з продажу байків:
  • Верстка простих елементів
  • Верстка слайдера
  • Вибір кольору товару та контактна форма
  • Підключаємо сервер
  • Deploy на heroku
• Що робити далі розробнику-початківцю?

Особливості курсу

• 50 відеоуроків тривалістю 10-30 хв
• Для успішного проходження курсу необхідні базові знання HTML, CSS та Javascript
• Доступ до всіх матеріалів протягом 6 місяців
• Додаткові посилання на статті та кейси для опрацювання
• Сертифікат про закінчення курсу (при 80% засвоєного матеріалу)