Next.js -

Next.js

Обука која ќе ти помогне да изградиш брзи и современи веб-апликации со лесна интеграција на front-end и back-end функционалности.

Стани експерт за градење на Full Stack JavaScript апликација со NextJS!

Опис

Оваа програма е дизајнирана да те води од основните до напредните концепти на градење на full stack апликација користејќи NextJS.

Програмата вклучува почетни поставки како HTML, CSS, JavaScript, TypeScript, NodeJS, до напредни теми како развивање на Rest API, поврзување со датабаза и развивање на интерактивна веб апликација со модерен кориснички интерфејс.

Обуката завршува со комплетирање на целосното решение и deployment на апликацијата на соодветен сервис.

Програма

1. Преглед на обуката и иницијално поставување

Вовед во обуката и очекувани исходи
Инсталирање и конфигурирање на Visual Studio Code
Најдобри практики за именување
Креирање на GitHub репозиториум

2. Развивање на респонзивен layout користејќи HTML, CSS

Запознавање со oсновни концепти на развивање на layout
Desktop first VS Mobile first пристап на развивање на респонзивен layout
Градење на landing page
Користење на Tailwind за брзо и едноставно стилизирање на кориснички интерфејс

3. JavaScript

Развој на решенија базирани на JavaScript
JavaScript under the hood - Како ЈаваСкрипт функционира во позадина во прелистувачот
Асинхроно извршување на код и комуникација со API
Модерни функционалности во JavaScript - ECMAScript6

4. Запознавање со ТypeScript

5. Користење на JavaScript на сервер со помош на Node JS

6. Развивање на апликација со помош на React

Запознавање со базичните концепти на React
Патерни за организација на клиентска апликација во React
Користење на форми и валидација на инпути
Комуникација со сервер апликација
Стилизирање на апликацијата користејќи Tailwind

7. Развивање на full stack решение со помош на NextJS

Запознавање со базичните концепти на NextJS
Патерни за организација во NextJS
Комуникација со PostgreSQL преку ORM
Поставување на напредна архитектура во базата користејќи релации
Креирање на REST API во NextJS
Развивање на апликација користејќи Server Side Rendering и Server Components
Користење на Server Actions за директна комуникација и манипулација со податоци

8. Автентикација и авторизација

Запознавање со автентикација преку NextAuth
Развивање на автентикација и управување со корисници
Развивање на рољи кај корисници и распознавање на различни дозволи за користење на делови од апликацијата
Штитење на рути од нелогирани корисници и корисници без соодветна роља
Автентикација со екстерни сервиси (пр. Google, GitHub, Discord…)

9. Комуникација со екстерен сервис

10. Deployment