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ń.
Appa Notka. Wraz z rozwojem frameworka Angular 2+ (nie mylić z AngularJS) podniósł się nieco próg wejścia do programowania frontendu aplikacji webowych. Tak więc, jeśli zależy Ci na szybkim rozpoczęciu współpracy z frameworkiem Angular, koniecznie odwiedź naszą stronę Wprowadzenie do Angulara. Dalsza część bieżącego rozdziału dotyczy wcześniejszych wersji Angulara (również AngularJS).

Nieco historii...

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.

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