Chcesz zboostować 🚀 swoją karierę w IT?
Naucz się tworzyć nowoczesne i wydajne

APLIKACJE INTERNETOWE

Dzięki szkoleniu Modern and Efficient Web Applications (MEWA) poznasz dobre praktyki tworzenia aplikacji internetowych, zaczniesz pisać czytelny i przejrzysty kod, wykorzystasz w pełni najbardziej efektywne narzędzia oraz uzyskasz feedback i code review do każdego zrealizowanego zadania. Dzięki szkoleniu poznasz najlepsze praktyki tworzenia aplikacji po stronie frontendu oraz dowiesz się z czym zmagają się backendowcy w zespołach fullstackowych.

ODPOWIEDZ SOBIE NA PYTANIA:

😤 Czy odczuwasz frustrację

😱 a może czujesz lęk

😥 czasami czujesz presję?

😳 a może odczuwasz stres

Jeśli odpowiedź na którekolwiek pytanie jest twierdząca, to jesteś w dobrym miejscu! Sprawdź, jak możemy pomóc w rozwoju Twojej kariery.

CZYM JEST AKADEMIA WEB AMIGOS?

Akademia to uporządkowana ścieżka edukacyjna oraz symulacja realnego środowiska pracy. Każdy element w trakcie szkolenia uczy nowej rzeczy, a co ważniejsze realnego rozwiązywania problemów w trakcie tworzenia aplikacji internetowych.

Studenci Akademii wchodzą w interakcje i uczą się profesjonalnego programowania, umiejętności miękkich oraz technologii poprzez symulowane warunki z prawdziwego świata - na żywo z członkami zespołu, Absolwentami i Mentorami. Zarówno na Platformie edukacyjnej jak i na komunikatorze Discord.

DLA KOGO PRZEZNACZONA JEST AKADEMIA?​

✓ Frontend Developer
✓ Fullstack Developer
✓ Backend Developer

Program jest przeznaczony dla programistów i programistek, którzy zajmują się tworzeniem aplikacji internetowych z wykorzystaniem TypeScript. Zarówno "Frontendowcy" jak i "Backendowcy" znajdą tutaj coś dla siebie.

SKUPIAMY SIĘ NA DWÓCH FILARACH​

I. Product Engineering

Będziemy budowali produkty na współczesnym stacku - TypeScript, React, Next.js, NestJS oraz Make, automatyzaje i narzędzia AI. Dowiedz się, że narzędzia i technologia to nie wszystko. Nauczysz się jak rozwiązywać problemy biznesowe, a nie być klepaczem kodu ;)

II. Craftsmanship

Aby poprawić umiejętności techniczne oraz umiejętność radzenia sobie w pracy w zespole nawet w złożonych projektach. Craft stawia na profesjonalizm, techniczną perfekcję i zadowolenie klienta. Będziemy podażąć tą ścieżką.

PROGRAM

Studenci stworzą 3 aplikacje i kilka bibliotek. Szkolenie Modern and Efficient Web Applications (MEWA) można podzielić na siedem ścieżek tematycznych:

1. TypeScript

TypeScript od kilku lat standardem branżowym, a mimo to wiele osób korzysta z niego niepoprawnie. W trakcie szkoleń stacjonarnych, które prowadzę widzę, że programiści nie tylko nie wykorzystują jego potencjału, a wręcz stosują antywzorce np. korzystając z any lub nie wykorzystując utility types. W Akademii dowiesz się, jak wykorzystać TypeScript do efektywnej pracy.

2. NX.dev

NX towarzyszy nam od samego początku projektu. Za jego pomocą utrzymujemy spójną strukturę oraz konfigurację narzędzi. Dzięki NX stworzymy aplikacje oraz biblioteki wykorzystywane zarówno na froncie jak i backendzie. Przećwiczysz dzięki temu pracę z monorepo.

3. React - biblioteka komponentów

