Курс React Базовий
Для кого цей курс
Курс розрахований на frontend розробників, які бажають вивчити основи роботи з фреймворком React.jsПопередні вимоги
Знання HTML, CSS, JavaScript (ECMAScript 6).
Тривалість
32 год.
Кількість уроків
16 занять
Вартість навчання
230
Курс входить до
Спеціальності Full-stack. Node.js Розробник + AI Skills, FrontEnd Розробник + AI SkillsПрограма курсу
1
Вступ до React
На уроці учні познайомляться з React, навчаться створювати простий додаток за допомогою Create React App.
2
JSX у React
На уроці учні познайомляться з JSX, навчаться писати прості компоненти за допомогою JSX.
3
Основи React
На уроці учні познайомляться з підвидами компонентів, дізнаються, що таке state у React компонентах, навчаться додавати події до елементів та працювати зі списками.
4
Стан та життєвий цикл
На уроці учні познайомляться зі станом та життєвим циклом в React компонентах, дізнаються різницю між функціональними та класовими компонентами, навчаться їх використовувати, а також коротко ознайомляться з Redux.
5
Форми
На уроці учні познайомляться з можливістю працювати з формами в React, а також з такими поняттями, як підйом стану та валідація з PropTypes.
6
Стилізація у React
На уроці учні познайомляться з можливістю стилізації компонентів у React, а також навчаться використовувати модулі CSS для стилізації.
7
Створення списку заміток
На уроці учні познайомляться з можливістю вибору типу компонента під час виконання, попрактикуються застосовувати знання props, state, lifecycle та інших, а також створять список нотатків за допомогою React.
8
Hooks
На уроці учні познайомляться з основними хуками React, принципами їх роботи та напишуть свій (кастомний) хук і закріплять пройдений матеріал на практиці.
9
Введення в роутинг
На уроці учні ознайомляться з бібліотекою react-router, навчаться організовувати маршрутизацію у додатку.
10
Створення сторінки помилки
На уроці учні познайомляться із Запобіжниками, React.Fragment, Строгим Режимом у React, а також навчаться створювати сторінку помилки.
11
Створення Модального вікна
На уроці учні познайомляться з Рефами, Context API і Рендер пропсами, створять модальне вікно з використанням контексту і рендер пропс.
12
Оптиимізація та продуктивність React додатків
На уроці учні дізнаються, що React може бути повільним – зрозуміємо, коли це може відбуватись і як із цим боротися; познайомимося з різними інструментами, які дозволяють виявити наявність вузьких місць у React додатках, інструментами для оптимізації та аналізу, а також розберемо «нормалізацію» сховища в Redux, з’ясуємо, чим гарні іммутабельні структури даних у JavaScript, і як зробити білд додатку стрункішим та худішим.
13
Практика. Структура та проектування проекту, вибір архітектури.
Вибір теми проекту
Складання Т3
Початок реалізації проекту
Складання Т3
Початок реалізації проекту
14
Практика. Реалізація інтерфейсу
Створення компонентів React
Організація потоків даних
Маршрутизація
Організація потоків даних
Маршрутизація
15
Практика. Створення моделей даних
Створення глобальних станів на Redux
Логіка роботи з даними
Логіка роботи з даними
16
Практика. Захист курсового проєкту
Захист курсового проекту.
По завершенню курсу ви будете вміти
1
Застосовувати базові концепції побудови односторінкових додатків в екосистемі React.
2
Писати та розбивати додатки на логічні частини і компоненти.
3
Стилізувати додатки за допомогою CSS модулів.
4
Будувати прості односторінкові додатки за допомогою React.
Спробуй безкоштовно
Повноцінне заняття з тренером
Що входить до курсу
32 годин живого навчання з тренером
Практичні заняття та перевірка ДЗ
Спілкування з групою
Підтримка ментора та асистента
Тестування та Сертифікат
Відео курс від ITVDN
Як відбувається навчання
1
Живі онлайн заняття
з тренером
2
Виконання
домашніх завдань
3
Перевірка ДЗ
та фідбек
4
Тестування
та сертифікація
Сертифікат після закінчення курсу
Сертифікат після закінчення курсу
Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.
Готовий
почати навчання?
Відправляй заявку та зафіксуй свою знижку на навчання
Богдан Мартиненко
Frontend Developer. Тренер – консультант
Олексій Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Олексій Кучеренко
тренер-консультант напрямку FrontEnd at CyberBionic Systematics
Відгуки наших студентів
Відгуки з DOU
Відгуки з Facebook
Відгуки з Google
Владислав Коломиец
Специальность Frontend нужна была для работы. Учебный центр посоветовал друг.
Учёба была сложной для меня, поскольку теории было больше, чем практики, а мне тяжело запоминать новый материал в таком объеме. Во всяком случае, я теперь лучше разбираюсь в программировании сайтов, изучив HTML5, CSS3, JS, TS, SASS, Angular. Теперь без проблем могу верстать лендинги.
Тренер хорошо объясняет материал, и в случае, если мне было что-то непонятно, помогал даже в нерабочее время.
показати весь
Максим Мищенко
ITVDN – прекрасный ресурс, который помог мне вникнуть в тему веб-разработки.
В Учебном центре работают приятные и отзывчивые тренеры, которым в любой момент можно задать вопрос, и они с удовольствием помогут. Мне очень понравилось обучение здесь, могу с уверенностью сказать, что рекомендую учебный центр CyberBionic Systematics.
показати весь
Мирослав Рогаченко
Спасибо CyberBionic Systematics за интенсивное и интересное обучение, за постоянную поддержку со стороны тренеров и ментора. Курс был насыщен полезной и актуальной информацией, для себя узнал много нового и разобрался со сложными вещами, которые нелегко воспринимались.
показати весь
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс React Базовий
На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи. React — дуже популярний JavaScript фреймворк, який застосовується в побудові користувацьких інтерфейсів веб-додатків. Головна особливість цієї платформи — компонентно-орієнтований підхід, котрий дозволяє перевикористовувати код, що підвищує загальну гнучкість написання додатків.
Курс із "React Базовий" призначений як для початківців, які тільки відкривають для себе JS фреймворки, так і для професіоналів, які бажають опанувати нову технологію. Що на Вас чекає? У ході навчання Ви опануєте базові речі: напишете перший компонент, розберете його стани та життєвий цикл, дізнаєтесь, як використовувати події. Розібравшись із основами бібліотеки, попрацюєте з формами, опануєте стилізацію, познайомитеся з роутингом, виконаєте верстання списку нотатків, навчитеся створювати сторінку помилки та Модальне вікно.
Під кінець навчання реалізуєте повноцінний веб-додаток. Облаштовані навчальні аудиторії забезпечують максимально продуктивний процес навчання. Також Ви можете пройти курс онлайн, підключаючись до групи через Zoom. Після завершення курсу Ви зможете використовувати React для створення нескладних односторінкових додатків (SPA).