Kurs Aplikacji Web - Mega pakiet

Appa Notka. Uwaga!!! Kurs został zaktualizowany i jest obowiązujący w 2023 r. Została podniesiona wersja Spring Boot-a. Obecnie obowiązuje Spring Framework 6.0 oraz Spring Boot 3.0.1. Wersja ze Spring 5 oraz Spring Boot 2.6.3 nadal jest dostępna w pobieranej paczce.

Lista ważniejszych zmian

Wersja Spring Boot została podniesiona w pom.xml do 3.0.1, co od razu podnosi Spring Framework do wersji 6.
Wszystkie nazwy javax w ścieżkach pakietów zostały zamienione na jakarta zgodnie z artykułem
Spring Framework 6 - Pierwszy raport!
Metoda authorizeRequests została zamieniona na authorizeHttpRequests w SecurityConfig
Metoda antMatchers została zamieniona na requestMatchers w SecurityConfig
Projekt został zaktualizowany o zmiany opisane w artykule Spring Security po nowemu!

Powyższe zmiany wymagają ponownego ściągnięcia paczki z kodem.

Tworzenie nowoczesnych aplikacji opiera się na budowie frontendu (działa po stronie przeglądarki) oraz backendu (działa po stronie serwera). Osoba, która posiada obie te umiejętności, jest fullstack deweloperem. To, co jest warte podkreślenia, to fakt, że nasz kurs jest dedykowany zarówno backend, jak i fullstack deweloperom. Nawet jeśli nie przepadzasz za frontendem, to i tak musisz wiedzieć, jak wygląda budowa aplikacji od strony frontendu, ponieważ to on będzie wysyłał i odbierał dane od Twojego backendu. Musisz wiedzieć, w jakiej formie dostaniesz te dane oraz jak działa aplikacja jako całość. Bez tej wiedzy ciężko Ci będzie nauczyć się programowania tak, aby było to efektywne w pracy (lub w przyszłej pracy, jeśli jeszcze nie pracujesz).

Nasz Mega pakiet składa się z dwóch części. Pierwsza z nich zbuduje Twoją bazę teoretyczną o Springu i Hibernate. Druga część poprowadzi Cię krok po kroku przez implementację kodu całej aplikacji. Podczas analizy kodu spotkasz również drogowskazy kierujące Cię do odpowiedniego miejsca we wspomnianej bazie teoretycznej. Dzięki temu nie musisz szukać dodatkowych wyjaśnień w internecie. Projekt z tego kursu ściągniesz z naszego serwera oraz uruchomisz na swoim komputerze. Więcej przeczytasz w rozdziale - O aplikacji z nowym frontendem.

Appa Notka. Wykupując dostęp do tego kursu, uzyskujesz wejście do wszystkich materiałów Spring i Hibernate w naszym portalu, dostajesz kod aplikacji oraz zdobywasz kompleksową wiedzę w programowaniu aplikacji webowych. Dzięki temu nabierzesz i rozwiniesz umiejętności pozwalające na pracę w topowych firmach na rynku.

Wymagania wstępne do tego kursu

Dobrze opanowana Java, również w wesji 8. Polecamy nasze kursy Java:
- Kurs Java (darmowy)
- Kurs Java 8 do 14 (częściowo płatny)
Maven - co najmniej podstawowa wiedza o Mavenie. Polecamy nasz darmowy starter Mavena:
- Maven - Instalacja
- Maven - Pierwsze kroki
Jeśli interesuje Cię frontendowa część tego kursu, to warto abyś znał(a) podstawy HTML-a i JS.
Natomiast do nauczenia się rozwiązań backendowych nie jest to konieczne.

Informacja dla początkujących w Javie

Powyższa wiedza, czyli Java plus podstawy Mavena (instalacja, umiejętność budowania projektu plus ogólna znajomość pom.xml) jest bazą do tego, aby uczyć się programowania aplikacji webowych. To jest tak jak z językiem polskim. Jeśli chcesz pisać opowiadania musisz najpierw nauczyć się słów i gramatyki. Dopiero wtedy zaczynasz składać zdania, z których w końcu zbudujesz dobre opowiadanie.