Za pomocą TypeScript i React.js zbudujemy Design System i reużywalną bibliotekę komponentów, skupimy się na dobrych praktykach budowania interfejsu oraz Component Driven Development. Wprowadzimy testy jednostkowe, a wszystkie komponenty będą osadzone w Storybooku.

4. React - aplikacja wewnętrzna

Stworzymy aplikację wewnętrzną, która pozwoli na zarządzanie danymi. Zastosujemy routing po stronie klienta, stworzymy przyjemny interfejs, który umożliwi  między innymi filtrowanie, sortowanie i paginację. Osadzimy formularze za pomocą React Hook Form z walidacją w Zod. Napiszemy testy integracyjne. Będziemy zarządzać stanem aplikacyjnym i stworzymy zabezpieczenia dostępu tylko dla zalogowanych użytkowników.

5. Next.js

Ta aplikacja będzie naszym "łącznikiem" pomiędzy aplikacją wewnętrzną, a backendem. Zastosujemy wcześniej stworzone komponenty z biblioteki komponentów, ale przygotujemy też przejrzysty serwis dla naszych odwiedzających za pomocą komponentów zarówno po stronie klienta, jak i serwera (Server Components). Formularze wykorzystają między innymi Server Actions, zadbamy też o statyczne i dynamiczne renderowanie.

6. NestJS

Backend w projekcie stworzymy za pomocą frameworka NestJS, dzięki któremu poznasz wzorce architektoniczne oraz czystą architekturę. Ta aplikacja posłuży do budowy REST API, poznasz CQRS i Event Sourcing, stworzymy webhooki i automatycznie wygenerujemy dokumentację w Swagger.

7. Automatyzacje

Wykorzystamy narzędzia no-code do stworzenia automatyzacji procesów biznesowych organizacji. Za pomocą narzędzi AI przygotujemy kilka scenariuszy np. jak badanie sentymentu, czy automatyczną poprawę tekstu.

AGENDA

Zapoznaj się z Agendą szkolenia

Może jeszcze lekko ulec zmianie - np. zmieni się liczba lekcji w module lub ich kolejność

1. Intro

  1. Powitanie
  2. Twój cel
  3. Struktura projektu
  4. Wprowadzenie do monorepo
  5. Wprowadzenie do NX
  6. Wprowadzenie do Tailwind CSS
  7. Wprowadzenie do Storybook'a
  8. Wprowadzenie do testów integracyjnych
  9. Zadania do realizacji

2. Biblioteka komponentów (UI)

  1. Design System
  2. Przykłady Design Systemu
  3. Intro do Stories
  4. Przekazywanie i odpowiednie typowanie propsów
  5. Komponenty zawierające eventy
  6. Zawężanie wartości propsów
  7. Tworzenie uniwersalnych komponentów UI
  8. Typowanie handlerów oraz utility types
  9. Wprowadzenie do Chromatica
  10. Stan i formularze
  11. Elementy formularza i refy
  12. Zadania do realizacji

3. Aplikacja React (Frontend)

  1. Wykorzystanie komponentów z biblioteki
  2. Forward refs
  3. Różne zastosowania side effects
  4. Custom hooks
  5. Stan - kiedy korzystać z callbacków
  6. Lazy loading stanu
  7. Routing
  8. Organizacja plików projektu
  9. Protected routes
  10. Memory Router dla Storybook oraz testów
  11. Pobieranie danych i własne fetchery
  12. Mockowanie danych
  13. Testy integracyjne
  14. Zadania do realizacji

4. Website

  1. Next.js - wprowadzenie, obszary zastosowania
  2. Sposoby generowania i serwowania treści
  3. App router i zmiany, jakie przynosi
  4. Strony oraz Layout
  5. Pendign amangement oraz Error Handling
  6. Renderowanie statyczne i dynamiczne
  7. Komponenty klienckie i komponenty servera
  8. Pobieranie danych i wzorce
  9. Server actions
  10. Konfiguracja
  11. Zadania do realizacji

