https://hook.eu1.make.com/l745h29yrjj2pp78eyrh4ppj5qxrgqet

Szkolenie z Next.js

Warsztaty z budowy aplikacji fullstackowych

next.js

Cel szkolenia

Celem szkolenia jest zdobycie praktycznej wiedzy z zakresu wykorzystania Next.js w wersji 14+. W trakcie warsztatów zespół pozna najważniejsze elementy tego frameworka oraz techniki wykorzystywane w komercyjnych projektach.

Omawiamy zagadnienia związane pobieraniem danych, statycznym i dynamicznym renderingiem, streamingiem oraz cacheowaniem i optymalizacją.

Dla kogo?

Szkolenie przeznaczone jest dla programistów, którzy mają przynajmniej podstawową wiedzę z React.js i chcą rozszerzyć swoje umiejętności o budowanie bardziej złożonych aplikacji internetowych.

Jak Twój zespół skorzysta na szkoleniu?

Szkolenie ma formę warsztatową - stawiamy na realizację praktycznych zadań. Dzięki temu Twój zespół:

  • Uporządkuje swoją wiedzę
  • Pozna dobre praktyki praktyki
  • Uniknie często popełnianych błędów

Zakres szkolenia

Zakres szkolenia jest ramą w jakiej możemy się poruszać - dokładne zagadnienia dobieramy i ustalamy z grupą na podstawie ustaleń przed szkoleniem.

expand_more
1. Introduction to Next.js
1. Main advantages, use cases and evolution in the web development ecosystem
2. Differences between monoliths, frontend applications and Next.js
3. Methods of generating and serving content
4. Project structure and core principles
5. Differences between Next.js versions 12, 13, and 14.
6. Community and ecosystem around Next.js (plugins, tools)
expand_more
2. Building Blocks
1. Dev server
2. Routing
3. Pages
4. Layouts
5. Components
6. API Routes
7. Images
expand_more
3. Routing
1. App Router
2. Defining Routes structure
3. Changes regarding the Pages Router
4. Route groups and dynamic Routes
5. Route handlers
6. Middleware and its role
7. Pages
expand_more
4. Rendering
1. Static Rendering
2. Dynamic Rendering
3. Dynamic Pages
4. Streaming
5. Incremental Static 6. Regeneration (ISR)
6. Hybrid Pages - SSR and SSG in the same application
7. Layouts
8. Nested layouts
9. Error pages
expand_more
5. Server and Client Components
1. Motivation beyond two types of components
2. “use” directive
3. How Server Components work under the hood
4. Server Components lifecycle and use cases
5. Client components
6. Drawbacks and limitations
7. Compositions Patterns
8. Server actions
expand_more
6. Fetching, Cache and Revalidation
1. Different methods of data retrieval
2. Fetching
3. Caching
4. Revalidating
5. Fetching Patterns
6. Mutations
7. Handling errors - best practices
8. Integration with headless CMS
expand_more
7. Caching
1. Automatic Static Optimization, Static Site Generation, Static Rendering
2. Caching individual routes and Suspense boundaries
3. Server Component Payload (SCP)
4. Client component and SCP
5. Remote cache
6. Hydration and reconciliation
7. Router cache
8. Static and dynamic rendering
9. Cache invalidation
10. Trade-offs between different caching strategies
expand_more
8. Good practices
1. React Context in Client Components
2. Images, Fonts and Styling
3. Builded functions
4. React Query
5. GraphQL
6. Optimizations
expand_more
9. Testing
1. What and how should be tested in Next.js applications?
2. Organization of testing environment
3. Unit testing
4. Integration tests
5. Mock API
6. Visual Regression Testing
7. E2E testing
expand_more
10. Configuration and Deployment
1. Configuration and env variables - common use cases
2. Deployment and monitoring - common use cases

Czas trwania: 3-5 dni
Język: PL / EN
Forma: 30% wykłady / 70% warsztaty
Miejsce: online / stacjonarnie
Liczebność grupy: 6 - 12 osób

Indywidualne zamówienie dostosowane do grupy na podstawie wcześniejszej rozmowy i analizy wymagań.

Patryk Omiotek
Patryk Omiotek

Senior Fullstack Developer specjalizujący się w tworzeniu aplikacji internetowych w stacku TypeScript, React, Next.js.

Realizował wiele ciekawych i wymagających projektów m. in. dla znanej akademii filmowej z USA oraz startupów z Doliny Krzemowej.