Nie oznacza to oczywiście, że teraz czeka Cię kilka lat pracy, zanim zaczniesz uczyć się z tworzenia aplikacji webowych. Wszystko zależy od Twojego wieku, naturalnych predyspozycji do programowania oraz jakości kursów, z których korzystasz. U każdego wygląda to inaczej. Zdarza się, że ktoś już po 2-3 miesiącach swojej przygody z Javą jest gotowy do rozpoczęcia nauki zagadnień, które poruszamy w tym kursie, ale równie dobrze komuś innemu może zająć to na przykład rok. Nie ma to jednego szablonu. Jeśli ktoś twierdzi inaczej, to najzwyczajniej w świecie uprawia dobry marketing.

Appa Notka. Zachęcamy do obejrzenia poniższego filmu. Zanim jednak to zrobisz, mamy dla Ciebie drobną uwagę. Film został nagrany, gdy kurs z aplikacją posiadał tylko frontend w wersji AngularJS. Wraz z wersją Angular 12 aplikacja zyskała nową szatę graficzną (w porównaniu z tą na filmie). Wszystkiego dowiesz się, przeglądając spis treści Kurs Aplikacji Web - Implementacja aplikacji webowej (Frontend Angular 12), który znajdziesz w dalszej części tej strony.

Zaczynamy...

Kurs Aplikacji Web - Baza teoretyczna

Appa Notka. Baza teoretyczna jest jedynie wstępem do zasadniczej części kursu, która znajduje się nieco niżej i która na samym początku zawiera film pokazujący działanie aplikacji.

1. Spring Fundamenty
Doskonały kurs na start, w którym tak dobraliśmy materiał, aby nauczyć Cię poprawnego zrozumienia i wykorzystania najważniejszych elementów platformy Spring, na czele z kontenerem Spring i wstrzykiwaniem zależności. Dowiesz sie czym się różni projekt bez Springa od projektu ze Springiem. Wszystko uzupełnione o dodatkowy projekt z kodem omawianym podczas kursu.
Pamiętaj. Osobno materiały te są płatne, ale wykupując Mega pakiet, masz je już wliczone w cenę pakietu.
2. Spring Boot
Ta część kursu zawiera wszystkie informacje wymagane do tego by jeszcze lepiej zrozumieć i wykorzystać potencjał Spring Boot-a. Materiał ten jest darmowy w naszym portalu, ale znajduje się na tej liście, ponieważ w tym miejscu kursu musisz skupić się na na zrozumieniu jak działa Spring Boot. To bardzo ważny fragment całości. Zobaczysz tutaj raz jeszcze, jak wygląda struktura projektu Spring Boot oraz jak użyć go z Mavenem. Dowiesz się jak skonfigurować aplikację za pomocą pliku app.properties.
3. Spring Framework
W tej części kursu przedstawiamy rozwiązania typowe w budowie aplikacji webowych, na czele ze Spring MVC. Dokładne zrozumienie tych zagadnień jest szalenie ważne przed rozpoczęciem kursu budowy aplikacji web. Co więcej, ten etap też jest darmowy. Dowiesz się tutaj, jak budować kontrolery odbierające dane przychodzące z przeglądarki.
4. Spring Data JPA
Dzięki temu materiałowi przygotujesz się do tego, w jaki sposób aplikacja webowa zapisuje, odczytuje i modyfikuje dane w bazie danych. Właśnie do tego wykorzystywane jest Spring Data JPA i framework Hibernate. To już ostatni w pełni darmowy fragment w kursie.
5. Hibernate w Springu
Ten materiał to świetne rozwiązanie do nauki Hibernate'a w Springu. Otrzymujesz projekt, który jest nastawiony na wyjaśnienie wszystkich rozwiązań Hibernate'a regularnie używanych w trakcie budowy aplikacji webowych.
Pamiętaj. Osobno materiały Hibernate są płatne, ale wykupując Mega pakiet, masz je już wliczone w cenę pakietu.

