Курс React.js в Києві ᐈ Навчання Реакт для початківців ᐈ CyberBionic Systematics

Курс React.js в Києві

Для кого цей курс

Курс розрахований на frontend розробників, які бажають вивчити основи роботи з фреймворком React.js

Попередні вимоги

Знання HTML, CSS, JavaScript (ECMAScript 6).
Купити
Duration

Тривалість

32 год.
Count

Кількість уроків

16 занять
Price

Вартість навчання

230
Included

Курс входить до

Спеціальності 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
Початок реалізації проекту
14
Практика. Реалізація інтерфейсу
Створення компонентів React
Організація потоків даних
Маршрутизація
15
Практика. Створення моделей даних
Створення глобальних станів на Redux
Логіка роботи з даними
16
Практика. Захист курсового проєкту
Захист курсового проекту.

По завершенню курсу ви будете вміти

1

Застосовувати базові концепції побудови односторінкових додатків в екосистемі React.

2

Писати та розбивати додатки на логічні частини і компоненти.

3

Стилізувати додатки за допомогою CSS модулів.

4

Будувати прості односторінкові додатки за допомогою React.

Спробуйте безкоштовно

Повноцінне заняття з тренером

Що входить до курсу

32 годин живого навчання з тренером

Практичні заняття та перевірка ДЗ 

Спілкування з групою

Підтримка ментора та асистента

Тестування та Сертифікат

Відео курс від ITVDN

Як відбувається навчання

1 Arrow

Живі онлайн заняття
з тренером

Заняття групи проходять онлайн. Це ефективне живе спілкування. Всі уроки записуються і доступні для повторного перегляду.
2 Arrow

Виконання
домашніх завдань

До кожного уроку розроблені практичні завдання, які необхідно виконувати і здавати у спеціальній LMS системі
3 Arrow

Перевірка ДЗ
та фідбек

Усі роботи студентів перевіряються
і по кожному завданню надається фідбек з оцінкою та рекомендаціями.
4

Тестування
та сертифікація

Після кожного модуля програми студенти проходять тестування
і отримують сертифікати, які підтверджують рівень знань.

Сертифікат після закінчення курсу

Certificate

Сертифікат після закінчення курсу

Icon Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Icon Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Icon Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.

Готовий
почати навчання?

Відправляй заявку та зафіксуй свою знижку на навчання

Викладачі курсу

Відгуки наших студентів
icon

Відгуки з DOU

photo
Olha Aliakina
Python developer
Я пройшла курс Python Developer. Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин. Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему. Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити. Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитати оригінал
icon

Відгуки з Facebook

photo
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна)) Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитати оригінал
icon

Відгуки з Google

photo
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитати оригінал
Компанії, в яких працюють наші студенти
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work

Залишилися питання?

Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.

Image

Про курс React Essential

На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи. React — дуже популярний JavaScript фреймворк, який застосовується в побудові користувацьких інтерфейсів веб-додатків. Головна особливість цієї платформи — компонентно-орієнтований підхід, котрий дозволяє перевикористовувати код, що підвищує загальну гнучкість написання додатків. Курс із "React Essential" призначений як для початківців, які тільки відкривають для себе JS фреймворки, так і для професіоналів, які бажають опанувати нову технологію. Що на Вас чекає? У ході навчання Ви опануєте базові речі: напишете перший компонент, розберете його стани та життєвий цикл, дізнаєтесь, як використовувати події. Розібравшись із основами бібліотеки, попрацюєте з формами, опануєте стилізацію, познайомитеся з роутингом, виконаєте верстання списку нотатків, навчитеся створювати сторінку помилки та Модальне вікно. Під кінець навчання реалізуєте повноцінний веб-додаток. Курси проходять у Києві. Облаштовані навчальні аудиторії забезпечують максимально продуктивний процес навчання. Також Ви можете пройти курс онлайн, підключаючись до групи через Zoom. Після завершення курсу Ви зможете використовувати React для створення нескладних односторінкових додатків (SPA).