5. Backend

  1. NestJS - wprowadzenie, obszary zastosowania
  2. Czysta architektura
  3. Encje, Usługi, Kontrolery, Moduły
  4. Generowanie dokumentacji API
  5. Budowa REST API - parametry, payload
  6. DTOs
  7. Zabezpieczanie endpointów - validacja i sanityzacja
  8. Obsługa błędów
  9. Wybór bazy danych
  10. Praca z TypeORM
  11. Tworzenie rozbudowanych providerów
  12. Zadania do realizacji

6. Autentykacja

  1. Przygotowanie logiki po stronie backendu
  2. Przygotowanie komponentów po stronie frontendu
  3. Przygotowanie logiki po stronie frontendu
  4. Konteksty i stan aplikacyjny
  5. Granice błędów
  6. Często napotykane problemy i dobre praktyki
  7. Zabezpieczenia
  8. Generowanie tokenów i ich odświeżanie
  9. Wykorzystanie Guardów
  10. Public routes
  11. Dekoratory użytkownika
  12. Logowanie błędów
  13. Obsługa flow w całym projekcie
  14. Zadania do realizacji

7. Wysyłka maili

  1. Maile marketingowe i transakcyjne
  2. Przygotowanie usługi do wysyłki maili
  3. Wybór providera
  4. Konfiguracja projektu pod wysyłkę responsywnych maili
  5. Wprowadzenie do MJML
  6. Budowanie szablonów maili
  7. Wykorzystanie reużywalnych komponentów
  8. Implementacja usługi wysyłki maili
  9. Wnioski na przyszłość
  10. Zadania do realizacji

8. Rozbudowa Frontendu

  1. Wykorzystanie React Hook Form
  2. Walidacja formularzy za pomocą Zod
  3. Wprowadzenie Dark Theme
  4. Tworzenie pracowników i kontrakty z backendem
  5. Mockowanie endpointów
  6. Obsługa różnych kodów błędów i stany UI
  7. Osadzanie pracowników w organizacji (graf)
  8. Implementacja reguł biznesowych
  9. Zadania do realizacji

9. Rozbudowa website

  1. Przygotowanie do zbierania opinii po stronie Website
  2. Wysyłka danych na backend i zabezpieczenia przed spamem
  3. Notyfikacje do moderatorów o nowych opiniach
  4. Akceptowanie lub odrzucanie opinii
  5. Dodanie headless CMS
  6. Dodanie statycznych stron
  7. Rewalidacja i optymalizacje
  8. Ustawienie budowania i deploymentu
  9. Zadania do realizacji

10. Rozbudowa projektu

  1. Przygotowanie modułu po stronie backendu
  2. Dodawanie i zarządzanie ofertami po stronie frontendu
  3. Filtrowanie, wyszukiwanie, paginacja ofert po stronie frontendu
  4. Wyświetlanie ofert na website
  5. Wyszukiwanie i filtrowanie ofert na website
  6. Przygotowanie modułu do wystawiania faktur (upload)
  7. Przygotowanie modułu do wnioskowania dni wolnych
  8. Przygotowanie modułu do wyjazdów służbowych
  9. Przygotowanie modułu do aplikowania na dane stanowisko (website)
  10. Granice odpowiedzialności modułów
  11. Miejsca na automatyzacje i narzędzia AI
  12. Testy E2E

11. Events

  1. CQRS i Event Sourcing
  2. Event Emitter po stronie backendu
  3. Implementacja eventów po stronie backendu
  4. RxJS - Observabl'e i Subject'y
  5. Snapshoty
  6. Wykorzystanie eventów po stronie website - EventSource
  7. EventSource vs Long Polling
  8. Mikroserwisy i Mikroforntendy
  9. Kiedy i jak Mikrofrontendy powinny komunikować się ze sobą
  10. Zadania do realizacji

12. Wykorzystanie automatyzacji

  1. Do czego mogą posłużyć zewnętrzne automatyzacje
  2. Wprowadzenie do Make
  3. Wbudowane narzędzia Make
  4. Cechy i właściwości Airtable
  5. Tworzenie pierwszej automatyzacji
  6. Tworzenie webhooków
  7. Dodawanie narzędzi AI do automatyzacji
  8. Odbieranie wyników automatyzacji w aplikacji