Appa Notka. Powyższe materiały stanowią bazę do właściwego kursu tworzenia aplikacji webowych. W kursie implementujemy aplikację, począwszy od rejestracji użytkownika i logowania, przez tworzenie, edycję i usuwanie danych, aż po różne formy prezentacji, w tym tabele i wykresy. W trakcie tej części kursu nie tylko pokazujemy implementację krok po kroku, ale w kluczowych momentach wskazujemy również miejsca, do których należy się udać w naszych kursach Spring i Hibernate (1-5), aby poznać szerszy kontekst omawianego rozwiązania. Drogowskazy bardzo precyzyjnie kierują Cię do tego miejsca. Wychodzisz od działającego kodu aplikacji, który masz pod ręką, a gdy czegoś nie rozumiesz, od razu doładowujesz teorię. Nauka staje się przyjemną wędrówką po mapie wiedzy.

Kurs Aplikacji Web - Implementacja aplikacji webowej

Frontend Angular 13

Obejrzyj nowy film aplikacji opartej na Spring Framework 6, Spring Boot 3. Ta wersja aplikacji obowiązuje w 2023 roku.

1. Startujemy!
Poznaj aktualną zawartość swojego Mega Pakietu. Nowa wersja frontendu już dostępna. Znajduje się w osobnym, dedykowanym pakiecie o nazwie AplikacjaWebowaStartAPPaWersjaAngular.
2. Wprowadzenie do Angulara
Koniecznie zajrzyj do tego rozdziału. Tworzenie frontendu w Angular różni się od AngularJS. Szczególnie jeśli do tej pory nie programowałe(a)ś w Angularze 2+, musisz zachować czujność i poznać najpierw wszystkie tajniki tworzenia frontendu nowej jakości.
3. O aplikacji z nowym frontendem
W tym miejscu dowiesz się, co zmieniło się w naszej aplikacji od pierwszej wersji oraz zobaczysz na zdjęciach, jak dokładnie wygląda wersja z nowym frontendem Angular.

W tym rozdziale zobaczysz zdjęcia wszystkich widoków aplikacji. Natomiast poniższy film prezentuje funkcjonalność aplikacji ze starym interfejsem graficznym. Funkcjonalność frontendu nowej wersji jest nadal taka sama jak starej (o czym przekonasz się oglądając zdjecia zamieszczone w rozdziale).
4. Nowy frontend Angular
Poznaj rozwiązania, których użyliśmy do stworzenia frontendu aplikacji. Poza Angularem 12 zastosowaliśmy także inne popularne rozwiązania stosowane na co dzień w pracy przez deweloperów na całym świecie. W tym rozdziale dowiesz się jak łatwo zmienić paletę barw aplikacji, tak aby kolorystyka była zgodna z Twoimi preferencjami.
5. Uruchomienie frontendu i backendu
W tym rozdziale pokazujemy jak rozpocząć pracę z projektem. Zaznajomisz się tutaj ze strukturą podziału katalogu z głównym projektem oraz przejdziesz drogę od rozpakowania projektu do uruchomienia go w IDE.
6. To musisz wiedzieć (ważne)
Koniecznie przeczytaj ten rozdział. Zdobędziesz tutaj wiele dodatkowych informacji na temat aplikacji i tego kursu.
7. Starter projektu
Pod każdą aplikacją zawsze kryje się projekt. W tym rozdziale dowiesz się, jak wygląda projekt aplikacji w kursie, czyli poznasz na przykład podział klas i pakietów oraz zapoznasz się ze wstępnymi pojęciami, takimi jak domena w projekcie.
8. Rejestracja użytkownika i zarządzanie kontem
Pierwszy rozdział właściwej części kursu to zarazem wstęp do projektu aplikacji, jak i przygotowanie do implementacji kodu. Zaczynamy od rejestracji użytkownika oraz zakładki Moje konto z edycją danych.
9. Rejestracja użytkownika i zarządzanie kontem - Implementacja krok po kroku
Implementacja kodu.
10. Logowanie do aplikacji webowej z konfiguracją CORS, CSRF i X-Frame
Przygotowanie do implementacji logowania w systemie przez zarejestrowanego użytkownika z możliwością zmiany hasła (łącznie z potwierdzeniem mailowym!).
11. Logowanie do aplikacji webowej - Implementacja krok po kroku
Implementacji kodu.
12. Dodawanie i edycja danych
Przygotowanie do implementacji dodawania i edycji różnego rodzaju danych w aplikacji. Zaawansowany formularz z możliwością przesyłania zdjęć, listami pojedynczego i wielokrotnego wyboru oraz wiele innych popularnych komponentów do wprowadzania danych.
13. Dodawanie i edycja danych - Implementacja krok po kroku
Implementacja kodu.
14. Przeglądanie i usuwanie danych
Przygotowanie do implementacji komponentu do przeglądania danych strona po stronie. Tekstowe filtrowanie oraz eksport do popularnych formatów plików. Możliwość łatwego usuwania zapisanych wcześniej danych.
15. Przeglądanie i usuwanie danych - Implementacja krok po kroku
Implementacja kodu.
16. Prezentacja danych na wykresach
Przygotowanie do implementacji kliku różnych rodzajów wykresów, prezentujących statystyki na temat danych zapisanych w aplikacji.
17. Prezentacja danych na wykresach - Implementacja krok po kroku
Implementacja kodu.

