Курсы React

Ти опануєш всі необхідні знання та навички Full Stack .NET Developer.

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

Базовий рівень

Після C#/.Net Fundamentals ти вмітимеш:

• Застосовувати на практиці основні принципи об'єктно-орієнтованого програмування і синтаксичні конструкції мови програмування C#
• Розробляти повноцінні сучасні додатки, якість яких забезпечується обробкою виняткових ситуації та помилок, а також автоматизованими юніт-тестами
• Працювати зі змінними різних типів даних та з даними у файлах, з дженерік .NET колекціями, керувати даними за допомогою Linq

На курсі Frontend Fundamentals ти навчишся:

• Створювати сучасні, адаптовані для мобільних пристроїв та десктопів вебсайти з високим рівнем SEO-оптимізації, використовуючи HTML, CSS і JavaScript
• Використовувати сучасні інструменти розробника на основі Visual Studio Code та Git/GitHub для публікації коду і розгортання проєкту

Після Data Base Fundamentals ти зможеш:

• Розробляти й адмініструвати бази даних, необхідні для будь-яких повноцінних IT-рішень (як реляційні, так і нереляційні)
• Проєктувати та створювати таблиці, і будувати запити до них з використанням мови SQL

Після DevOps for Developers ти навчишся:

• Розгортати, підтримувати та тестувати середовища і інфраструктури для виконання проєктів
• Автоматизувати процеси збірки і розгортання (CI/CD) у тому числі з використанням контейнерів

Поглиблений рівень

Після Practical C#/.Net ти вмітимеш:

• Досліджувати та взаємодіяти з метаданими типів під час виконання за допомогою Reflection
• Створювати вебзастосунки з ASP.Net Core MVC та REST API
• Тестувати вебзастосунки
• Розуміти SOLID принципи та знатимеш як їх застосовувати

На курсі Practical React ти навчишся:

• Створювати вебзастосунки з використанням React, Node.js, Next.js та мов програмування JavaScript і TypeScript, а також тестувати їх
• Принципів SOLID та знатимеш, як їх застосовувати
• Створювати повністю функціональний вебпроєкт
• Застосовувати ключові аспекти роботи з JavaScript

Проєктний рівень

Після Project-based learning Full Stack .Net/React ти вмітимеш:

• Працювати за методологією Agile, планувати та оцінювати завдання відповідно до спринтів
• Налаштовувати та використовувати Dev, Test і Prod середовища для розробки та розгортання вебзастосунків
• Розробляти повноцінні вебзастосунки з використанням .NET, ASP.NET Core для backend та React.js для frontend
• Ефективно працювати в проєктній команді: оцінювати задачі, розставляти пріоритети та дотримуватися дедлайнів
• Використовувати проєктну документацію, а також інструменти керування завданнями та обліку дефектів, такі як Jira або Github board
• Інтегрувати backend та frontend за допомогою REST API, забезпечуючи надійний та гнучкий обмін даними між серверами та клієнта

Особливості курсу

• Графік 2-3 рази на тиждень переважно у вечірній час
• Живі онлайн-заняття з менторами, записи всіх занять і чат в Discord
• Сертифікат про проходження курсу
• 70% програми - практичні завдання з перевіркою
• Підтримка ментора
• Можливість навчатися в будь-який час по записах і брати паузу між курсами
• Навчаємо використовувати сучасні ШІ-помічники та інструменти
• Спільнота однодумців у Discord
• Доступ до додаткових e-курсів
• Безкоштовний розмовний клуб з англійської
• Закриті події з експертами компанії

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

• В'ячеслав Колдовський - Full Stack Developer
• Наталія Ревуцька - Full Stack Developer
• Владислав Хричов - Full Stack Developer
• Михайло Плеша - System Administrator
• Дмитро Міночкін - Cloud Architect
• Владислав Тимощук - Full Stack Developer
• Ігор Когут - PhD
• Олександр Пюра - C#/.Net Developer
• Ірина Завущак - C#/.Net Developer
• Ігор Капацила - Full Stack Developer

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

JS Advanced

• ООП
• Обробка помилок через try catch
• Запити на сервер

Основи React.js

• Create React App
• JSX
• ctrict-mode
• Virtual DOM
• Функціональні компоненти
• Умовний рендеринг
• Props
• Життєвий цикл компонентів
• Списки та ключі
• import & export
• useState & useEffect

Альтернатива функціональним компонентам

Класові компоненти.

Styling

• module.css
• Styled Components

Продвинуті теми

• React Hooks
  • useState & useEffect
  • useCallback
  • useRef
  • useMemo
  • useReducer
  • useContext
  • Написання власних хуків
• Context
• Refs
• Авторизація

Екосистема

• Робота з формами
  • React Hook Form
• Робота з сервером
  • Axios
  • useContext() для http запитів
• React Router
• State management
  • State / Context
  • Redux
  • Redux Toolkit

