Kurs AngularJS w praktyce

Tu jesteś
Java - Mapa kariery Tu jesteś 11 Javascript 12 Typescript 13 AngularJS / Angular
AngularJS i Angular są bardzo popularne,
ale warto też pamiętać o innych
rozwiązaniach, których możemy tu użyć,
jak na przykład React czy Vue.
14 Aplikacja Webowa / Mikroserwisy
[FULLSTACK]
StartAPPa
Thymeleaf / JSP + JSTL
Te rozwiązania pozwalają na układanie
fragmentów HTML-a po stronie serwera.
Wspierają takie zagadnienia jak
iteracyjne generowanie wielu elementów
widoku oraz potrafią współpracować
ze Spring MVC, przez co są ciekawą
alternatywą dla frontendu odseparowanego
od Springa i działającego po stronie
przeglądarki (tak jak w Angularze)
Co ciekawe Thymeleaf można stosować
również razem z Angularem czy Reactem.
jQuery
Przystanek Fullstack
Zanim pojawił się Typescript i AngularJS,
programowanie kodu działającego po
stronie przeglądarki wykonywane było
najczęściej za pomocą jQuery.
Obecnie jQuery jest używane w starych
systemach oraz służy jako dodatkowe
wsparcie dla Angulara oraz Typescriptu.
Niemniej, zgodnie z dobrymi praktykami,
nie zaleca się mieszania tych rozwiązań.
AngularJS to framework, który przewrócił do góry nogami koncepcje budowy aplikacji webowych opartych o Javascript. To pierwszy tak popularny Javascriptowy framework, którego używanie prawie całkowicie eliminuje potrzebę operowania na drzewie komponentów DOM tworzonej strony. Najważniejszym przeznaczeniem frameworka (podobnie jak w Angular 2+) jest budowa aplikacji SPA (Single Page Application), a więc aplikacji uruchomionych pod jednym adresem URL z funkcjonalnością przełączania widoków oraz podmianą widocznego adresu URL, wykonywanych po stronie samego Javascriptu.

Framework opiera się na koncepcji MVW (Model View Whatever) - co umożliwia nam pracę w ramach wzorców MVC (Model View Controller) oraz MVVM (Model Viewv View Model). Kurs AngularJS wykorzystuje oba te wzorce.

Nasza rekomendacja
Na końcu każdego rozdziału kursu AngularJS znajdziecie sekcję z naszą rekomendacją oznaczoną charakterystyczną zielono-białą ikoną. Jest to specjalne miejsce, w którym wyrażamy swoje zdanie w omawianym temacie, a także gdzie polecamy ciekawe rozwiązania. Oczywiście zawsze jest to nasza subiektywna opinia i ma jedynie wskazywać preferowane przez nas podejście do tematu.
Używamy w StartAPPa
Niemal wszystkie przykłady kodu zawarte w kursie AngularJS pochodzą faktycznie z aplikacji StartAPPa. W miejscu oznaczonym zielono-czerwoną ikoną zawsze podajemy informacje dotyczące konkretnych rozdziałów w kursie Aplikacji Web, w których można zobaczyć jak dane rozwiązanie funkcjonuje w realnych warunkach.

Wprowadzenie do frameworka AngularJS

Przetwarzanie danych w AngularJS

Dyrektywy w AngularJS

Angular 2+

Appa Notka. Następcą AngularaJS jest framework Angular, którego numerowanie zaczyna się od cyfry 2. W ostatnich latach powstawały kolejne wersje tego frameworka, ale tak naprawdę jedyną rewolucją jaka się dokonała było przejście z AngularJS na Angulara w wersji drugiej.

Do tej pory, z powodu wielu innych obowiązków związanych z rozwojem portalu, nie udało nam się przygotować własnego kursu Angular. Natomiast poświęciliśmy czas i wyszukaliśmy naprawdę dobry kurs tego frameworka (dokładnie Angular 4) w internecie. Jest on co prawda płatny, ale prezentuje bardzo dużą jakość oraz posiada kilka darmowych lekcji.

Prowadzi go Tomasz Nastały, który specjalizuje się w budowie aplikacji Angularowych. Tomasz na co dzień pracuje z tym frameworkiem i posiada naprawdę duże doświadzenie, ale nam przede wszystkim sposobał się sposób prezentacji zagadnień, który jest wyjątkowo czytelny.
  • Darmowe fragmenty kursu
    • Wprowadzenie do TypeScript
    • Moduły Shared i Core
    • Szablon formularza
  • 5,5 godziny materiałów
  • 43 wykłady video
  • 9 materiałów szkoleniowych
Kurs Angular 4 - od podstaw
Powyższy kurs pozwoli Ci dokładnie zrozumieć jak działa Angular, jednak jeśli chcesz zdobyć wiedzę na wyższym poziomie, wówczas proponujemy skorzystać z kursu dla zaawansowanych. Jest on prowadzony przez tego samego autora i zawiera bardziej zaawansowane zagadnienia. Dzięki tym materiałom nauczysz się jeszcze lepiej wykorzystywać potencjał frameworka i staniesz się bardziej konkurencyjny na rynku pracy.
  • Darmowe fragmenty kursu
    • Metoda Unsubscribe
    • Spinner
    • Dynamic Component Inputs
  • 5,5 godziny materiałów
  • 43 wykłady video
  • 6 materiałów szkoleniowych
