Kurs Angular

Wprowadzenie

Lekcje
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

4 ocen

Lubię to! 336

Wprowadzenie

Angular to potężne narzędzie przyspieszające tworzenie zarówno prostych, jak i bardzo złożonych aplikacji internetowych. Jeśli pracowałeś już z Angularem lub jeśli przerobiłeś kurs Angular od Podstaw na platformie Eduweb - wiesz już jak za pomocą tego narzędzia rozwiązać wiele typowych problemów związanych z budowaniem interfejsu aplikacji. Wyświetlanie danych, zmiana styli czy przełączanie widoków - dzięki automatycznemu wykrywaniu zmian w Angularze to wszystko działa bardzo prosto. To jednak nie wszystko co oferuje Angular. We frameworku kryje się wiele przydatnych, ale mało znanych funkcji i narzędzi, które warto poznać - nie tylko po to, by pisać lepszej jakości kod, ale również by być bardziej produktywnym.

  1. Wzorce i techniki parametryzacji i dziedziczenia komponentów
  2. Budowanie mie?dzy-platformowych dyrektyw behawioralnych
  3. Kompozycja i projekcja komponentów
  4. Dyrektywy strukturalne i szablony
  5. Dynamiczna struktura interfejsu
  6. Wstrzykiwanie komponentów
  7. Komunikacja pomie?dzy dyrektywami i komponentami
  8. Rekurencyjne struktury komponentów

Komponenty wielokrotnego użytku

W pierwszej części kursu omówione zostało budowanie komponentów w sposób jak najbardziej elastyczny i rozszerzalny, po to, by nie pisać ponownie tego samego kodu. Celem jest jego wielokrotne wykorzystanie. W kursie poznasz metody parametryzacji, rozszerzania i dziedziczenia komponentów. Zobaczysz jak komponenty mogą wykrywać inne komponenty i wchodzić ze sobą w interakcje, by twój kod był czystszy. Zobaczysz jak wykorzystać wspólną logikę komponentu do skonstruowania kilku różnych elementów interfejsu. Dowiesz się jak dzielić logikę komponentów i tworzyć kod do wielokrotnego użytku.

Projekcja i kompozycja treści

W drugiej sekcji kursu pokazane są techniki oddzielania logiki od szablonu. Omówione zostały proste oraz zaawansowane techniki projekcji treści pomiędzy komponentami. W tej sekcji dowiesz się także jak wykrywać komponenty znajdujące się w szablonach innych komponentów i budować logikę w pełni niezależną od widoku.

Dyrektywy behawioralne

Angular od wersji drugiej posiada bardzo potężny zestaw wiązań i dyrektyw wbudowanych. Można dzięki nim budować kompletne aplikacje bez potrzeby tworzenia dyrektyw. W kolejnej sekcji tego kursu omówione zostały szczegółowo te właśnie dyrektywy, a dokładniej - proces budowania własnych dyrektyw, by w pełni kontrolować natywne elementy DOM (a także i komponenty). Z tej sekcji dowiesz się nie tylko jak wykonać nietypowe operacje na DOM w dyrektywach, nie używając do tego jQuery, ale także jak bezpiecznie i niezależnie od platformy obsłużyć operacje na DOM, podpinanie zdarzeń i wiele innych.

Dyrektywy strukturalne

Dyrektywy nie tylko pozwalają zmieniać wygląd strony, ale dzięki możliwości łączenia i komunikowania się między sobą - pozwalają na budowanie własnych elementów logiki interfejsu, niezależnych zupełnie od struktury HTML. Pokażę Ci jak stworzyć atrybuty, które wystarczy umieścić w dowolnym fragmencie HTML, by przerobić go na panel, zakładki czy listę rozwijaną. Zobaczysz jak prawidłowo obsłużyć zdarzenia, akcje użytkownika i komunikację pomiędzy dyrektywą a komponentem. Na praktycznym przykładzie zbudujemy kolejne praktyczne elementy interfejsu użytkownika.

Szablony