TypeScriptLogo React

BONUSY

W ramach społeczności odbędzie się kilka webinarów ze specjalnymi gośćmi dotyczących zagadnień związanych z tworzeniem aplikacji internetowych. Będą to tematy związane z deploymentem, usługami AWS, mikroserwisami, architekturą, oraz dobrymi praktykami. Dodatkowo otrzymasz dostęp do nagrań z webinarów na temat React, Next.js oraz NestJS.

INNOWACYJNA PLATFORMA EDUKACYJNA​

Stawiamy na praktykę i code review dzięki platformie Nerds Family​

W ramach Akademii na Platformie Code Review otrzymasz od zestaw zadań do realizacji. Zadania podzielone są na sprinty, a każdy sprint składa się z kilku tasków. Twoim zadaniem będzie napisanie kodu aplikacji, ale również spełnienie kryteriów akceptacji (AC) i uzyskanie akceptacji w trakcie Code Review.  Każdy sprint realizujesz w dogodnym dla siebie tempie. Gdy zadanie zostało zaakceptowane po review możesz przejść do kolejnego - daje to pewność prawidłowo zrealizowanego zadania, oraz blokuje możliwość robienia pato-developerki ;)

Na Platformie całość szkolenia oraz wprowadzające materiały wideo są po angielsku 🇬🇧, aby od razu szlifować język branżowy.

nerd
/nəːd/ noun​
A person devoted to intellectual, academic, or technical pursuits or interests.

JAKI PROJEKT BĘDĘ REALIZOWAĆ?​

Zrealizujesz ciekawy projekt, dzięki któremu uzyskasz nowe umiejętności po stronie frontendu jak i backendu​

W trakcie realizacji zadań na Platformie Code Review jak zbudujesz System Zarządzania Pracownikami (Employee Management System). Zbudujesz frontend (React), backend (NestJS) oraz stronę projektu (Next.js). System pomoże zarządzać pracownikami w ramach organizacjach - dodawać ich do poszczególnych działów, przypisywać umiejętności, osadzać w strukturze organizacji, pozwalać wnioskować o dni wolne, wysyłać faktury, tworzyć wnioski o wyjazdy służbowe, zarządzać ofertami pracy i wiele, wiele więcej. Stworzysz także system powiadomień mailowych i na Slacka.

Wszystkie trzy główne aplikacje (frontend, website, backend) będą ze sobą współpracować. Większość funkcjonalności biznesowych będzie rozwijana przez Ciebie, ale niektóre z nich będą delegowane do narzędzi do automatyzacji, takich jak Make i wykorzystamy wybrane narzędzia AI.

SPOŁECZNOŚĆ

W ramach Platformy edukacyjnej nasi Studenci uzyskają dostęp do zamkniętej społeczności na komunikatorze Discord, gdzie mogą zadać każde pytanie do innych uczestników. Można uzyskać  tam też pomoc, gdy utknie się z projektem. Unikniesz błędów, które popełniłbyś kodując samodzielnie. Pamiętaj - w grupie człowiek lepiej się uczy!

Społeczność

DEMO

Zobacz jak Platforma wygląda od środka​

POZNAJ SWOJEGO MENTORA

Patryk Omiotek

Cześć, nazywam się Patryk Omiotek
Jestem Senior Fullstack Developerem specjalizującym się w tworzeniu aplikacji internetowych w stacku TypeScript, React, Next.js, NestJS. Realizowałem wiele ciekawych i wymagających projektów m. in. dla znanej akademii filmowej z USA oraz startupów z Doliny Krzemowej.

Na codzień oprócz kodowania, zajmuję się weryfikacją IT, czyli w trakcie procesów rekrutacyjnych sprawdza poziom wiedzy kandydatów na stanowiska Junior, Regular, jak i Senior developerów.