Kurs Aplikacji Web - Mega pakiet jest dedykowany osobom zaprogramowanym na Javę, ale jeśli jesteś zainteresowany(a) budową frontendu to Kurs Angular jest świetnym miejscem, aby dowiedzieć się jak tworzyć formularze, tabele i wiele innych komponentów, które wykorzystasz w swojej karierze fullstack dewelopera.

Pamiętaj jednak, że naszą aplikację webową tłumaczymy krok po kroku od frontendu bo backend, a podstawowe zasady budowy aplikacji webowych czy to w Angular 12, czy to w starym Angular JS, nie różnią się z punktu widzenia aplikacji jako całości. Frameworków jest nawet więcej (na przykład React, Vue), więc i tak jako Javowiec z zacięciem frontendowym musisz nauczyć się jednego z nich, aby zrozumieć zasady działania i współpracy między klientem a serwerem, wymianą danych i ich przetwarzaniem. Zasad i dobrych praktyk jest tu naprawdę dużo, a taka wiedza jest kluczowa w trakcie programowania aplikacji webowych.

Appa Notka. Czy nasz kurs jest alternatywą dla płatnych kursów na platformach kursowych? Zdecydowanie nie. To coś więcej. To unikalny projekt polegający na przedstawieniu krok po kroku kodu stworzonej aplikacji webowej wraz z drogowskazami do miejsc, w których rozbudujesz swoją wiedzę teoretyczną na temat danego zagadnienia. Kurs jest mapą wiedzy, dzięki której nie tylko poznajesz kolejne etapy działania kodu, ale i zaczynasz rozumieć szerszą perspektywę tworzenia całej aplikacji.

Kupując kurs już teraz, otrzymujesz od nas szereg benefitów:

Wykupujesz kurs bezterminowo, więc nie musisz się martwić, że odbierzemy Ci dostęp po roku.
Masz zapewnione darmowe aktualizacje, zarówno treści kursowych, jak i kodu.
Pracujemy nad tym, aby uatrakcyjnić ten kurs materiałem video. Wykupując kurs już teraz, w momencie dodania filmów, nie zapłacisz ani grosza więcej.

Dołącz do grupy, w której znajdziesz ciekawe posty oraz poznasz odpowiedzi na swoje pytania!

Grupa Portalu Javappa

