чому ви навчитеся
- розробляти реальні програми на NextJS і React
- працювати з React Hooks
- розуміти роботу SSR і створювати SEO-friendly сайтів
- верстати макети на CSS Grid
- працювати з анімацією та бібліотекою Framer
- забезпечувати доступності програми і працювати з ARIA атрибутами
- готувати ваш додаток до production
- працювати з формами, їх відправкою та валідацією
- писати на TypeScript
- збирати production проект і налаштовувати eslint, stylelint і налагодження
- знання основ JavaScript, CSS і HTML
Next.js - готовий до production framework для React - найпопулярнішою JavaScript бібліотеки на сьогоднішній день. Він дозволяє розробляти продуктивні, SEO-friendly сайти з використанням Server Side Rendering (SSR) і статичною генерацією сторінок.
При цьому від вас вимагається тільки базове знання CSS, HTML і JavaScript, так в рамках курсу ми не тільки розберемо Next.js, але і React з нуля. При цьому ми будемо писати не просто якийсь навчальний проект, а реальний production сайт, присвячений рейтингам.
Ми детально розберемо:
- TypeScript
- Налаштування оточення та складання проекту
- роботу в Figma
- React Hooks
- створення компонентів
- Контекст
- Роутинг NextJS
- Верстку на CSS grid
- Як працює сервер Side Rendering (SSR) і статична генерація сторінок
- вбудовані компоненти Next.js
- роботу з формами через react-hook-form
- анімацію за допомогою Framer Motion
- доступність з клавіатури і роботу ScreenReader
- підготовку програми до production і роботу Docker
В результаті курсу Ви отримаєте знання і навички, які необхідні frontend розробнику на реальних проекту.
!!!в рамках даного курсу, я співпрацюю з фондом рух вгору, що надає допомогу дітям з інвалідністю. Фонд допомагає дітям пройти реабілітацію в спеціалізованих центрах і дає шанс повернутися до звичайного життя. 10% від продажів даного курсу Я буду щомісяця відправляти до Фонду.
Для кого цей курс:
- початківці frontend розробники
- ті, хто хоче змінити framework і спробувати React або познайомиться з NextJS
- backend розробники, які хочуть розвиватися у frontend
https://privatelink.de/?https://www.udemy.com/course/react-nextjs/