W kolejnych lekcjach kursu zajmiemy się pracą z szablonami. Dowiesz się czym jest i jak działa szablon w Angularze. Omówione jest proste oraz zaawansowane wykorzystanie dyrektyw ngIf oraz ngFor oraz to, jak działają one “w środku”. W tej sekcji poznasz także techniki dynamicznego podmieniania szablonów oraz całych komponentów. Dowiesz się jak uzyskać referencje do szablonów i umieszczać je dynamicznie w kontenerach.

Dynamiczna struktura komponentów

Struktura interfejsu nie musi być zdefiniowana na sztywno. W ostatniej sekcji kursu omówione są narzędzia do dynamicznego podmieniania komponentów oraz przekazywania do nich danych. Kurs skupia się na praktycznych aspektach pracy z Angularem. Dowiesz się z niego nie tylko jakie funkcje do budowania interfejsów oferuje Angular, ale także - jak je wykorzystać w prawdziwych, praktycznych sytuacjach. Podczas kursu wspólnie budujemy zakładki, panele czy listy rozwijane, a na koniec pokażemy Ci jak zbudować rozszerzalny interfejs przykładowej aplikacji społecznościowej - w tym, jak budować rekurencyjne struktury komponentów.

Dla kogo jest ten kurs?

Chociaż kurs prezentuje techniki zaawansowane, to przygotowany został w taki sposób, by każdy, kto zna podstawy Angulara, mógł wykorzystać przedstawione w nim techniki. Jeżeli przerobiłeś Kurs Angular od Podstaw na Eduweb i rozumiesz działanie komponentów i wiązań, z pewnością dasz sobie radę z przyswojeniem zawartej w kursie wiedzy. Jest to kurs na poziomie średnio-zaawansowanym, dla osób, które znają podstawy Angulara, ale także podstawy HTML, CSS, i JavaScript. W kursie używane są sporadycznie najnowsze technologie front-end, takie jak WebPack, EcmaScript 2015, TypeScript oraz RxJS. Nie musisz jednak znać żadnej z tych technologii. Kurs wykorzystuje je w minimalny sposób, tak, by pokazać ich możliwości we współpracy z Angular i zachęcić do ich dalszego poznawania. Do każdej lekcji dołączone są pliki źródłowe, które pomogą w zrozumieniu przykładów.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
6 godzin 0 minut

Kurs Angular
w Praktyce

Dla każdego kto pracował z Angularem przychodzi moment, w którym znajomość podstawi pojedynczych technik to za mało. Gdy już poznasz mechanizmy Angulara następnym krokiem są dobre praktyki - właściwa struktura aplikacji, reguły UX / UI oraz dostępne narzędzia i biblioteki. Ponadto gdy aplikacja rośnie pojawiają się kwestie jakości kodu i wczesnego wykrywania błędów. W kursie tym skupiam się więc na 3 najważniejszych zagadnieniach - jakości kodu, użytecznym interfejsie oraz sprawnym zarządzaniu źródłami danych i stanem aplikacji.

Mateusz Kulesza

12 godzin

Kurs Angular
Techniki Zaawansowane - Wzorce Projektowe

Angular to potężne narzędzie pozwalające szybko i sprawnie tworzyć złożone aplikacje. Dzięki wiązaniom renderowanie interfejsu jest bardzo wygodne, a automatyczne wykrywanie zmian sprawia, że Twoje dane w niemal magiczny sposób pojawiają się na ekranie. Aplikacje to jednak nie tylko sam interfejs użytkownika. Bardzo łatwo jest dodawać kolejne funkcje i opcje - ale tylko do pewnego momentu. Bez odpowiedniej struktury i architektury prosta aplikacja może bardzo szybko przerodzić się w rozbudowane monstrum, nad którym nie mamy żadnej kontroli. Na szczęście - w Angularze jest bardzo wiele mechanizmów, pozwalających od samego początku zapanować nad strukturą aplikacji. Wiele wbudowanych mechanizmów pozwala konstruować aplikacje w oparciu o sprawdzone wzorce projektowe i dobre praktyki.

Mateusz Kulesza

6 godzin