Kurs Angular 4 - zaawansowany

Kolejne wersje Angulara

Obecnie na rynku funkcjonuje już 9-ta wersja frameworka Angular. Nie oznacza to jednak, że między wersjami 4-9 zaszły przełomowe zmiany w kontekście składni, czy też pod kątem nowych funkcjonalności. Zmiany dotyczą głównie budowy wnętrza frameworka oraz jego wydajności. Polepszono również działania kompilatora. Przejrzyjmy listę zmian.

Angular 5

  • Angular 5 obsługuje wersję TypeScript 2.3.
  • Dodano kilka nowych zdarzeń cyklu życia routera w Angular 5: ActivationStart, ActivationEnd, ChildActivationStart, ChildActivationEnd, GuardsCheckStart, GuardsCheckEnd, ResolveStart i ResolveEnd.
  • Angular Universal State Transfer API and DOM Support - Korzystając z tej funkcji, możemy łatwo współdzielić stan aplikacji pomiędzy serwerem a klientem.
  • Znaczne przyspieszenie kompilacji kodu.
  • Optymalizator kompilacji - pomaga usunąć zbędny kod.
  • Ulepszenie kompilatora - poprawiono obsługę przyrostowej kompilacji aplikacji.
  • Polepszona obsługa internacjonalizacji dla przeglądarek.

Angular 6

  • Zależność do RxJS 6.
  • Nowy sposób rejestracji serwisu/dostawcy.
  • Drobne zmiany w sposobie działania zarzenia ngModelChange.
  • Nowe komendy frameworka CLI - ng-update i ng-add.
  • Możliwość generowania snippetów kodu dla podstawowych elementów, np. datatable.
  • Pierwszy release Angular Elements, który daje możliwość używania komponentów Angulara w innych środowiskach (np. Vue).

Angular 7

  • Angular 7 obsługuje wersję TypeScript 2.9.
  • Nowe interfejsy - UrlSegment[], DoBootstrap.
  • Nowy kompilator - Compatibility Compiler (ngcc).
  • Wprowadzenie KeyValuePipe.
  • Nowe funkcjonalności elementów i routera.

Angular 8

  • Angular 8 obsługuje wersję TypeScript 3.4.
  • Bazel - Nowe narzędzie budujące, umożliwiające szybsze budowanie równoległe.
  • Ivy Rendering Engine (opcjonalnie) - nowy silnik renderujący, generujący bardzo małe pakiety.
  • Zróżnicowane ładowanie bundli, dzięki wygenerowaniu odrębnych pakietów dla starszych przeglądarek (ES5) i nowych (ES2015+)
  • Porzucenie node-sass na rzecz dart-sass.

Angular 9

  • Zmniejszenie rozmiaru zbudowanej paczki.
  • Bazel - Nowe narzędzie budujące, umożliwiające szybsze budowanie równoległe.
  • Ivy Rendering Engine - od teraz jest domyślnym silnikiem renderującym (po poprzednich: TemplateEngine, ViewEngine).
  • Rezygnacja z entryComponents.
  • Znacznik ngForm został zmieniony na ng-form.
Zmiany wprowadzone w wersjach 5-9 mają znaczenie przede wszystkich w projektach, gdzie niezwykle ważna jest wydajność frontendu. Mają one szczególne znaczenie dla systemów działających w ramach otwartego internetu. W przypadku aplikacji Java "zamkniętych" sieci klienta, wystarczający może się okazać nawet AngularJS. W takich aplikacjach zwykle bardzo rozbudowana jest warstwa backendowa, a frontend służy jedynie do prezentacji prostych komponentów.

Od dłuższego czasu obserwujemy duże rozwarstwienie, jeśli chodzi o wykorzystanie technologii frontendowych. Sporo firm w Polsce posiada i rozwija systemy działające jeszcze w AngularJS, choć nowe projekty są już realizowane we frameworkach Angular, Vue lub React (a i to ciągle nie wszystkie używane).

Zatem powstaje pytanie, czego warto się uczyć? Można na przykład przeanalizować wyszukiwania dotyczące konkretnych frameworków w Google. Zainteresowanie konkretnymi rozwiązaniami to też wyznacznik popularności. Zresztą takie zainteresowanie też z czegoś się bierze. Bardzo często poszukujemy rozwiązań problemów, z którymi spotykamy się w szkole lub pracy.

Oto jak prezentują się światowe wyniki z zakresu dat od 1 stycznia 2017 do 23 lutego 2020:
Framework trends in Java
Źródło: https://trends.google.com/trends/explore
Oto jak prezentują się wyniki w Polsce:
Framework trends in Java Poland
Źródło: https://trends.google.com/trends/explore
Liczby na wykresach reprezentują zainteresowanie wyszukiwaniem względem najwyższego punktu na wykresie. Wartość 100 to najwyższa popularność tego terminu. Wartość 50 oznacza, że termin ten jest w połowie tak popularny. Wynik 0 oznacza, że nie było wystarczających danych dla tego terminu.

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 .


Pozycjonowanie stron: Grupa TENSE