Szkolenie pod nazwą ,,Nowoczesne Technologie Webowe z React i Next.js"
Szkolenie pod nazwą ,,Nowoczesne Technologie Webowe z React i Next.js"
Informacje podstawowe
Informacje podstawowe
- KategoriaInformatyka i telekomunikacja / Bazy danych
- Sposób dofinansowaniawsparcie dla osób indywidualnych
- Grupa docelowa usługi
Szkolenie jest przeznaczone dla deweloperów, którzy mają solidne podstawy JavaScript i chcą zgłębić nowoczesne
frameworki i narzędzia. Kurs rozpoczynamy od odświeżenia wiedzy z zakresu HTML, CSS i JavaScript, aby uczestnicy czuli się pewnie przystępując do bardziej zaawansowanych tematów. - Minimalna liczba uczestników2
- Maksymalna liczba uczestników8
- Data zakończenia rekrutacji06-09-2024
- Forma prowadzenia usługizdalna w czasie rzeczywistym
- Liczba godzin usługi45
- Podstawa uzyskania wpisu do BURCertyfikat systemu zarządzania jakością wg. ISO 9001:2015 (PN-EN ISO 9001:2015) - w zakresie usług szkoleniowych
Cel
Cel
Cel edukacyjny
Szkolenie przygotowuje do opanowania najnowszych technologii webowych, takich jak React, Next.js, Tailwind CSS, oraz inne narzędzia i metodyki używane w tworzeniu nowoczesnych aplikacji webowych.Efekty uczenia się oraz kryteria weryfikacji ich osiągnięcia i Metody walidacji
Efekty uczenia się | Kryteria weryfikacji | Metoda walidacji |
---|---|---|
Efekty uczenia się Rozumie podstawy HTML | Kryteria weryfikacji Posługuje się strukturą dokumentu HTML- Stosuje kluczowe tagi | Metoda walidacji Test teoretyczny |
Metoda walidacji Obserwacja w warunkach rzeczywistych | ||
Kryteria weryfikacji - Stosuje technikioptymalizacji, analiza wydajności | Metoda walidacji Test teoretyczny | |
Metoda walidacji Obserwacja w warunkach rzeczywistych | ||
Efekty uczenia się Stosuje podstawowe funkcje CSS i JavaScript. | Kryteria weryfikacji -Definiuje zmienne, typy danych i operatory | Metoda walidacji Test teoretyczny |
Metoda walidacji Obserwacja w warunkach rzeczywistych | ||
Kryteria weryfikacji -Stosuje funkcje, pętle oraz instrukcje warunkowe-Posługuje się podstawowymi operacjami na DOM | Metoda walidacji Test teoretyczny | |
Metoda walidacji Obserwacja w warunkach rzeczywistych | ||
Efekty uczenia się Definiuje podstawy React. Wprowadza do React, tworzy komponentyfunkcjonalnych i klasowych, JSX i jego zasady. Umiejętnie korzysta z Hooków. | Kryteria weryfikacji - Wdraż dane przez Props, zarządzastanem komponentów, aktualizuje stany i renderuje | Metoda walidacji Test teoretyczny |
Metoda walidacji Obserwacja w warunkach rzeczywistych | ||
Kryteria weryfikacji - Wdraża Hooki: useState, useEffect, customhooks oraz zaawansowane hooki: useContext, useReducer | Metoda walidacji Test teoretyczny | |
Metoda walidacji Obserwacja w warunkach rzeczywistych | ||
Efekty uczenia się Zarządza stanem w React, autoryzuje i uwierzytelnia aplikacje Next.js. | Kryteria weryfikacji - Stosuje implementacjeJWT i integracje z bibliotekami do uwierzytelniania | Metoda walidacji Test teoretyczny |
Metoda walidacji Obserwacja w warunkach rzeczywistych | ||
Kryteria weryfikacji - Definiuje API i GraphQL - REST API vs GraphQL oraz komunikacje zbackendem. | Metoda walidacji Test teoretyczny | |
Metoda walidacji Obserwacja w warunkach rzeczywistych |
Kwalifikacje i kompetencje
Kwalifikacje
Kompetencje
Usługa prowadzi do nabycia kompetencji.Warunki uznania kompetencji
Program
Program
-> W celu skutecznego uczestnictwa w szkoleniu wymagana jest podstawowa umiejętność obsługi komputera.
-> Za 1 godzinę usługi szkoleniowej uznaje się godzinę dydaktyczną tj. lekcyjną (45 minut).
-> Ilość przerw oraz długość ich trwania zostanie dostosowana indywidualnie do potrzeb uczestników szkolenia. Zaznacza się jednak, że łączna długość przerw podczas szkolenia nie będzie dłuższa aniżeli zawarta w harmonogramie tj. 15 minut przerwy na jeden dzień szkoleniowy. Przerwy nie wliczają się w czas trwania szkolenia.
> Szkolenie przeprowadzone będzie w formie zdalnej w czasie rzeczywistym w liczbie 45 godzin dydaktycznych z wykorzystaniem kamery i mikrofonu. Każdy uczestnik musi posiadać dostęp do komputera z internetem. Uczestnikom zostanie przesłany link do videokonferencji na platformie google meet.
Moduł I: Odświeżenie wiedzy z HTML, CSS i JavaScript
- Przypomnienie podstaw HTML
- Struktura dokumentu HTML
- Kluczowe tagi: <div>, <span>, <a>, <img>, <form>, <input>
- Semantyczne elementy HTML5: <header>, <footer>, <article>,
- <section>
- Przypomnienie podstaw CSS
- Podstawowe selektory i właściwości
- Box model: margin, padding, border
- Flexbox i Grid Layout
- Przypomnienie podstaw JavaScript
- Zmienne, typy danych, operatory
- Funkcje, pętle, instrukcje warunkowe
- Podstawowe operacje na DOM
- Warsztaty praktyczne: Tworzenie prostej strony z użyciem HTML,
CSS i JavaScript
Moduł II: Wprowadzenie do React
- Wprowadzenie do React, tworzenie komponentów funkcjonalnych i klasowych, JSX i jego zasady
- Props i State - Przekazywanie danych przez Props, zarządzanie stanem komponentów, aktualizacja stanu i renderowanie
- Hooks - Wprowadzenie do Hooków: useState, useEffect, custom hooks, zaawansowane hooki: useContext, useReducer
- Praktyczne warsztaty: Tworzenie komponentów z użyciem Hooków
Moduł III: React i Next.js
- Wprowadzenie do Next.js - Co to jest Next.js? Zalety i wady Next.js w
- porównaniu do React
- Routing i nawigacja w Next.js - Dynamiczne i statyczne routing, linki i nawigacja między stronami, nested routes
- SSR (Server-Side Rendering) vs SSG (Static Site Generation) - Wprowadzenie do SSR i SSG, implementacja SSR i SSG w Next.js
- Praktyczne warsztaty: Tworzenie aplikacji w Next.js z użyciem SSR i SSG
Moduł IV: Stylowanie z Tailwind CSS
- Wprowadzenie do Tailwind CSS - Instalacja i konfiguracja, podstawowe klasy i koncepcje
- Zaawansowane techniki stylowania z Tailwind CSS - Responsywne projektowanie, customizacja Tailwind, utility-first CSS
- Integracja Tailwind CSS z React i Next.js - Praktyczne przykłady, projekty demonstracyjne
- Praktyczne warsztaty: Budowanie responsywnych stron z Tailwind CSS
Moduł V: Integracja i Rozbudowa Aplikacji
- Zaawansowane zarządzanie stanem w React - Wprowadzenie do Redux, konfiguracja Redux z React, Redux Toolkit
- Autoryzacja i uwierzytelnianie w aplikacjach Next.js - Implementacja JWT, integracja z bibliotekami do uwierzytelniania
- API i GraphQL - REST API vs GraphQL, implementacja komunikacji z backendem
- Praktyczne warsztaty: Budowa pełnej aplikacji z backendem
Moduł VI: Testowanie i Optymalizacja
- Wprowadzenie do testowania w React i Next.js - Wprowadzenie do Jest, React Testing Library, pisanie testów jednostkowych i integracyjnych
- Optymalizacja wydajności aplikacji React/Next.js - Techniki optymalizacji, analiza wydajności
- Deploy aplikacji - Wprowadzenie do platform deployowych (Vercel,
- Netlify), praktyczne przykłady deployowania aplikacji
Test teoretyczny.
Harmonogram
Harmonogram
Przedmiot / temat zajęć | Prowadzący | Data realizacji zajęć | Godzina rozpoczęcia | Godzina zakończenia | Liczba godzin |
---|---|---|---|---|---|
Przedmiot / temat zajęć 1 z 9 Moduł I: Odświeżenie wiedzy z HTML, CSS i JavaScript(w tym 15 min przerwy) videokonferencja, współdzielenie ekranu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 07-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:15 | Liczba godzin 04:15 |
Przedmiot / temat zajęć 2 z 9 Moduł II: Wprowadzenie do React (w tym 15 min przerwy) videokonferencja, współdzielenie ekranu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 08-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:15 | Liczba godzin 04:15 |
Przedmiot / temat zajęć 3 z 9 Moduł III: React i Next.js (w tym 15 min przerwy) videokonferencja, współdzielenie ekranu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 14-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:15 | Liczba godzin 04:15 |
Przedmiot / temat zajęć 4 z 9 Moduł III: React i Next.js (w tym 15 min przerwy) videokonferencja, współdzielenie ekranu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 15-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:15 | Liczba godzin 04:15 |
Przedmiot / temat zajęć 5 z 9 Moduł IV: Stylowanie z Tailwind CSS (w tym 15 min przerwy) videokonferencja, współdzielenie ekarnu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 21-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:15 | Liczba godzin 04:15 |
Przedmiot / temat zajęć 6 z 9 Moduł V: Integracja i Rozbudowa Aplikacji (w tym 15 min przerwy) videokonferencja, współdzielenie ekranu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 22-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:15 | Liczba godzin 04:15 |
Przedmiot / temat zajęć 7 z 9 Moduł VI: Testowanie i Optymalizacja (w tym 15 min przerwy) videokonferencja, współdzielenie ekranu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 28-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:15 | Liczba godzin 04:15 |
Przedmiot / temat zajęć 8 z 9 Moduł VI: Testowanie i Optymalizacja (w tym 15 min przerwy) videokonferencja, współdzielenie ekranu | Prowadzący Łukasz Kwiecień | Data realizacji zajęć 29-09-2024 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 13:55 | Liczba godzin 04:55 |
Przedmiot / temat zajęć 9 z 9 Test teoretyczny | Prowadzący - | Data realizacji zajęć 29-09-2024 | Godzina rozpoczęcia 13:55 | Godzina zakończenia 14:55 | Liczba godzin 01:00 |
Cena
Cena
Cennik
- Rodzaj cenyCena
- Koszt przypadający na 1 uczestnika brutto5 175,00 PLN
- Koszt przypadający na 1 uczestnika netto5 175,00 PLN
- Koszt osobogodziny brutto115,00 PLN
- Koszt osobogodziny netto115,00 PLN
Prowadzący
Prowadzący
Dawid Tomczyk
W ciagu ostatnich 5 lat ukończył kilka kursów związanych z IT .Na co dzień pracuje w technologii React oraz React Native. Trener posiada wiedzę w zakresie teoretycznych aspektów zagadnień i posiada doświadczenie dydaktyczne oraz praktyczne w dziedzinie.
Łukasz Kwiecień
Informacje dodatkowe
Informacje dodatkowe
Informacje o materiałach dla uczestników usługi
Każdy z uczestników otrzyma tematyczne materiały dydaktyczne w postaci skryptów oraz prezentacji w formie pdf, przesłanych na adrese-mail, najpóźniej w dniu rozpoczęcia szkolenia.
Warunki uczestnictwa
Dostęp do komputera/laptopa z kamerą oraz internetu o (wg wymagań technicznych wyszczególnionych poniżej).
Warunki techniczne
Warunki techniczne
Wymagania techniczne: Komputer podłączony do Internetu z prędkością łącza od 512 KB/sek.
Minimalne wymagania sprzętowe, jakie musi spełniać komputer Uczestnika lub inne urządzenie do zdalnej komunikacji oraz niezbędneoprogramowanie umożliwiające Uczestnikom dostęp do prezentowanych treści i materiałów
- system operacyjny Windows 7/8/10 lub Mac OS X
- pakiet Microsoft Offi ce, Libre Offi ce, Open Offi ce
- uczestnik musi posiadać dostęp do kamery i mikrofonu- wymóg konieczny
Minimalne wymagania dotyczące parametrów łącza sieciowego, jakim musi dysponować Uczestnik -mminimalna prędkość łącza: 512KB/sek
Platforma, na której zostanie przeprowadzone szkolenie to clickmeeting.com.
Okres ważności linku: 1h przed rozpoczęciem szkolenia w pierwszym dniu do ostatniej godziny w dniu zakończenia.
Podstawą do rozliczenia usługi jest wygenerowanie z systemu raportu, umożliwiającego identyfikację wszystkich uczestników
i zastosowanego narzędzia.