Використовуйте сучасні методи та прийоми для реалізації програм декларативного стилю! React.js – бібліотека для роботи з JavaScript, випущена всесвітньо відомою компанією Facebook. У програмі курсу розглянуті питання програмування з використанням React.js, підготовки оточення, розбираються всілякі підходи до створення коду, а також зачіпаються підходи FLUX і Redux.
React.js дозволяє використовувати сучасні методи створення призначеного для користувача інтерфейсу. Незалежно від спеціалізації розробника – написання ігор, додатків, сторінок сайту або лендінгу, React.js та його компоненти полегшують роботу з JavaScript і покращують взаємодію з браузером.
Оновлені компоненти JSX і Virtual DOM забезпечують гнучкість коду і легкість його налагодження. Додаток Flux складається з трьох частин – диспетчер, сховище і зовнішнє уявлення даних, працює за принципом одностороннього потоку даних, що полегшує його налагодження.
Кому підходить цей курс.
- фрілансерам, які залучені в область веб-дизайну – їм необхідно стежити за сучасними техніками й інструментами, щоб отримувати нові замовлення.
- Веб-дизайнерам, frontend-фахівцям, які хочуть освоїти нові технології створення сайтів.
- Розробникам SPA-додатків, що працюють в студії.
- Тим, хто хоче розробляти додатки для iOS та Android.
Випускники курсу знають і вміють.
- Побудувати додаток, сайт, лендінг, використовуючи бібліотеку React.js.
- Застосовувати інструменти JSX і Virtual DOM для створення інтерактивних додатків.
- Створити самостійно SPA-додаток з нуля й адаптувати його під різні пристрої.
- Використовувати бібліотеку React.js в командній роботі з декількома розробниками.
Курси React.js. Програма.
- Патерни програмування при роботі з фреймворком.
- Що собою являє екосистема 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.