Kurs Angular
Techniki Zaawansowane - Interfejs

Angular to potężne narzędzie przyspieszające tworzenie zarówno prostych, jak i bardzo złożonych aplikacji internetowych. Jeśli pracowałeś już z Angularem lub jeśli przerobiłeś kurs Angular od Podstaw na platformie Eduweb - wiesz już jak za pomocą tego narzędzia rozwiązać wiele typowych problemów związanych z budowaniem interfejsu aplikacji. Wyświetlanie danych, zmiana styli czy przełączanie widoków - dzięki automatycznemu wykrywaniu zmian w Angularze to wszystko działa bardzo prosto. To jednak nie wszystko co oferuje Angular. We frameworku kryje się wiele przydatnych, ale mało znanych funkcji i narzędzi, które warto poznać - nie tylko po to, by pisać lepszej jakości kod, ale również by być bardziej produktywnym.

Mateusz Kulesza

9 godzin

Kurs Angular
od Podstaw

Angular to kolejny krok, ewolucja jednego z najbardziej popularnych frameworków front-end. Już po kilku pierwszych lekcjach kursu zobaczysz jak dzięki uproszczeniu i uporządkowaniu jest on obecnie nie tylko prostszy do nauki niż pierwsze wydania, ale dzięki świetnej współpracy z najnowszymi technologiami takimi jak HTML5 i Strumienie jest to także rewolucja w produktywności i komforcie tworzenia aplikacji internetowych. Jeśli Twoje aplikacje internetowe wymykają się spod kontroli, Twój kod jest coraz trudniejszy w utrzymaniu, a Ty chciałbyś zacząć korzystać z najnowszych zdobyczy technologii front-end w sposób systematyczny i produktywny, to ten kurs jest dla Ciebie.

Mateusz Kulesza

80 minut

Nowości w Angular 4

Dowiedz się co nowego zostało wprowadzone w najnowszej aktualizacji Angulara i jakie są różnice pomiędzy poszczególnymi wersjami tego narzędzia! Dodatkowo w trakcie warsztatu dowiesz się, w jaki sposób migrować aplikacj do Angular 4 oraz jak zaktualizować portal tworzony w kursie <a href="https://eduweb.pl/kursy/javascript/angular2-od-podstaw.html">Angular od Podstaw</a> do najnowszej wersji. <br><br> Z tego Warsztatu dowiesz się:<br><br> - Co nowego zostało wprowadzone w Angular 4<br> - Jakie są różnice pomiędzy poszczególnymi wersjami Angulara<br> - Jak migrować własne aplikacje do Angular 4<br> - W jaki sposób zaktualizować aplikację przygotowywaną w trakcie kursu<br><br> Na warsztat zaprasza Mateusz Kulesza!

Mateusz Kulesza

60 minut

Migracja z AngularJS do nowej wersji Angular

W tym warsztacie będziesz miał okazje zapoznać się z najnowszym framweworkiem do tworzenia aplikacji przeglądarkowch - Angular. I to w dwóch wersjach! <br><br> Jeśli słyszałeś o Angular2, Angular 3 a może już 4 ... i zastanawiasz się "O co chodzi?". Której wersji frameworka najlepiej się nauczyć? Ten warsztat odpowie na Twoje pytania. Podczas warsztatu poznasz najważniejsze różnice pomiędzy wersjami Angulara. Zobaczysz na praktycznym przykładzie jak błyskawicznie zbudować prostą aplikacje w AngularJS tak by była kompatybilna z nowym Angularem. Zobaczysz jak zmigrować komponenty i usługi AngularJS do Angular. <br><br> Warsztat także stara się odpowiedzieć na pytanie - którą wersję najlepiej wybrać do Twojego projektu. Jakie są zalety i wady. Dowiesz się także, co niosą ze sobą przyszłe wersje Angulara i jak już dziś przygotować się na gładkie, bezbpolesne przejście na najnowszą wersje jednego z najpotężniejszych narzędzi Front-End. <br><br> Na warsztat zaprasza Mateusz Kulesza!

Mateusz Kulesza

35 minut

