To praktyczne wprowadzenie do budowy aplikacji webowych od podstaw. Poznasz backend w Java + Spring Boot, frontend w JavaScript + React oraz integrację z bazą danych MongoDB. Nauczysz się, jak połączyć warstwy, obsłużyć żądania HTTP, dodać filtrowanie i stronicowanie, a także funkcje rejestracji i logowania. Zajmiemy się również animacjami w interfejsie i finalnym wdrożeniem. Kurs obejmuje 26 lekcji (4,5 h) oraz dostęp do gotowych aplikacji do analizy i modyfikacji.

Backend w Java + Spring Boot

Zaczynasz od stworzenia aplikacji backendowej w Java + Spring Boot. Krok po kroku nadajesz projektowi czytelną strukturę i poznajesz, za co odpowiadają poszczególne elementy systemu. Uporządkujesz warstwy i przygotujesz miejsca, w których logika biznesowa przetwarza dane. Nauczysz się przygotowywać obsługę żądań HTTP po stronie serwera, aby aplikacja mogła reagować na działania użytkownika. Dzięki temu zobaczysz, jak dane trafiają do systemu, są przetwarzane i przekazywane dalej do pozostałych części rozwiązania.

Frontend w JavaScript + React

Na warstwie frontendowej zbudujesz interfejs w JavaScript + React. Nauczysz się dzielić aplikację na komponenty, które można łatwo rozwijać i łączyć. Poznasz sposób pracy z React Hooks w kodzie oraz zobaczysz, jak tworzyć dynamiczne widoki współpracujące z backendem. Dodasz animacje, aby interfejs był bardziej czytelny i płynny w odbiorze. Dzięki temu zrozumiesz, jak przenieść wymagania na działający UI, który prezentuje i modyfikuje dane pobierane z serwera.

MongoDB i warstwa danych

W kursie przygotujesz bazę danych MongoDB i połączysz ją z aplikacją backendową. Dowiesz się, jak zapisywać, odczytywać i aktualizować dane w sposób elastyczny, dopasowany do potrzeb aplikacji webowej. Zobaczysz, jak backend komunikuje się z bazą i jak wynik tej pracy trafia do frontendu. Dzięki temu łatwiej zrozumiesz przepływ informacji w systemie oraz to, jak sposób przechowywania danych wspiera funkcje aplikacji, w tym filtrowanie i stronicowanie widoków.

Komunikacja i łączenie warstw

Kluczowym elementem szkolenia jest komunikacja między warstwami. Nauczysz się tworzyć, wysyłać, przetwarzać i obsługiwać żądania HTTP, tak aby frontend i backend wymieniały dane w przewidywalny sposób. Na przykładzie funkcji filtrowania i stronicowania zobaczysz, jak zaprojektować przepływy, które zwracają właściwe zestawy danych. Porządkujesz też wymagania funkcjonalne, by jasno określić, co ma robić aplikacja i jak powinna reagować na działania użytkownika.

Logowanie, rejestracja i wdrożenie

W dalszej części dodasz funkcjonalności rejestracji i logowania, dzięki którym aplikacja stanie się bardziej kompletna. Następnie przejdziesz przez proces wdrożenia, aby gotowy projekt był dostępny publicznie w internecie. Zrozumiesz, jakie kroki prowadzą od uruchomienia lokalnego do udostępnienia rozwiązania użytkownikom. Otrzymasz dostęp do gotowych aplikacji, które możesz modyfikować i porównywać z własnym kodem, co ułatwi naukę i utrwalenie materiału.