Kurs Angular

Wstęp

Lekcje
Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

3 ocen

Wprowadzenie

Dla każdego kto pracował z Angularem przychodzi moment, w którym znajomość podstaw i 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.

  1. Poznaj automatyczne testy jednostkowe
  2. Zastosuj komponenty Angular Material Design
  3. Dobre praktyki UX w projektach Angular
  4. Praktyczne wzorce budowania formularzy w stylu Material
  5. Nawigacja w praktyce i responsywny układ strony
  6. Dynamiczne tabele i konfigurowalne źródła danych

Testowanie zautomatyzowane w praktyce

Podstawą produktywnej pracy z angularem jest możliwość zagwarantowania że wszystko działa bez potrzeby wielokrotnego “przeklikiwania” poszczególnych ekranów. W pierwszej części kursu omawiam więc temat testów automatycznych.Już po obejrzeniu pierwszych lekcji zobaczysz dlaczego warto testować kod i jak dzięki narzędziom dostarczonym z angularem jest to proste. Zobaczysz jak testowanie automatyczne pozwoli zaoszczędzić Ci wiele godzin spędzonych na szukaniu błędów.

UX z Angular Material Design

Za jakość aplikacji odpowiada nie tylko to czy działa ona poprawnie, ale w dużej mierze decyduje o tym dobry interfejs użytkownika oraz UX, czyli user experience. Dwie kolejne sekcje kursu poświęcone są właśnie dobremu UI oraz UX. Omawiam typowe problemy w oparciu o zasady i wskazówki specyfikacji Google Material Design - jednej z najbardziej szczegółowych specyfikacji UX. Wszystkie przykłady UI zarówno w wariantach desktopowych jak i mobilnych omówione są na przykładzie Angulara oraz obszernej biblioteki komponentów Angular Material. Zobaczysz nie tylko jak korzystając z gotowych komponentów błyskawicznie budować nowe funkcjonalności, ale przy okazji omówimy wiele praktycznych wskazówek oraz dobrych praktyk UX które warto wykorzystać w Twoich aplikacjach.

Komponenty Material oraz dobre praktyki

W ramach budowania interfejsów skupimy się na najmniejszych szczegółach takich jak prawidłowe zachowanie linków, przycisków oraz wskaźników przechodząc stopniowo do coraz większych elementów aplikacji takich jak nawigacja, układ strony, paski nawigacyjne czy okna dialogowe. Przy każdym etapie czeka Cię masa wskazówek, przykładów i rozwiązań typowych problemów user experience.

Formularze w stylu Material

Jednak UX to nie tylko wygląd i zachowanie pojedynczych elementów. W ostatnich sekcjach kursu dowiesz się jak projektować bardziej złożone interakcje z użytkownikiem. Zobaczysz wieloetapowe formularze kreatora oraz dowiesz się jak zarządzać stanem aplikacji oraz różnymi źródłami danych. Pokaże Ci jak zbudować samodzielnie sortowane, filtrowane i stronicowane źródła danych oraz połączyć je z różnymi komponentami UI takimi jak listy czy datagrid.

Projektowanie przepływu ekranów i nawigacji

Na koniec kursu zobaczysz jak możemy różne gotowe elementy UI połączyć w przepływ ekranów budując ścieżkę użytkownika. Zobaczysz jak prawidłowo zaprojektowane komponenty wraz z dobrze zaplanowanym UX pozwalają być niesamowicie produktywnym jednocześnie nie poświęcając jakości czy dobrej architektury aplikacji.

Dla kogo jest ten kurs?

Jest to kurs dla osób które już pracowały z angularem i chciałyby wyjść poza pojedyncze techniki oraz poznać proces projektowania aplikacji w praktyce z uwzględnieniem najlepszych praktyk programistycznych oraz user experience. Zarówno w wariancie webowym jak i projektując pod urządzenia mobilne.

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ń.
11 godzin 45 minut

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

5 godzin 43 minuty

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

1 godzina 20 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

1 godzina

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

10 godzin 19 minut

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

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

3 dodanych ocen

2020-01-17

Bardzo ciekawy i dobrze poprowadzony kurs. Pytanie czy (a jeśli tak, to kiedy) będą kolejne lekcje.

Maciej Sowiński

2020-03-29

polecam

Miłosz Zajonc

2020-06-30

<3!

Michał

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
Wszystkie kursy od 79zł?
Przetestuj za darmo przez 7 dni!

Autor: Mateusz Kulesza

Czas: 7 godzin 1 minuta

Wersja: Angular 6, 7, 8+

Aktualizacja: 2020-05-26

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wprowadzenie

  • Wstęp

Konfiguracja

  • Instalacja i konfiguracja

  • Przygotowanie projektu

Testy jednostkowe

  • Konfiguracja testów

  • Pokrycie linii kodu

  • Jasmine i asercje testowe

  • TestBed - uprząż testowa

  • Fixtura komponentu i DebugElement

  • Testowanie wiązań i wykrywanie zmian

  • Testowanie interakcji ze szpiegiem

  • Testowanie formularzy

  • Testowanie formularza z ngModel

  • Input i Output w testach komponentów

  • Mockowanie Usług i Observable

Material Design

  • Instalacja Material Design

  • Przykłady Angular Material

  • Ikony i wskaźniki

  • Interakcje - przyciski i linki

  • Paski nawigacji i przycisk FAB

  • Menu kontekstowe

  • Listy elementów, wiersze i kolumny

  • Listy szczegółów i akcji

  • Przykład praktyczny - Kontakty

Formlarze Material Design

  • Formularze w Material Design

  • Kontrolki w stylu Material

  • Walidacja i komunikaty błędów

  • Pola daty i okno kalendarza

  • Wybór i podpowiadanie - Autocomplete

Stan aplikacji i nawigacja

  • Nawigacja boczna i offcanvas

  • Dynamiczna tabela z danymi

  • Paginacja źródła tabeli

  • Sortowane kolumny tabeli

Zakończenie

  • Zakończenie