Jak to działa?

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. Zespół programistów
Aplikacja StartAPPa przetwarza dane o Itemach, które potocznie nazwaliśmy AppaItems :). Składa się ona z 8 współpracujących ze sobą modułów, które przedstawiają najpopularniejsze komponenty używane przy budowie aplikacji. Każdy z nich możesz niezależnie pobrać i używać. W trakcie pobierania moduł jest przekształcany w aplikację webową, którą uruchomisz na swoim komputerze. W tym celu musisz mieć zainstalowaną Javę w wersji co najmniej 8 oraz Mavena (zajrzyj do instrukcji dostępnej na stronie Starter REST).
Pobrana aplikacja zawiera ten sam kod, który działa również w danym module w pełnej aplikacji online. Możesz więc - zanim dokonasz zakupu - zobaczyć jak dany moduł działa w prawdziwej aplikacji webowej :)

Każda pobrana przez Ciebie paczka zawiera 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.
Teraz, po tym jak poznałeś wszystkie podstawowe informacje, zapraszamy Cię na strony kursu:
  • Starter REST (darmowy)

    Tutaj dowiesz się jak wyglądają podstawowe założenia budowy nowoczesnych aplikacji w oparciu o REST.
  • 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.
Jeśli nadal nie wszystko jest dla Ciebie jasne i chciałbyś wiedzieć więcej o idei kursu, zachęcamy do zapoznania się z bardziej szczegółowymi informacjami zamieszczonymi w kolejnym paragrafie.

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.

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.

Startujemy!

W celu uruchomienia naszej aplikacji wystarczy kliknąć w 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.
Logowanie&Reset - Zdjęcie

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)

Tabela Podstawowa - Zdjęcie

  • 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...)

Jak to działa - Zdjęcie
  • 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.
Jak to działa - Kolejne zdjęcie

Krok 4 - Uruchomienie

Spring Boot
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ć.

Krok 5 - Nauka

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.
Logowanie&Reset - Tutorial
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.
Logowanie&Reset - Zdjęcie
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.

Logowanie&Reset - Kurs
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.
Logowanie&Reset - Fragment kursu


Logowanie&Reset - Przykład kursu Logowanie&Reset - Przykład tutoriala
Pamiętaj!
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.
Logowanie&Reset - Kod

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!

Podsumowanie

Dołożyliśmy wszelkich starań aby przedstawione rozwiązania były jasne, klarowne i skuteczne w swoim przekazie, aby z jednej strony były wystarczająco merytoryczne, a z drugiej żeby nie zniechęcały przez nadmiar detali. Natomiast jeśli chcecie się wyspecjalizować w jednej z ujętych przez nas technologii to jesteśmy przekonani, że projekt StartAPPa będzie doskonałą bazą do Waszego dalszego rozwoju.

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:
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 .