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

Опис курсу
React Essential

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

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

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

Практика. Захист курсового проєкту

Захист курсового проекту.

Як проходить навчання

Online заняття в Zoom

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

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

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

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

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

Спілкування та підтримка

У телеграм-чаті групи студенти завжди можуть отримати допомогу і відповіді на питання від ментора, асистента та одногрупників

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

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

Курсові проєкти

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

Стажування

Перший комерційний досвід шляхом стажування у CyberBionic Systematics

Працевлаштування

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

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

Відгуки з DOU

4.5/5

переглянути всі

Olha Aliakina

Python developer

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

Прочитати оригінал

Відгуки з Facebook

96%

переглянути всі

Евгений Евгеньевич

Angular Developer

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

Прочитати оригінал

Відгуки з Google

4.6/5

переглянути всі

Дмитрий Беляев

.NET Developer

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

Прочитати оригінал

Опис курсу
React Essential

Що ви отримаєте на курсі