Od 8 lat dzielę się swoją wiedzą jako ekspert na konferencjach i trener IT. Prowadzę szkolenia dla programistów w Bottega IT Minds. Jestem także pomysłodawcą i założycielem Szkoły Reacta. Ta kombinacja doświadczeń to gwarancja, że opanujesz tworzenie aplikacji internetowych w stopniu, który nie byłby możliwy w innym miejscu i z innym mentorem.

MOJE WEBINARY

Zobacz fragmenty nagrań z kilku webinarów, jakie prowadziłem w tym roku​

React

W tym wideo dowiesz się:

  • Jak korzystać z TypeScript i tworzyć bibliotekę komponentów
  • Jak korzystać ze Storybook'a
  • Jak tworzyć reużywalne komponenty

Next.js

W tym wideo dowiesz się:

  • Jak korzystać pobierać dane po stronie klienta i serwera
  • Jak skorzystać ze współdzielonej biblioteki komponentów
  • Czym są server-actions

NestJS​

W tym wideo dowiesz się:

  • Jak stworzyć REST API
  • Jak Nest implementuje czystą architekturę
  • Jak tworzyć i korzystać z endpointów

OPINIE UCZESTNIKÓW

Sprawdź, co piszą uczestnicy moich szkoleń i warsztatów​

JAK AKADEMIA POMOŻE W ROZWOJU TWOJEJ KARIERY?

JAKICH PROBLEMÓW UNIKNIESZ?​

  • Dzięki  Akademii unikniesz błędów, które popełniają osoby uczące się na własną rękę
  • Tutorial hell - nie będziesz uczyć się przestarzałych metod, stworzysz wartościowy projekt
  • Nie będzie Ci wstyd za kod wstyd przed innymi osobami z zespołu, gdy wrócisz do niego za pół roku

ZAPISY ZAMYKAMY 20.09, CZYLI DOKŁADNIE ZA:

0
Dni
0
Godzin
0
Minut
0
Sekund

NIE PRZEGAP MOŻLIWOŚCI DOŁĄCZENIA​

Kolejna edycja Akademii startuje w 2024 roku. Aby nie przegapić możliwości dołączenia zostaw swój adres e-mail, a my wyślemy Ci przypomnienie o starcie. Dodatkowo od czasu do czasu wyślemy Ci ciekawe informacje dotyczące tworzenia aplikacji internetowych.

Dzięki, formularz został wysłany - sprawdź teraz swoją skrzynkę!
Oops! Coś poszło nie tak

DOŁĄCZ DO AKADEMII

W zależności od tego jaki styl uczenia się preferujesz, masz kilka możliwości dołączenia.
Możesz dołączyć do szkolenia Modern and Efficient Web Applications (MEWA) oraz Platformy Code Review.

MEWA

Upskilling w formie lekcji wideo
1600 zł
Płatność jednorazowa
  • 70+ lekcji wideo po polsku 🇵🇱
  • Dożywotni dostęp do materiałów
  • Zadania do realizacji 📝
  • Rozwiązania zadań (w formie testów automatycznych i wideo tutoriali)
  • 4 bonusowe webinary
  • Dostęp do społeczności Web Amigos 🌶️
  • Certyfikat uczestnictwa 🏅
  • Grupowe konsultacje na żywo 2x w miesiącu, po polsku 🇵🇱​
Zapisuję się

Platforma Code Review

Platforma z zadaniami, konsultacje na żywo, code-review
600 zł
Płatność miesięczna
  • Dostęp do Platformy z zadaniami 💻
  • Code review do każdego zadania
  • Możliwość skorzystania z opcji Peer Review
  • Dostęp do społeczności Web Amigos 🌶️
  • Dostęp do społeczności Nerds Family 👨‍💻
  • Nauka dobrych praktyk 💪
  • Praktyczny projekt do samodzielnej realizacji
  • Certyfikat uczestnictwa 🏅
  • Zadania do realizacji po angielsku 🇬🇧
  • Materiały wprowadzające po angielsku 🇬🇧
  • Omówienie rozwiązań po angielsku 🇬🇧
  • Gwarancja stałej ceny miesięcznej
  • Grupowe konsultacje na żywo 2x w miesiącu, po polsku 🇵🇱