Regularnie publikowane posty dotyczące Springa i Hibernate'a
Możliwość zadawania pytań osobom tworzącym społeczność budowaną wokół tych samych zainteresowań
Bezpośredni kontakt z autorem portalu i kursów Javappa!
Wymiana doświadczeń między członkami grupy
Przyjazna atmosfera w zamkniętej grupie

Pamiętaj też, że możesz do nas napisać przed zakupem na Messengerze na Facebooku, jeśli masz wątpliwości, czy ten kurs jest dla Ciebie.

Pojawiły się pierwsze materiały video!

Starter projektu
Budowanie projektu i pierwsze uruchomienie
Uruchomienie frontendu i backendu (WebStorm, IntelliJ)

Bonus! Tylko teraz do pakietu dołączana jest za darmo 6-miesięczna licencja

JetBrains na IntelliJ IDEA Ultimate lub WebStorm

Liczba licencji jest ograniczona.

{{ webappPackageMaterialsBasePrice }} zł -{{ webappPackageMaterialsSalePercent }} %

Promocja specjalna obowiązuje tylko do 31 marca!

Pamiętaj, że po zakupie nie zostajesz sam ze swoimi pytaniami. Dołącz do naszej prywatnej grupy na facebooku i pytaj! Nie chcesz nic kupować? Nic nie szkodzi. Także dołącz do grupy i...czytaj, zadawaj pytania, rozwijaj się!

Trwa przygotowywanie Twojej paczki...

Kupuję i akceptuję Regulamin zakupów

Wyrażam zgodę na dostarczenie treści cyfrowych przed upływem terminu do odstąpienia od umowy oraz oświadczam, że zostałem poinformowany o utracie przysługującego mi prawa odstąpienia od umowy zgodnie z Regulaminem Serwisu Internetowego javappa.com.

Kurs jest na bieżąco rozszerzany i aktualizowany, dlatego cena kursu może ulec zmianie.
Kupując dziś, gwarantujesz sobie wszystkie nowości w kursie całkowicie za darmo i dożywotnio
(nie dotyczy licencji do narzędzi firm zewnętrznych, które są dodawane w postaci bonusów).

Kurs jest na bieżąco rozszerzany i aktualizowany, dlatego cena kursu może ulec zmianie. Kupując dziś, gwarantujesz sobie wszystkie nowości w kursie całkowicie za darmo (dożywotnio).

Opinie kursantów (33 opinie)

328 kursantów

Recenzje kursu

Odpowiedź: Aplikacja zawiera kod w Angularze 13 i kluczowe elementy związane z frontendem są przedstawione, niemniej materiały w kursie skupiają się głównie na komunikacji z backendem w Javie wraz ze szczegółowym opisem zastosowanych rozwiązań z użyciem Spring i Hibernate.

Przykładowy fragment kursu:

Lista najnowszych rozszerzeń i aktualizacji

04/03/2023 - [Wersja Angular 12+] Wdrożenie pierwszych materiałów video
29/12/2022 - [Wersja Angular 12+] Aktualizacja treści oraz wdrożenie Spring Boot 3.0.1
24/01/2022 - [Wersja Angular 12+] Aktualizacja treści oraz wdrożenie Spring Boot 2.6.3
31/07/2021 - [Wersja Angular 12+] Dodanie treści kursowej "Prezentacja danych na wykresach"
22/07/2021 - [Wersja Angular 12+] Dodanie treści kursowej "Przeglądanie i usuwanie danych"
07/07/2021 - [Wersja Angular 12+] Dodanie treści kursowej "Dodawanie i edycja danych"
26/06/2021 - [Wersja Angular 12+] Dodanie treści kursowej "Logowanie do aplikacji webowej"
10/06/2021 - [Wersja Angular 12+] Dodanie treści kursowej "Rejestracja użytkownika i zarządzanie kontem"
30/05/2021 - Udostępnienie nowego frontendu głównej aplikacji webowej w Angular 12
10/12/2020 - Dodanie mini aplikacji do nauki Spring Security (security-app)
10/12/2020 - Spring Security - Autentykacja i autoryzacja
10/12/2020 - Spring Security - Zabezpieczenie przed CSRF
04/12/2020 - Opracowanie pytań do rozmowy kwalifikacyjnej ze Springa

