Що ви будете вивчати
Ми рекомендуємо пройти попередній тест, щоб бути на 100% впевненим, що ви володієте необхідним рівнем знань JavaScript для успішного завершення курсу
ES612 годин
- - Let і const: сучасні оголошення змінних
- - Стрілкові функції: короткий синтаксис функцій
- - Оператори Rest, Spread
- - Формат JSON
- - Обіцяти
- - Функція вибірки
- - Async/Await
- - Область застосування функцій та змінних
- - Практичне завдання
Основи React20 годин
- - Знайомство з React.js
- - Налаштування середовища розробки React
- - JSX (JavaScript XML)
- - Компоненти в React
- - Props (властивості) і стан
- - Життєвий цикл компонента
- - Обробка подій у React
- - Умовний рендеринг
- - Списки та ключі
- - React Router (для навігації)
- - Керування станом за допомогою хуків (useState, useEffect)
- - Вступ до стилізації компонентів у React (CSS-in-JS, styled-components)
- - Розуміння React Fragments
- - Практичне завдання
React Middle Level30 годин
- - Розширені методи маршрутизації
- - Вкладені маршрути та route guards
- - Обробка динамічних маршрутів
- - Розширене використання вбудованих хуків (useEffect, useContext тощо)
- - Створення власних хуків для багаторазової логіки
- - Обробка складних форм із контрольованими компонентами
- - Використання бібліотек перевірки форм (наприклад, React Hook Form, Yup)
- - Методи оптимізації продуктивності
- - Запам'ятовування та хуки useMemo/useCallback
- - Відкладене завантаження та розбиття коду
- - Компоненти вищого порядку (HOC)
- - Шаблон візуалізації Props
- - Складові компоненти
- - Паттерни та антипаттерни в розробці
- - Практичне завдання
React Розширений рівень32 годин
- - Управління станом за допомогою Redux
- - Redux middleware (наприклад, Thunk, Saga)
- - Поєднання контексту React і Redux
- - Написання модульних тестів за допомогою Jest і React Testing Library
- - Стратегії тестування додатків React
- - Виконання запитів API за допомогою Axios або Fetch
- - Обробка автентифікації та авторизації
- - Створення складної програми React із повним стеком
- - Співпраця та контроль версій за допомогою Git і GitHub
- - Практичне завдання
86
Graduates
4600
Education hours
14
Working Lectors
67350
Written lines of code
200
Satisfied clients
Формат навчання
Враховуючи досвід попередніх потоків, ми переробили наш курс і побудували навчання у форматі змішаного навчання:
Ви отримуєте теоретичні лекції у відеоформаті. На початку кожного тижня ви отримуватимете записи 2 занять. Ви можете переглянути їх у будь-який зручний для вас час. Разом з лекціями ви одразу отримаєте домашні завдання та невеликий тест на розуміння.
Ви можете вивчати матеріали у власному темпі та відповідно до свого досвіду. Якщо ви сильні в деяких темах лекції, то ви можете подивитися лекцію на більшій швидкості або взагалі пропустити її і відразу приступити до вирішення завдань.
Відеозаписи вебінарів будуть надіслані вам наступного дня після сесії.
Наприкінці кожного тижня будуть додаткові живі вебінари з викладачем у форматі «Питання/Відповідь» тривалістю 4 години.
Після кожного блоку тем буде практичне завдання, де ви виконуватимете тестові завдання, щоб продемонструвати засвоєний матеріал.
В особистий час з наставником ви можете обговорити конкретні питання, з якими ви зіткнулися в процесі роботи, а також отримати зворотній зв'язок із виконаними завданнями.
Після закінчення курсу буде семінар, який охоплять деякі додаткові теми, пов'язані з темами курсу. За умови успішного виконання всіх необхідних робіт, ви зможете отримати сертифікат та приємний сюрприз від DevRockets academy
Вiдгуки
Результат навчання
Знання
Ви будете мати тверде розуміння JavaScript як мови програмування
Роль Javascript у веб-розробці
Основний синтаксис
Ви будете досвідченими в оголошенні змінних
Ви зможете розпізнавати різні типи даних
Ви освоїте керуючі структури, такі як умовні оператори (if, else if, else) і цикли (for, while)
Ви будете добре розуміти функції в JavaScript, включаючи визначення, виклик і використання їх для модулярізації та структурування коду
Завдяки практичним вправам ви отримаєте практичний досвід вирішення проблем і реалізації сценаріїв реального світу за допомогою JavaScript
Поглиблене знання основ React.js, включаючи компоненти, властивості, стан і JSX
Повне розуміння React Router для маршрутизації на стороні клієнта
Вміння керувати станом програми за допомогою React Context і Redux
Можливість реалізувати розширені шаблони управління станом для складних програм
Знання компонентів вищого порядку (HOC), props візуалізації та складених компонентів
Навички вибору відповідного шаблону компонентів для різних сценаріїв
Навички
Ви будете добре обізнані з ECMAScript 2015 (ES6) і його значенням у сучасній розробці JavaScript
Ви отримаєте розуміння обсягу блоку та постійних значень
Ви будете знати функції стрілок для стислого та ефективного визначення функцій
Ви будете використовувати шаблонні літерали для інтерполяції рядків і створення багаторядкових рядків
Ви вміло витягатимете значення з об’єктів і масивів за допомогою деструктуризації, покращуючи читабельність коду
Ви ефективно використовуватимете параметри функції за замовчуванням і оператори rest/spread для гнучкого визначення функцій і обробки аргументів
Взаємодія з DOM браузера з кодом Javascript
Функції, області дії, замикання в Javascript
Ajax, обіцянка в Javascript
Регулярні вирази
Всі функції ES6
Розуміння методів оптимізації продуктивності, включаючи запам’ятовування, відкладене завантаження та розбиття коду.
Здатність проектувати, проектувати та розробляти складні проекти React з нуля
Навички передових методологій стилізації, таких як модулі CSS і CSS-in-JS
Можливість створювати та ефективно стилізувати інтерфейс користувача
Вміння працювати зі складними формами та інтегрувати бібліотеки перевірки форм, такі як "React hook form" і Yup
Можливість писати модульні тести за допомогою Jest і React Testing Library
Компетентність у створенні запитів API до серверних служб, обробці автентифікації та управлінні відповідями
Додатково
Ви будете дотримуватися найкращих практик кодування, включаючи правильні відступи в коді, правила іменування та коментарі, щоб писати чистий код JavaScript, який зручно підтримувати
Підвищена впевненість у незалежних проектах на основі React
Можливість ефективно досліджувати та вивчати нові бібліотеки та інструменти React
Покращені навички вирішення проблем через вирішення реальних проблем у розробці React
Здібності до критичного мислення під час прийняття рішень щодо архітектури та дизайну компонентів
Покращена готовність до роботи з цінним набором навичок, які користуються великим попитом у технологічній індустрії
Підвищення конкурентоспроможності на ринку праці для позицій, пов’язаних із розробкою React.js
Можливості приєднатися до спільноти розробників React, брати участь у проектах з відкритим кодом і співпрацювати з колегами
FAQ
Які варіанти оплати доступні для навчання?
- помісячно (повна сума оплати за навчання розбивається на щомісячні платежі);
- зі знижкою 5%, якщо робиш внесок за весь курс одразу;
- якщо ви приведете друга, то отримаєте додаткову знижку 5%
Чи отримаю я сертифікат про проходження курсу?
Так, після закінчення курсу ви отримаєте цифровий сертифікат, і в будь-який момент при скануванні qr-коду ваш роботодавець може перевірити дійсність цього сертифіката.
Чи допомагаєте ви з працевлаштуванням?
Ми можемо допомогти вам у пошуку вашої першої роботи, але важливо пам'ятати, що 100% гарантії на працевлаштування ми не надаємо.