Zapisuję się

GWARANCJA SATYSFAKCJI

lub zwrot pieniędzy​

Materiały szkoleniowe i sposób przekazywania wiedzy w Akademii Web Amigos zostały przemyślane w najdrobniejszym szczególe. Wszystko po to, aby dać Ci o wiele więcej niż oczekujesz. Jeśli pomimo tego masz wciąż wątpliwości i obawy, mamy dla Ciebie 14-dniową Gwarancję Satysfakcji. Jeśli w ciągu 14 dni od opłacenia kursu stwierdzisz z jakiegoś powodu, że nie spełnia Twoich oczekiwań, to zwrócimy Ci pieniądze.

Jak to zrobić? Wystarczy, że napiszesz na adres hello@webamigos.pl powód zwrotu, a cała kwota za kurs zostanie z powrotem przelana na Twoje konto. Zyskujesz w ten sposób jeszcze jeden powód, dla którego warto zdecydować się na poszerzenie swojej wiedzy właśnie z nami!

Guarantee

PODSUMOWUJĄC - CO OTRZYMASZ W RAMACH AKADEMII?​

FAQ, czyli

NAJCZĘŚCIEJ ZADAWANE PYTANIA

Czy mogę zapłacić kartą?

Tak, jak najbardziej. Platforma obsługuje tę formę płatności.

Czy mogę ściągnąć materiały i oraz lekcje?

Lekcje wideo są dostępne wyłącznie w ramach platformy i nie można ich pobrać. Wszelkie materiały pomocnicze jak np. slajdy możesz pobrać na swój dysk.

Jak długo mam dostęp do szkolenia?

Dostęp do Platformy edukacyjnej masz cały czas. Jeśli jednak zrezygnujesz z subskrypcji, to zostaje Ci dostęp do materiałów, które udało Ci się przerobić.

Ile mam czasu na ewentualny zwrot pieniędzy?

Masz 14 dni. Wystarczy że wyślesz maila na adres hello@webamigos.pl i napiszesz, dlaczego kurs nie spełnił Twoich oczekiwań.

Czy otrzymam fakturę VAT?

Tak, do każdego zakupu wystawiana jest faktura z 23% VAT. System wyśle Ci ją do 48h po wpłacie. Można ją następnie wliczyć w koszty firmy.

Co jeśli szkolenie mi się nie spodobało lub jest za trudne/proste?

Jeśli zdarzy się taka sytuacja, to skontaktuj się z nami w przeciągu 14 dni, a otrzymasz zwrot zainwestowanych pieniędzy.

Czy mogę kupić na raty?

Tak, przewidujemy 2x płatność 0%. Napisz do nas maila o tytule "Dwie raty" na hello@webamigos.pl

Na jakiej platformie dostępna jest społeczność

Korzystamy z serwera Discord, a uczestnicy szkolenia mają dostęp do prywatnego kanału.

Kiedy rozpoczyna się program i jak długo trwa?

Program rozpoczyna się w 2024 roku.

Na jak długo muszę wykupić dostęp do Platformy Code Review?

Dostęp do Platformy Code Review jest realizowany w modelu subskrypcji miesięcznej. Możesz zrezygnować w dowolnym momencie. Rekomendowany czas uczestnictwa to 5 miesięcy, ponieważ w jest to optymalny czas, aby podnieść swoje kompetencje na wyższy poziom.

Mam już doświadczenie w Reakcie, czy jest sens dołączyć

To zależy od aplikacji, na których zdarzyło Ci się do tej pory pracować i od tego, jakie masz w nich doświadczenie komercyjne. W trakcie lekcji będzie poruszana tematyka zastosowań różnych elementów Reacta w projektach komercyjnych.