Kurs Aplikacji Web to nasz produkt
PREMIUM i został stworzony, aby ułatwić życie wszystkim, którzy poszukują gotowych rozwiązań
w nauce i pracy. Zgromadzony materiał zawiera zadania, z jakimi
na co dzień spotykają się programiści i powstał na bazie kilkudziesięciu projektów, które wykonaliśmy w trakcie naszej kariery zawodowej.
Po tych wszystkich latach jesteśmy przekonani, że nie warto wymyślać koła od nowa i najlepiej jest wzorować się na sprawdzonych rozwiązaniach.
Dlatego też przygotowaliśmy dla Ciebie
aplikację online, która powstała na wzór aplikacji tworzonych przez programistów w firmach informatycznych.
Projekt nazwaliśmy StartAPPa, ponieważ na takich projektach najpierw się buduje, a potem rozwija, profesjonalna kariera programisty.
Appa Notka.
Na bazie aplikacji StartAPPa powstał nasz nowy Kurs Aplikacji Web.
Od teraz udostępniamy do ściągnięcia pełną aplikację webową wraz z
niezwykłym kursem stworzonym na bazie gotowego kodu tej aplikacji. Uczysz się implementacji krok po kroku,
a ustawione w odpowiednich miejscach drogowskazy wskazują Ci drogę do naszych źródeł wiedzy, w których uzupełniasz wymaganą teorię.
Polub i subskrybuj na YT! Już niedługo nowe filmy na kanale.
Pobrana aplikacja zawiera kod, który działa również w naszej aplikacji online.
Możesz więc - zanim dokonasz zakupu - poklikać i zobaczyć jak to wszystko funkcjonuje w prawdziwej aplikacji webowej :)
Jak dokładnie wygląda aplikacja pobrana razem z kursem? Aplikacja ma nieco zmienioną szatę graficzną (w porównaniu do tej dostępnej online) i prezentuje się tak:
Jeśli chcesz obejrzeć film w większym oknie, kliknij w "Watch on youtube".
Uwaga. Poprzednia wersja kursu umożliwiała pobranie tylko pojedynczych modułów aplikacji webowej (lista poniżej),
a treść kursu udostępniana była za pomocą pdf-ów.
Nowa wersja kursu przedstawiona w naszej Appa Notce (powyżej) zawiera wszystko razem (poza importerem xls i csv) i jest pełną aplikacją webową z rejestracją użytkownika i logowaniem.
Pełna aplikacja to ogromny kurs składający się z połączonych kursów: Spring, Hibernate i zasadniczego Kursu tworzenia aplikacji webowej. Całość kursu tworzy więc jeden mega pakiet, którego treści są dostępne w całości online (kod oczywiście ściągasz na swój komputer).
W przypadku, gdy chcesz (tak jak dawniej) zakupić tylko pojedynczy moduł aplikacji webowej, nadal możesz to zrobić. Otrzymujesz wtedy paczkę zawierającą specjalnie przygotowany tutorial, który prowadzi Cię krok po kroku przez kod i wyjaśnia jego działanie.
Możesz ten kod dowolnie zmieniać i sprawdzać jak się zachowa po Twoich zmianach. Lista dostępnych modułów:
- Formularz
Podstawowy
Poznasz sposoby na tworzenie podstawowych formularzy, używając kilku podstawowych komponentów.
- Formularz
Zaawansowany
Dowiesz się jak tworzyć zaawansowane formularze przy pomocy wszystkich najpopularniejszych komponentów.
-
Tabela
Podstawowa
Zobaczysz jak stworzyć prostą tabelę, która przechowuje wszystkie dane po stronie przeglądarki.
-
Tabela
Zaawansowana
Dowiesz się tworzyć zaawansowaną oraz bardzo wydajną tabelę, która każdą stronę z danymi pobiera osobno z serwera.
-
Wykres Danych
Poznasz kilka sposobów na tworzenie kolorowych wykresów danych, za pomocą dwóch różnych bibliotek.
-
Importer CSV
Zobaczysz jak można zbudować rozwinięty importer danych z plików CSV.
-
Importer XLS
Tutaj zobaczysz jak można zbudować rozwinięty importer danych z plików XLS/XLSX.
-
Login & Reset
Dowiesz się jak stworzyć cały proces logowania użytkownika w aplikacji, wraz z możliwością resetowania hasła.
Aplikacja StartAPPa
StartAPPa to zbiór gotowych modułów składających się w jedną całość w postaci pełnej aplikacji
webowej. Każdy moduł jest dostępny do ściągnięcia w postaci zip-a zawierającego
projekt z kodem Java opartym o Spring Boot
(uruchamialna aplikacja dzięki wbudowanemu serwerowi Tomcat). Dodatkowo zawiera on również
specjalnie przygotowany tutorial PDF, który krok po kroku uczy jak działają i co robią poszczególne
fragmenty kodu. Nie potrzebujesz instalować ani konfigurować bazy danych. Moduły uruchamiają się w
oparciu o wbudowaną bazę H2.
Pamiętaj, że o ile poprzednia wersja kursu umożliwała ściągnięcie pojedynczych modułów, o tyle
nowa wersja kursu aplikacji webowej pozwala Ci na ściągnięcie całej aplikacji webowej!
W systemach informatycznych, poza dodatkową, często skomplikowaną logiką biznesową, zawsze istnieje
motyw przewodni (obiekt który jest zarządzany, przechowywany). Następnie występuje N-obiektów
powiązanych poprzez kategorie, atrybuty, dodatkowe parametry. W takiej aplikacji występują również
użytkownicy, role. Istnieją operacje logowania, dodawania, usuwania, modyfikacji danych (CRUD).
Wszystkie te elementy zwykle zamykane są w modułach, tworzących jedną aplikację.
Motywem przewodnim aplikacji StartAPPa jest zarządzanie i przechowywanie wymyślonego obiektu
AppaItem
. Dzieli się on na kategorie, posiada atrybuty, występuje pod postacią określonego typu, posiada
statusy itd. Przechowywanie w bazie opiera się na relacjach typu jeden do jednego, jeden do wielu
oraz wiele do wiele.
Obiektem
AppaItem
w Twojej aplikacji może być równie dobrze dowolny, inny obiekt domenowy (modelowy). Jeśli
potrzebujesz zarządzać zdarzeniami takim odpowiednikiem będzie pewnie obiekt
Event
, jeśli piszesz soft odpowiedzialny za przetwarzanie danych przemysłowych może to być obiekt
DataSample
. Wszystkie tego typu obiekty będą centralną częścią aplikacji, wokół której będą tworzone inne
struktury i algorytmy.
Aplikacja online
W celu uruchomienia naszej aplikacji wystarczy kliknąć link
Aplikacja
, a następnie postępować według kroków załączonych poniżej.
Krok 1 - Logowanie
Logujesz się do aplikacji. Nie musisz podawać żadnego użytkownika i hasła.
Nasz system automatycznie wygeneruje dla Ciebie wirtualnego użytkownika. Od momentu zalogowania
będziesz mógł przez max. 60 minut wprowadzać zmiany w aplikacji i ją testować. Po tym czasie
dane zostaną przywrócone do stanu początkowego. Oczywiście w dowolnym momencie możesz wracać do
aplikacji używając nowo wygenerowanych danych.
Krok 2 - Wybór modułu
Aplikacja składa się z modułów, które na naszej stronie działają w ramach jednego, w pełni
funkcjonalnego systemu informatycznego, dzięki któremu możesz zobaczyć jak każdy moduł działa w
realnych warunkach. Wybierasz zatem moduł, który Cię interesuje, np:
- Logowanie z resetowaniem hasła (wraz z wysyłaniem maili do użytkownika)
- Tabelka podstawowa ze stronicowaniem, filtrowaniem działającymi po stronie
interfejsu użytkownika
- Tabelka zaawansowana ze stronicowaniem, filtrowaniem i usuwaniem danych (operacje
wykonywane po stronie serwera)
- Formularz podstawowy, walidujący i zapisujący dane użytkownika wraz ze zmianą hasła
- Formularz zaawansowany zapisujący i walidujący dane definiowane za pomocą różnych
komponentów (checkboxy, listy wielokrotnego wyboru - multiselect, radio buttony,
obrazki, komponenty dat i inne...)
- Wykresy danych statystycznych (kołowe, słupkowe, liniowe)
- Importery plików xls i csv
Krok 3 - Pobieranie
Naciskasz ikonę download-u
aby przejść do strony z opcją pobrania całego modułu. Pamiętaj, że dzięki Spring Boot moduł
będzie w pełni uruchamialny na Twoim komputerze jako niezależna aplikacja. Musisz jednak
najpierw zainstalować Javę w wersji co najmniej 8 oraz posiadać zdefinowaną ścieżkę do Mavena.
Rozpakowujesz pobranego zip-a i uruchamiasz aplikację za pomocą skryptu
runIt.bat
lub
runIt.sh
. Możesz też od razu zaimportować kod do swojego IDE jako Maven project i korzystając z
dołączonego tutoriala poznawać go i dowolnie zmieniać.
Przeglądając gotowy kod i analizując jak został napisany, uczysz się sposobu
wykonania dzięki dołączonemu tutorialowi PDF, gdzie krok po kroku wyjaśniony jest cały proces.
Najpierw zapoznajesz się ze wstępem i krótkim opisem zagadnienia.
Następnie poznajesz podstawy takie jak np. informacje o walidacji wykonywanej po
stronie frontendu. Używamy tutaj mechanizmów informujących użytkownika o błędach przy pomocy
tooltipa oraz innych usprawnień w zależności od rodzaju zagadnienia.
Kolejno poznajesz podstawy istotne przy tworzeniu kodu w backendzie, takie jak
np. walidacja wykonywana za pomocą własnej adnotacji. Zwykle jest to tylko jeden z rodzajów
walidacji opisywany na stronach naszych tutoriali. Używamy tutaj też przykładowo walidacji
wbudowanej za pomocą mechanizmu Hibernate'a - validation-api.
Jednak naszą
"specjalnością zakładu"
jest dokładnie opracowany model pokazujący przepływ danych w kolejnych krokach wraz z opisami i
dołączoną tabelką z fragmentami kodu. Kroków zwykle jest 10-12 w zależności od stopnia
skomplikowania całego procesu. Zawsze przedstawione są kolejno występujące po sobie operacje od
momentu wejścia czyli pliku HTML, przez wysłanie żądania HTTP, przetworzenie danych w warstwie
kontrolera i serwisu oraz zapisu lub odczytu w bazie, aż do momentu powrotu odpowiedzi do punktu
rozpoczęcia procesu.
Cały czas masz pod ręką cały kod pobranego modułu, co
umożliwia Ci wprowadzenie swoich zmian i analizowanie tego jak one wpłynęły na funkcjonalność
modułu. Tak właśnie realizujemy nasze motto "Nauka przez praktykę", które przyświecało nam od
początku tworzenia tego kursu.
Technologie
Dlaczego Spring, Angular i Bootstrap? Rozwiązania te
są obecnie najbardziej popularne w nowych aplikacjach Java. Dlaczego Angular w wersji pierwszej?
Dlatego, że z jednej strony trzeba od czegoś zacząć (rozważamy wprowadzenie kolejnych wersji, ale to
będzie zależało od wyników ankiety, którą zamieścimy niebawem), a z drugiej, z naszych obserwacji
wynika, że w wielu firmach dopiero co przekonano się do AngularJS, przechodząc na niego z jeszcze niedawno
szalenie popularnego jQuery. Jest wiele firm, które nie mogą, nie chcą, bądź nie są w stanie zmienić
technologii tak szybko, a przecież one szukają do pracy i zatrudniają również wielu mniej
doświadczonych, czy wręcz początkujących programistów. Pamiętajmy o tym!
Instrukcja uruchomienia i obsługi
Każdy moduł Kursu Aplikacji Web zawiera tutorial wraz z kodem, które razem są spakowane do pliku zip. Po pobraniu tak
przygotowanej paczki wystarczy uruchomić skrypt
runIt.bat
(windows) lub
runIt.sh
(linux). Wtedy moduł uruchomi się w postaci niezależnie działającej aplikacji webowej, do której
dostęp można uzyskać z poziomu przeglądarki pod adresem
http://localhost:8080. Aby wszystko poszło zgodnie z planem prosimy o zapoznanie się najpierw z instrukcją:
To już wszystko co chcieliśmy dla Was przygotować w
ramach tego rozdziału. Gorąco zapraszamy do korzystania z naszej aplikacji oraz do pobierania
tutoriali dedykowanych zagadnieniom, dzięki którym nauczycie się programować profesjonalne aplikacje
webowe.