Deploying React Apps

Інструменти які вивчиш на курсі

• React.js
• Redux
• Redux Toolkit
• React Forms

Навички які отримаєш після курсу

• Ти зможеш розробляти користувальницькі інтерфейси з різноманітними ефектами та цікавим функціоналом - кожен твій проєкт буде неповторним
• Виправлення помилок у коді стане твоїм справжнім талантом - ти станеш справжнім майстром, що знаходить і ліквідовує будь які проблеми
• Поглиблення в Redux та Redux-thunk дозволить тобі зміцнити свої навички у керуванні станом додатків і зробить їх ще потужнішими та ефективнішими
• Твої Soft Skills теж розвинуться, адже спілкування з колегами, представлення себе на співбесідах та ефективна комунікація стануть твоїми сильними сторонами

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

Владислав Ралець - Front End Developer at CGI

Курс охоплює основні пункти бібліотеки React.js, які широко використовуються у розробці фронт-енду для створення односторінкових додатків (SPA).

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

Вступ

• Пакетний менеджер npm, огляд основних команд, ECMAScript 6+
• Детальний розгляд правил версіонування пакетів і файлу маніфесту до проєкту package.json і package-lock.json
• Знайомство з React. Create-react-app - перший проєкт

Основа

• JSX - мова для роботи з React
• State. Робота з даними через стан
• Підходи стилізації
• Props. Робота з пропсами, передача даних через пропси.
• Children, що це і як із ним працювати
• Context. Передача даних за контекстом
• Методи життєвого циклу
• Обробка подій. Створюємо користувацькі методи
• Види компонентів, дизайн компонентів
• Знайомство з Refs

Тестування

• Вступ до тестування
• Знайомство з Jest

Робота із сервером

• Як працює Fetch API
• Обробка помилок у Fetch API
• Отримання даних з API
• Виведення отриманих даних

Навігація

• Основи react-rourer
• Link компонент
• Динамічні/Відносні шляхи
• Обробка неіснуючих адрес

Сховище Redux

• Redux введення
• Reducer - що це, і як із ним працювати.
• Redux Store
• Action Creator
• Синхронізація redux із react

Хуки React.js

• Хуки введення
• Робота з setState
• Робота з useEffect
• Призначені для користувача хуки

Особливості курсу

• Вечірні заняття у режимі живих онлайн зустрічей
• Необхідні знання - HTML, CSS, JS
• Бажано досвід роботи з:
  • npm/yarn
  • ECMAScript 6+
  • OOП
  • Проєктами landing page
• Велика кількість практичних завдань
• Постійний фідбек від тренера
• Навчальні проєкти
• Сертифікат після успішного закінчення навчання

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

Андрій Попенко - Front-end Developer at Shwartzcode

На цьому курсі будуть детально розглянуті питання, що стосуються хмарних сервісів, обробки інформації офлайн, запам'ятовування паролів, застосування анімації в React Native і роботи push-повідомлень на мобільних пристроях. Ви опануєте нові методи створення додатків для мобільних пристроїв на Android і iOS, навчитеся використовувати інструменти консолі розробника Facebook.

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

Теми:

• Як використовувати анімацію в React-додатках
• Модуль і система анімації в додатку на React
• Компонент ReactTransitionGroup для створення анімації
• Взаємодія різних компонентів для створення анімації
• Прості анімації меню за допомогою CSS-методів
• Анімація руху кола
• Анімація карток
• Як використовувати різні анімаційні стилі
• Як перетягувати картки
• Як відбувається обробка жестів в додатку
• Як налаштувати систему відгуків на жести
• Як реалізувати обробку екранних подій
• Створення об'єкта "Жест"
• Як повернути елементи й інтерполювати значення
• Налаштування свайпа: як визначити мінімальну дистанцію
• Функція зворотного виклику callback на свайп
• Як реалізувати одноразову авторизацію із застосуванням пароля
• Процес авторизації в додатку
• Огляд одноразового пароля
• Google Cloud Functions або звичайний сервіс
• Додавання проекту Firebase в додаток Android
• Відправлення запиту та обробка відповіді
• Як відбувається логування Facebook
• Аутентифікація в Facebook: етапи
• Як проводити налаштування і працювати в консолі розробника Facebook
• Налаштування бібліотеки Redux для створення додатків
• Система асинхронного зберігання даних
• Обробка інформації в offline-режимі
• Як зберегти й налаштувати стан додатка
• Як реалізується зберігання даних в Redux
• Push-повідомлення: реєстрація
• Push-повідомлення: огляд
• Як зберігаються дані Push-повідомлень
• Як генеруються Push-повідомлення
• Як відбувається тестування програми
• Налаштування елемента MapViews в React Native

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

• Програму базового курсу React Native
• Основи роботи з системою контролю версій
• Знання JavaScript і CSS