Archiwalna wersja kursu z frontendem w AngularJS:

Kurs Aplikacji Web - Implementacja aplikacji webowej

Frontend AngularJS

1. O aplikacji
Miejsce, od którego musisz zacząć swoją podróż. Dowiesz się tutaj co zmieniło się w naszej aplikacji od pierwszej wersji oraz zobaczysz na zdjęciach, jak dokładnie wygląda nowa wersja.
2. Import aplikacji do IDE
Przezorny zawsze ubezpieczony, więc na wszelki wypadek dodaliśmy instrukcję, jak zaimportować projekt aplikacji do IDE Eclipse (STS) oraz IntelliJ. Znajdziesz ją właśnie w tym rozdziale.
3. To musisz wiedzieć (ważne)
Koniecznie przeczytaj ten rozdział. Zdobędziesz tutaj wiele dodatkowych informacji na temat aplikacji i tego kursu.
4. Starter projektu
Pod każdą aplikacją zawsze kryje się projekt. W tym rozdziale dowiesz się, jak wygląda projekt aplikacji w kursie, czyli poznasz na przykład podział klas i pakietów oraz zapoznasz się ze wstępnymi pojęciami, takimi jak domena w projekcie.
5. Rejestracja użytkownika i zarządzanie kontem
Pierwszy rozdział właściwej części kursu to zarazem wstęp do projektu aplikacji, jak i przygotowanie do implementacji kodu. Zaczynamy od rejestracji użytkownika oraz zakładki Moje konto z edycją danych i zmianą roli w systemie.
6. Rejestracja użytkownika i zarządzanie kontem - Implementacja krok po kroku
Implementacja kodu.
7. Logowanie do aplikacji webowej z konfiguracją CORS, CSRF i X-Frame
Przygotowanie do implementacji logowania w systemie przez zarejestrowanego użytkownika z możliwością zmiany hasła (łącznie z potwierdzeniem mailowym!).
8. Logowanie do aplikacji webowej - Implementacja krok po kroku
Implementacji kodu.
9. Dodawanie i edycja danych
Przygotowanie do implementacji dodawania i edycji różnego rodzaju danych w aplikacji. Zaawansowany formularz z możliwością przesyłania zdjęć, listami pojedynczego i wielokrotnego wyboru oraz wiele innych popularnych komponentów do wprowadzania danych.
10. Dodawanie i edycja danych - Implementacja krok po kroku
Implementacja kodu.
11. Przeglądanie i usuwanie danych
Przygotowanie do implementacji komponentu do przeglądania danych strona po stronie. Tekstowe filtrowanie oraz eksport do popularnych formatów plików. Możliwość łatwego usuwania zapisanych wcześniej danych.
12. Przeglądanie i usuwanie danych - Implementacja krok po kroku
Implementacja kodu.
13. Prezentacja danych na wykresach
Przygotowanie do implementacji kliku różnych rodzajów wykresów, prezentujących statystyki na temat danych zapisanych w aplikacji.
14. Prezentacja danych na wykresach - Implementacja krok po kroku
Implementacja kodu.
X. Kurs AngularJS

Zapisz się do newslettera :

Stale się rozwijamy, a więc bądź na bieżąco!
Na ten adres będziemy przesyłać informacje o ważniejszych aktualizacjach, a także o nowych materiałach pojawiających się na stronie.

Polub nas na Facebooku:

Nasi partnerzy:

stackshare

Javappa to również profesjonalne usługi programistyczne oparte o technologie JAVA. Jeśli chesz nawiązać z nami kontakt w celu uzyskania doradztwa bądź stworzenia aplikacji webowej powinieneś poznać nasze doświadczenia.
Kliknij O nas .

Starter Jak to działa Aplikacja

Obserwuj nas Polityka Cookies Regulamin Licencja Ochrona prywatności

Pozycjonowanie stron: Grupa TENSE