Od 8 lat dzieli się swoją wiedzą jako trener IT oraz prelegent na branżowych konferencjach. Prowadzi również szkolenia dla programistów w Bottega IT Minds, firmie która zrzesza najlepszych ekspertów IT.

Jest pomysłodawcą i założycielem Szkoły Reacta oraz kanału Web Amigos na YouTube.

react.js

Wyróżniki szkolenia

Indywidualne podejście, pasja i zaangażowanie to tylko kilka cechy warsztatów, jakie prowadzimy. Poniżej znajdziesz jeszcze kilka z nich.

people

Szkolenie szyte na miarę potrzeb Twojego zespołu

Każde szkolenie jest inne i zależy od poziomu zaawansowania zespołu oraz tematyki, która w najbliższym czasie najbardziej przyda się Uczestnikom. Dlatego przed rozpoczęciem warsztatu określamy dokładny zakres szkolenia i dobieramy odpowiednie narzędzia i biblioteki.

code

Praktycznie ćwiczenia

Szkolenie ma formę warsztatową ponieważ nauka przez doświadczenie pozwala szybko przyswajać się zdobytą wiedzę. Ćwiczenia są realizowane indywidualnie przez Uczestników warsztatu lub na zasadach pair-programmingu.

wifi

Dogodna forma

W zależności od preferencji Klienta warsztaty prowadzimy online, stacjonarnie lub w formie hybrydowej - na miejscu w biurze klienta z możliwością zdalnego dołączenia innych osób poprzez Zoom.

sentiment_satisfied_alt

Przyjazna atmosfera

To na co zwracają uwagę nasi Uczestnicy szkoleń, to na pewno dobra atmosfera, która panuje podczas wszystkich dni szkoleniowych. Budujemy komfortowe warunki dla całej grupy.

Dlaczego warto wybrać szkolenie
w Web Amigos?

Prowadziliśmy szkolenia na różnym poziomie i w różnej formie zarówno dla zespołów frontendowych, jak i backendowych.

8
+

Lat doświadczenia

Przez 8 lat w branży IT zmieniło się na prawdę sporo. Ale my nie pozostajemy w tyle i cały czas prowadzimy nasze szkolenia na jak najwyższym poziomie.

20
+

Uratowanych projektów

Prowadzimy szkolenia dla zespołów, które poznają React i Next.js od podstaw oraz dla tych, które już są obeznane z tematyką i muszą dalej utrzymywać oraz rozwijać zastany kod.

1000
+

Przeszkolonych osób

Przez okres 8 lat w trakcie szkoleń stacjonarnych i online, prezentacji na konferencjach, webinarów, czy kursów online przeszkoliliśmy znacznie ponad tysiąc osób.

Columbus Energy
Rockwool
Bank Pekao
Viessmann
Clearcode
APM
Schibsted
Stretto

Poznaj opinie Uczestników szkoleń

Zależy nam na pełnym zadowoleniu zarówno Zamawiających, jak i Uczestników szkoleń. Poniżej możesz przeczytać kilka rekomendacji, które świadczą o naszej pasji i zaangażowaniu.

Patryka poznałem podczas szkolenia z React-a, które przeprowadził dla mojego zespołu. Jego obszerna wiedza oraz umiejętność przekazywania informacji w przystępny sposób pozwoliły podnieść poziom wiedzy w naszym zespole. Szkolenie było dobrze dostosowane do naszych potrzeb, a praktyczne przykłady pomogły nam zrozumieć zagadnienia.

karol
Karol Berezicki
Senior Software Developer

Brałam udział w szkoleniu na temat Reacta, które prowadził Patryk. Patryk był bardzo dobrze przygotowany do warsztatów, dysponował wieloma materiałami dydaktycznymi, które później nam udostępnił. Starał się z cierpliwością odpowiadać na wiele nie zawsze trafionych pytań.

sylwia
Sylwia Zoń
Software Developer

I met Patryk on React training. He was well prepared as a teacher, with relevant skills to train people at different levels of experience. Able to answer immediately to any question, he responded with a light speed to even most off topic cases.

bartlomiej
Bartłomiej Witecy
Programista Frontend

Patryka poznałem na warsztatach z reacta, które organizowała firma. Fajne ćwiczenia i zadania, pozwoliły na zrozumienie i poznanie nowych tajników programowania.

daniel
Daniel Jaworski
Senior Frontend Developer

Jak wygląda proces zamawiania szkolenia?