Що можуть випускники курсу:

• Використовувати анімаційні вставки та переходи в додатках, роблячи їх більш динамічними
• Застосовувати компоненти MapView для визначення місця розташування користувачів
• Проводити налаштування кросплатформних push-сповіщень в призначених для користувача програмах
• На практиці застосовувати просунуті функції фреймворка React Native, щоб робити програми складнішими й функціональнішими

Особливості курсу

• Викладачі практики
• Корпоративне навчання
• Можливість навчатись у вихідні
• Можливість влаштуватись у провідні IT-компанії
• Індивідуальне навчання

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

Теми:

• Патерни програмування при роботі з фреймворком
• Що собою являє екосистема React
• У чому полягають відмінності імперативного та декларативного стилей програмування
• Фреймворки JavaScript - переваги
• Компоненти props/state - відмінності, особливості застосування
• JSX - поєднання HTML і JavaScript. Переваги та практичне застосування
• Браузерні події й React.js
• React Router - маршрутизатор із застосуванням JSX
• Створення форм і керування ними
• Етапи життєвого циклу компонентів
• Технологія AJAX (Asynchronous Javascript and XML) - обмін даними з сервером у фоновому режимі
• Доступ до API за допомогою axios
• Як застосовувати NPM, Webpack, Babel і інші інструменти для налаштування React-компонентів
• Передача багаторазових компонентів Reusable Components в Redux-Form
• Управління станом додатку за допомогою Redux
• Асинхронні операції й Promises
• Розгортання додатку або деплой - етапи
• Динамічний рендеринг й індексування JavaScript-коду

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

Щоб бути зарахованим на програму студент повинен володіти мінімально необхідними знаннями та навичками. Серед них: JavaScript, CSS, HTML. Також перед заняттями необхідно ознайомитися з системою контролю версій. Навчання проходить ефективніше, якщо студент вже має досвід роботи з іншими фреймворками, як наприклад, ECMAScript 6, Babel.js.

Після курсу випускники знають і вміють:

• Побудувати додаток, сайт, лендінг, використовуючи бібліотеку React.js
• Застосовувати інструменти JSX і Virtual DOM для створення інтерактивних додатків
• Створити самостійно SPA-додаток з нуля й адаптувати його під різні пристрої
• Використовувати бібліотеку React.js в командній роботі з декількома розробниками

Особливості курсу

• Викладачі практики
• Корпоративне навчання
• Можливість навчатись у вихідні
• Можливість влаштуватись у провідні IT-компанії
• Індивідуальне навчання

Вивчаємо з простих прикладів (JSX, props, state) до хуків, redux (redux + redux toolkit). Робота з API, інтеграція з backend. Проект. Deploy на хостінг.

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

Вивчаємо:

• create-react-app
• Структура програми React
• Структура компонента React
• JSX
• Роутінг React
• SPA, MPA
• Події та функції React
• ref
• state, render
• Життєвий цикл компонента
• Створення елементів DOM
• Хуки
• redux, redux toolkit
• Інтеграція React та backend (PHP)
• Інтеграція React та backend (Node.JS)
• Проєкт

Спринти

• Створюємо перший додаток на React, вивчаєм структуру проєкту, знайомимось з JSX, компонентами
• Компоненти. Створення компонентів і вкладених компонентів
• Роутинг. Створення SPA і багатосторінкових сайтів
• Події і функції. Отримуємо значення з input
• Вивчаємо state в React
• Життєвий цикл компонентів в React
• Refs і DOM
• Створення елементів React
• Хуки
• Redux і redux toolkit (частина 1)
• Redux - store, reducers, action (частина 2)
• Redux (частина 3). Виводимо товари інтернет-магазину
• Redux (частина 4). Виводимо корзину інтернет-магазину
• React і PHP
• React і Node.js
• Огляд проєкту по курсу
• Проєкт. Налаштовуємо і запускаємо бекенд
• Проєкт. Створюємо компоненти і роутинг. Компонент Create
• Проєкт. Компонент Note, створення і збереження повідомлень. Форми, видимість блоків
• Проєкт. Робимо активну навігацію, добавляємо Bootstrap
• Deploy проєкту на хостинг. Розгортаємо React і Node.js на сервері

Вимоги до проходження курсу

• Впевнені знання JavaScript, або проходження курсу JavaScript 2.0
• Рекомендовано пройти курс "Методи масивів"

Проєкт

Розробляємо проєкт - створення сайту для обміну нотатками з можливістю видалення нотатки після перегляду. MPA додаток з роутером, створенням нотаток та занесенням їх до бази даних, отриманням нотатки з хешу, видаленням після перегляду. Оформлення - фреймворк Bootstrap.

Особливості курсу

• 21 спринт 87 тасок
• Проєкт
• Допомога та підтримка
• Розбір та усунення багів
• Доступ без обмежень по часу
• Сертифікація