Metody Dyrektyw w AngularJS

W tym Warsztacie omówione zostaną metody dostępne w metodach AngularJS – compile, controller oraz link. Poznasz metodę compile, dzięki której będziesz mógł dynamicznie zmieniać lub tworzyć template dyrektywy. Dowiesz się także, jak wstrzykiwać obiekty do metody controller oraz jak dziedziczyć jej właściwości w innych dyrektywach. Z kolei metoda link pozwala na dokonywanie operacji w drzewie DOM gotowego elementu – na przykład zmiana styli czy nasłuchiwanie na zdarzenia, przykładowo click. Wszystkie z metod zaprezentujemy w trzech prostych, praktycznych przykładach. <br><br> Warsztat jest rozszerzeniem kursu AngularJS od Podstaw i do jego przerobienia zalecana jest przynajmniej podstawowa znajomość AngularJS. Został on jednak przygotowany w taki sposób, aby również osoby, które zaczynają przygodę z tym frameworkiem, mogły dowiedzieć się czegoś ciekawego. <br><br> Na Warsztat zaprasza Robert Gurgul

Robert Gurgul

Autor: Mateusz Kulesza

Senior Software Developer, Konsultant, Trener

Senior Developer, Konsultant i Szkoleniowiec. Pracował z wieloma polskimi i zagranicznymi firmami nad projektami z sektorów E-Learning, Reklamy, E-Commerce, Transportu oraz Bankowości i Finansów. Z technologiami Internetowymi pracuje od ponad 10 lat. Pasjonat technologii Front-End, JavaScript'u a także Marketingu Internetowego i E-Commerce.

Recenzje Kurs Angular

5

4 dodanych ocen

2017-12-24

Genialny kurs!!! Mam nadzieję, że szybko doczekamy się kolejnych części

Krystian Seweryniak

2018-01-12

Zdarzyło mi sie pracować na Angularze jakiś czas temu ale o kilku narzędziach z frameworka nie miałem pojęcia. Jak zwykle wysoki poziom.

Piotr Karczewski

2018-01-15

Zrobiłem kurs od podstaw, a ten rozszerzony to dobre uzupełnienie wiedzy. Teraz budowanie stron w oparciu o ten framework nie jest tak trudne, jak mi się wydawało

Dawid Komarnicki

2018-01-25

Bardzo dobre uzupełnienie wiedzy

Marcin Binek

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Mateusz Kulesza

Czas: 6 godzin

Wersja:

  • Pliki źródłowe
  • Certyfikat Ukończenia
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół

Wstęp do kursu

  • Wprowadzenie

  • Konfiguracja i pliki źrodłowe

Parametryzacja i rozszerzanie

  • Statyczny komponent

  • Atrybuty komponentów

  • Dynamiczne właściwości

  • Nasłuchiwanie własnych zdarzeń

  • Sterowanie przez lokalne referencje

  • Dziedziczenie komponentów

  • Kompozycja widoku z ViewChild

  • Dynamiczna kompozycja z ViewChildren

Projekcja i kompozycja

  • Projekcja z ngContent

  • Multi-projekcja z select

  • Kompozycja zawartości z ContentChild

  • Kompozycja z ContentChildren

  • Zagnieżdzanie z ContentChildren

  • Komponowalna logika aplikacji

  • Komponowalna logika aplikacji cd.

Wspóldzielenie zachowania

  • Własne dyrektywy i ElementRef

  • ContentChild i Renderer

  • Obsługa zdarzeń HostListener

  • HostListener - użycie zawansowane

  • Wiązanie właściwości z HostBinding

  • Dostęp do API z exportAs

Dynamiczna struktura

  • Podmiana szablonu z ngIfElse

  • Referencje w ngIf - składnia "as"

  • Mikroskładnia dyrektyw i kontekst implicit

  • Dynamiczne szablony ngTemplateOutlet

  • TemplateRef i dyrektywy jako referencja

  • Dyrektywy strukturalne i kontenery

  • Dynamiczne komponenty

  • Rekurencyjne komponenty

Podsumowanie

  • Zakończenie