Курсы React
- React
Програма курсу
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
- Frontend
Курс, присвячений бібліотеці React, який розкриває всі його особливості. Під час проходження курсу розробите власний проєкт, розберете типові проблеми односторінкового додатку, ознайомитесь зі стеком технологій, на якому будуються програми.
Програма курсу
React
- Основи React
- Робота з віртуальним DOM
- React компоненти
- Прив'язка даних
- Стан компонента
- Життєвий цикл компонента
- React Hooks
- Робота із запитами
- Маршрутизація
- Робота зі станом (flux, redux)
- Реалізація проекту
Особливості курсу
- Курс розрахований на розробників, які мають навички роботи з HTML, CSS та JavaScript
- Заняття проводиться у форматі дистанційного навчання
- Особистий кабінет для кожного учня
- Оперативна служба підтримки студентів
- Відеозаписи занять зберігаються в особистому кабінеті та залишаються у студентів після закінчення навчання
- Велика кількість практичних занять
- Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
- Можливість повернути всі внесені за навчання кошти до шостого заняття
- Бонус курсу: тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем компанії.
Викладачі курсу
- Іван Стельмах - Senior Software Engineer at Avenga
- Василь Цивінський - JavaScript Engineer at Software MacKiev
- Андрій Нагорний - React/React-Native Developer at GlobalLogic
- React
- Frontend
На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи.
Програма курсу
Вступ до React
На уроці учні познайомляться з React, навчаться створювати простий додаток за допомогою Create React App.
JSX у React
На уроці учні познайомляться з JSX, навчаться писати прості компоненти за допомогою JSX.
Основи React
На уроці учні познайомляться з підвидами компонентів, дізнаються, що таке state у React компонентах, навчаться додавати події до елементів та працювати зі списками.
Стан та життєвий цикл
На уроці учні познайомляться зі станом та життєвим циклом в React компонентах, дізнаються різницю між функціональними та класовими компонентами, навчаться їх використовувати, а також коротко ознайомляться з Redux.
Форми
На уроці учні познайомляться з можливістю працювати з формами в React, а також з такими поняттями, як підйом стану та валідація з PropTypes.
Стилізація у React
На уроці учні познайомляться з можливістю стилізації компонентів у React, а також навчаться використовувати модулі CSS для стилізації.
Створення списку заміток
На уроці учні познайомляться з можливістю вибору типу компонента під час виконання, попрактикуються застосовувати знання props, state, lifecycle та інших, а також створять список нотатків за допомогою React.
Hooks
На уроці учні познайомляться з основними хуками React, принципами їх роботи та напишуть свій (кастомний) хук і закріплять пройдений матеріал на практиці.
Введення в роутинг
На уроці учні познайомляться з бібліотекою react-router, навчаться організовувати маршрутизацію у додатку.
Створення сторінки помилки
На уроці учні познайомляться із Запобіжниками, React.Fragment, Строгим Режимом у React, а також навчаться створювати сторінку помилки.
Створення модального вікна
На уроці учні познайомляться з Рефами, Context API і Рендер пропсами, створять модальне вікно з використанням контексту і рендер пропс.
Оптимізація та продуктивність React додатків
На уроці учні дізнаються, що React може бути повільним - зрозуміємо, коли це може відбуватись і як із цим боротися. Познайомимося з різними інструментами, які дозволяють виявити наявність вузьких місць у React додатках, інструментами для оптимізації та аналізу, а також розберемо "нормалізацію" сховища в Redux, з'ясуємо, чим гарні іммутабельні структури даних у JavaScript, і як зробити білд додатку стрункішим та худішим.
Практика
По завершенню курсу ви будете вміти:
- Застосовувати базові концепції побудови односторінкових додатків в екосистемі React
- Писати та розбивати додатки на логічні частини і компоненти
- Стилізувати додатки за допомогою CSS модулів
- Будувати прості односторінкові додатки за допомогою React
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
Викладачі курсу
- Богдан Мартиненко - Frontend Developer
- Тарас Заславський - Frontend Developer
- Владислав Бєлік - React Frontend Developer
- Ростислав Сілівейстр - Web Frontend Developer
- Олексій Татаренков - Frontend Developer
- Олексій Кучеренко - Тренер-консультант напрямку Frontend
- React
Програма курсу
Теми:
- Знайомство з React. JSX
- Компоненти. Життєвий цикл. Потік даних
- Create React App - інструмент для швидкого старту
- Організація даних за допомогою Redux
- Клієнтська маршрутизація в React
- Взаємодія з сервером
- Інтернаціоналізація
- CSS in JS
- Тестування
По закінченню курсу ви:
- Зможете створювати веб-додатки і SPA на основі React.js
- Освоїте компонентний підхід у розробці фронтенду
- Отримаєте досвід роботи з основними бібліотеками екосистеми React (redux, react-router, react-intl…)
- Ознайомитеся з тестуванням коду і технологією TDD
- Розробите свій ігровий додаток
Особливості курсу
- Курс в Хмельницькому
- 2 заняття на тиждень по 2 години
- Сертифікат про проходження курсу
- Підтримка ментора
Викладачі курсу
Микола Зарічнюк - Senior Developer at 2K-Group
Больше информации- React
- Frontend
Приєднуйся та розвивай свої навички з кодування: навчайся у власному темпі з допомогою необхідних матеріалів та підтримкою ментора, щоб підготуватись до стажування. Максимум уваги – на практику.
Програма курсу
Теми:
- Create React App. JSX, Styles
- JS for React (pure functions, destructurization, map, spread)
- React - Key, State, Props, Events
- OOP in JS
- React - Lifecycle & Binding Event Handlers
- Advanced JS (Asynchronous JS, Closures, Exceptions)
- React Virtual DOM, Hooks (useState, useEffect)
- Storage (local/session), Web workers, Service workers, Web socket
- Composition, Context (useContext, useCallback Hook)
- React State Management
- Redux in React
- Redux Toolkit
- Tools (npm, linter, babel, webpack)
- React Router
- Node, Fetch,Axios
- Refs, Higher-Order Component, DefaultProps
- Tests (Intro to enzyme, react-testing-library as main)
- MUI for React
- Error Handling in React (Error Boundaries), creating custom Hooks
Особливості курсу
- Практика насамперед: ти будеш кодувати, використовуючи завдання, схожі на ті, які зустрічаються на реальних проєктах в SoftServe
- Мінімум теорії: курс для того, щоб кодувати. Якщо ж потрібно буде щось підівчити – ми зібрали усі необхідні відео та матеріали, щоб скоротити твій час на пошуки
- 24/7 чат з учасниками в Discord: місце для твоїх опівнічних питань, веселих стікерів та спілкування з ментором
- Усі завдання підготовлені менторами Softserve Академії, які знають про код все, адже працюють з ним щодня
- Додаткові технічні е-курси
- Розмовні клуби з англійської & селф-стаді
- Короткі курси для розвитку софт навичок
- Спільнота професіоналів-однодумців
- React
На цьому курсі будуть детально розглянуті питання, що стосуються хмарних сервісів, обробки інформації офлайн, запам'ятовування паролів, застосування анімації в 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
Програма курсу
React Native: вступ
- Структура курсу
- Технологія React: короткий огляд
- Технологія React Native: короткий огляд
Розробка мобільних додатків
- Компонент WebView
- Що називають нативними або гібридними додатками
- Як налаштувати оточення Mac, Linux і Windows
React Native: початок роботи
- Налаштування робочого середовища і можливі проблеми
- Структура проєкту React Native
- Створення першого додатку "Hello, World!"
- Як використовувати компоненти JSX в React Native
- Точка входу двох платформ з єдиним компонентом
- React і React Native - взаємозамінність, відмінності й застосування
- Стилізація компонентів React програми
- Стилі в React Native - створення та застосування
- Що таке FlexBox, його переваги
- Як створити стилізований компонент
- Як використовувати стилі та компоненти повторно
- Як отримати віддалені дані
- Протокол HTTP - основні аспекти
- Використання шаблонів React Native. Компонент "Список"
- Де використовуються клас-орієнтовані компоненти
- Життєвий цикл компонента і його методи
- Зміна стану компонентів
- Робота з даними в React Native
- Список компонентів - візуалізація
- Багаторазове використання компонентів. Компонент "Картка" та його стилізація
- Як передати компоненти в властивості
Віртуальні компоненти програми
- Скрол-контент
- Кнопки. Стилізація кнопок
- Робота з вкладками
- Шари
- Картинки
- Оброблювач подій
- Оброблювач помилок
- Оброблювач подій авторизації
- Логін
- Як створити прелоадер, анімацію завантаження
- Як працювати з формами
- Умовний рендеринг JSX
- Інструмент управління станом Redux
Функціональне програмування
- Архітектурний підхід Flux
- Менеджер станів Redux: основи роботи
- Використання технології Header Bidding для створення додатків
- Шаблони проектування в React
- Як виконати стилізацію списків
- Створення списку ListView
- Як здійснити швидкий рендеринг одного рядка в React
- Використання функції Reducer
- Перенесення логіки компонента
- Застосування анімації в React
- Елементи з реакцією на торкання і підтримка подій торкання в React
- Основи тестування
- Робота з даними в React і в Redux
- Як зробити форму авторизації в Redux
- Як створити профіль користувача
- Як відбувається оновлення форм авторизації
- Поняття Immutable State або незмінності стану
- Поняття синхронної та асинхронної дії
- Бібліотека Redux Thunk: вступ
- Як реалізувати навігацію в додатку
Попередні вимоги
- Основи роботи з системою контролю версій
- Знання JavaScript і CSS
- Бажано мати досвід використання інших JavaScript-фреймворків, таких як ECMAScript або Babel.js
Після курсу ти зможеш:
- Використовувати основні функції React Native для розробки простих додатків
- Застосовувати візуальні компоненти та віддалені дані
- Налаштовувати елементи програми, виконувати їх стилізацію
- Застосовувати Redux і Flux при створенні додатків на React
Особливості курсу
- Викладачі практики
- Корпоративне навчання
- Можливість навчатись у вихідні
- Можливість влаштуватись у провідні IT-компанії
- Індивідуальне навчання
- React
Програма курсу
Теми:
- Патерни програмування при роботі з фреймворком
- Що собою являє екосистема 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-компанії
- Індивідуальне навчання
- React
Курс допоможе розібратися з особливостями React. Протягом курсу розберетеся як працювати із даними та керувати станом додатка (Redux), навчитесь вільно використовувати нові можливості React та використовувати його для створення сучасних додатків.
Програма курсу
Вступ
- Огляд структури курсу та роботи над ним
- Огляд інструментів які будуть використовуватись протягом курсу(Git, Github, Git flow, IDE, Chrome dev tools, NPM, Node.js)
- Як працює веб
- Огляд підходів до створення веб додатків(SPA, MPA, PWA). Розвиток даних підходів
- Що ж таке Framework
- Чому саме React
Повторення основ JavaScript
- Огляд мови в цілому
- Об’єкти
- Масиви
- Функції
- Асинхронний JS
- Нові стандарти ES6+
- Рекомендації по написанні якісного коду
DOM & BOM
- Події
- Навігація по елементах
- Доступні сховища даних у браузері та як працювати із ними
- Огляд інших браузерних API’s
React вступ
- Що таке React
- Як додати реакт на сторінку
- Переваги та недоліки
- VirtualDOM
- Як правильно розділяти додаток на компоненти
- React інструменти – create-react-app, відлагодження коду, розширення для браузера
JSX та рендеринг
- JSX огляд
- Рендеринг елементів
- Обробка подій у JSX
- Списки та робота із ними
- Умовний рендеринг
- Ref
- Фрагменти
- Рендеринг властивостей (Render prop)
Стан та властивості компонента
- Statefull та stateless компоненти
- Потік даних та обмін ними у компонентах
- PropTypes
- Антипатерни для стану та властивостей
Життєвий цикл компонентів
Форми та робота із ними
- Валідація форм
- Огляд існуючих пакетів для роботи із формами
React роутинг
- History API
- React router
Управління станом додатка (Redux)
- Варіанти управління станом додатка
- Redux плюси та мінуси
- Flux архітектура
- Redux архітектура
- Побічні ефекти: міделвари (redux-thunk, redux-saga, redux-router etc)
- Структурування Redux у структурі проєкту
- Redux інструменти
Hooks API
- Огляд хуків які доступну у React
- Основи створення власних хуків та можливі варіанти їх застосування
- Кращі практики
- Антипатерни
Взаємодія із сервером даних через API
- Fetch API
- Пакети для надсилання реквестів
- Аутентифікація та ауторизація
Стилі у React
- Огляд інструментів для написання стилів
- Анімація у React
Фінальне заняття
- Тестування у React – огляд інструментів, загальні рекомендації
- React Native і React VR
- Куди рухатись далі
Вимоги для проходження курсу
- Знання HTML/CSS
- Знання JS на базовому рівні
- Знання DOM
- Буде плюсом знання GIT на базовому рівні
Особливості курсу
- Дипломний проєкт
- Двом найкращим студентам компанія компенсує вартість навчання
- Вебінар від Sr. Recruiter в Sigma Software: "Interview Easy or Hard"
Викладачі курсу
Ярослав Сидорик - Software Developer (JavaScript) та ментор в Sigma Software
Больше информации- React
Курс охоплює основні пункти бібліотеки 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
- Користувацькі хуки Сховище Redux
- Redux введення
- Reducer - що це, і як із ним працювати.
- Redux Store
- Action Creator
- Синхронізація redux з react
TypeScript
- Типи та типізація
- Типізапція редакс і сторонніх бібліотек
- Практичні завдання та проєкти
- Виконання самостійних проєктів спрямованих на поглиблене вивчення та розуміння принципів побудови додатків на React.js
Особливості курсу
- Вечірні заняття (19:00 - 21:30) у режимі живих онлайн зустрічей
- Необхідні знання - HTML, CSS, JS
- Бажано досвід роботи з:
- npm/yarn
- ECMAScript 6+
- OOП
- Проєктами landing page
- Велика кількість практичних завдань
- Постійний фідбек від тренера
- Навчальні проєкти
- Сертифікат після успішного закінчення навчання
Викладачі курсу
-
Микола Морозов - Front end Developer
- React
React для початківців. Навчимося розробляти вебзастосунки з використанням бібліотеки React і сформуємо базу для опанування інших фронтенд фреймворків.
Програма курсу
Базові поняття
- Функціональний підхід та декларативність у розробці GUI
- Компоненти, JSX
- Виведення даних, обробка DOM подій
- Робота зі станом, рендер компонентів
- Взаємодія з браузерними API
- Використання бандлера Vite для швидкого старту проєкту
Клієнт-серверна комунікація
- Синхронізація із зовнішніми джерелами даних
- Асинхронні стани UI та їх реалізація з Suspense і ErrorBoundary
- Нормалізація та мемоізація зовнішніх даних
Архітектура застосунку
- Декомпозиція застосунків, композиційні патерни
- Патерни та антипатерни роботи зі станом
- Бібліотеки для керування станом: скінченні автомати, редюсери, атоми, сигнали
- Розробка компонентів в ізоляції за допомогою Storybook
- Структура директорій застосунку
Екосистема
- Роутинг із використанням react-router
- Робота з формами, бібліотека react-hook-form
- Ефективна робота з API за допомогою react-query
- Принципи анімації в React з css-transition-group, framer-motion
- Unit тестування компонентів, react-testing-library
Оптимізація
- Причини низької швидкодії react застосунку
- Інструменти для вимірювання швидкості завантаження та рендеру
- Використання вбудованих можливостей React для пришвидшення застосунку
Особливості курсу
- Живі заняття з куратором щопонеділка та щочетверга о 19:30
- Real-life завдання
- Курсовий проєкт
- Регулярний фідбек
- Сертифікат за здобутки
- Можна повернути кошти протягом 7 днів від початку курсу
Викладачі курсу
Нікіта Попов - Tech Lead в Solidgate
Больше информации- React
- Frontend
Вивчаємо з простих прикладів (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 тасок
- Проєкт
- Допомога та підтримка
- Розбір та усунення багів
- Доступ без обмежень по часу
- Сертифікація
- React
Програма курсу
Спринти
- Знайомство з Node.js і npm
- Встановлення React і генерація першого додатку. Знайомство із структурою додатку
- ООП в ES6. Поняття властивостей і методів, класи, об'єкти, наслідування. Частина 1
- ООП в ES6. Поняття властивостей і методів, класи, об'єкти, наслідування. Частина 2
- Прототипне наслідування в JS
- Поняття компонентів. Створення компонентів. Виклик компонентів один в одному
- Props i State. Частина 1
- Props i State. Частина 2
- Props i State. Частина 3
- Працюємо з формами. React. Lite Level
- Життєвий цикл компонентів
- Проста гра на React
- React JSX
- Навігація сайту в React. React Router
- Проєкт на React. Сайт
- Проєкт на React. Сайт обміну валюти. Частина 2
- Проєкт на React. Сайт обміну валюти. Частина 3
- Проєкт на React. Сайт обміну валюти. Частина 4
- Проєкт на React. Сайт обміну валюти. Частина 5
- Deploy React додатків
- Deploy React додатків на Firebase
- Співбесіда на React - основні питання і відповіді!
Особливості курсу
- 514 мин. відео
- 22 спринти
- 86 тасок
- Проєкт
- Допомога та підтримка
- Розбір та усунення багів
- Доступ без обмежень по часу
- Сертифікація
Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.