Курс 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 Developer.
Программа курса очень хорошо стректурирована: начиналось все с легкого - HTML и CSS, и постепенно усложнялось до Angular. Если что было не понятно, все можно пересмотреть в видео уроках ITVDN. Главное – не останавливаться, со временем все непонятное становится яснее. Спасибо тренеру Елене Хижняк и ментору Ксении. Елена – очень хороший тренер, объясняла материал максимально доступно, по нескольку раз, отвечала на все вопросы. Ксения всегда проверяла домашние задания и давала полезные советы, указывала на ошибки.
Однозначно рекомендую курсы CyberBionic Systematics, так как они помогут освоить новую специальность, в моем случае FrontEnd, максимально быстро и эффективно, также рекомендую смотреть видео на ITVDN.
показати весь
Владислав Коломиец
Специальность Frontend нужна была для работы. Учебный центр посоветовал друг.
Учёба была сложной для меня, поскольку теории было больше, чем практики, а мне тяжело запоминать новый материал в таком объеме. Во всяком случае, я теперь лучше разбираюсь в программировании сайтов, изучив HTML5, CSS3, JS, TS, SASS, Angular. Теперь без проблем могу верстать лендинги.
Тренер хорошо объясняет материал, и в случае, если мне было что-то непонятно, помогал даже в нерабочее время.
показати весь
Олег Йовчик
Начал обучение в марте. Frontend заинтересовал как один из самых легких курсов в программировании. К тому же Frontend – одна из самых востребованных специальностей.
Материал курса, по моему мнению, абсолютно полный. Легко давался HTML, CSS, Bootstrap. Тяжелее JavaScript, TypeScript, Angular. Большой плюс, что есть видеокурсы, чтобы повторить материал.
Тренер и его помощник во время курса отлично справились с задачей! Помогали с практикой как на занятиях, так и через Skype (в послеурочное время).
Новичкам посоветовал бы брать курсы отдельно по разделам, чтобы более глубоко усвоить материал на практике (ведь курс Frontend обширный, много информации, но немного не хватает времени на усвоение).
В перспективе для сея вижу освоение нескольких фреймворков (Vue.js, React).
показати весь
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс React Базовий
На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи. React — дуже популярний JavaScript фреймворк, який застосовується в побудові користувацьких інтерфейсів веб-додатків. Головна особливість цієї платформи — компонентно-орієнтований підхід, котрий дозволяє перевикористовувати код, що підвищує загальну гнучкість написання додатків.
Курс із "React Базовий" призначений як для початківців, які тільки відкривають для себе JS фреймворки, так і для професіоналів, які бажають опанувати нову технологію. Що на Вас чекає? У ході навчання Ви опануєте базові речі: напишете перший компонент, розберете його стани та життєвий цикл, дізнаєтесь, як використовувати події. Розібравшись із основами бібліотеки, попрацюєте з формами, опануєте стилізацію, познайомитеся з роутингом, виконаєте верстання списку нотатків, навчитеся створювати сторінку помилки та Модальне вікно.
Під кінець навчання реалізуєте повноцінний веб-додаток. Облаштовані навчальні аудиторії забезпечують максимально продуктивний процес навчання. Також Ви можете пройти курс онлайн, підключаючись до групи через Zoom. Після завершення курсу Ви зможете використовувати React для створення нескладних односторінкових додатків (SPA).