Masz już konto? Zaloguj się

Kurs Angular

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.

54 lekcji

10h 19min

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.

Angular to nie tylko biblioteka renderująca interfejs użytkownika. To ekosystem narzędzi zbudowanych z myślą o jak najlepszym wykorzystaniu tego co oferują nowoczesne przeglądarki. Także te mobilne! Jeśli w pracy z JavaScript chciałbyś wykorzystać komponenty, programowanie obiektowe czy narzędzia reaktywne - Angular zbudowany jest od podstaw ze wsparciem dla tych narzędzi.

Budowanie interfejsu z Angular

Angular to potężne i rozbudowane narzędzie, ale podobnie jak w przypadku jego poprzednika jego główną siłą są wiązania danych. Właśnie dzięki nim nie musisz już martwić się o to jak wyrenderować właściwe elementy, jak i gdzie podpiąć obsługę zdarzeń itd. Już w ciągu pierwszych kilku lekcji zobaczysz jak możesz łatwo zapomnieć o jednym z największych zmartwień programisty aplikacji dynamicznych - ręczne renderowanie HTML. W Angular zmieniasz związane dane i widzisz w przeglądarce poprawny HTML! Twoje dane są renderowane automatycznie. To już w drugiej lekcji tego kursu.

Dyrektywy i Komponenty

Czy zdarzyło Ci się pracować z kodem w JavaScript, który miał tysiące linii i składał się głównie z poplątanych wywołań jQuery? Czy nie marzyło Ci się by móc po prostu stworzyć własne elementy HTML, które robiłyby dokładnie to co Ty chcesz? W tym kursie zobaczysz, że to nie tylko możliwe, ale całkiem proste. Jedną linią kodu możesz zmienić zwykły kod JavaScript w interaktywny komponent, który Angular wyrenderuje w Twoim kodzie HTML. Jego wygląd, style i zachowanie zależą zupełnie od Ciebie. Zobaczysz jak zdefiniować swoje własne elementy, zagnieżdżać je w dowolny sposób, przekazywać im atrybuty, nasłuchiwać zdarzeń i wiele wiele więcej...

Budowanie złożonych aplikacji

Kurs Angular to nie tylko renderowanie HTML, ale też wiele przydatnych narzędzi. Zobaczysz jak budować proste aplikacje korzystając wyłącznie z komponentów. Dowiesz się jak dzięki modułom i usługom uporządkować kod Twojej aplikacji.Jeśli nie znasz jeszcze korzyści jakie daje TypeScript to nie musisz się przejmować. W tym kursie wprowadzimy Cię do nowinek w JavaScript oraz pokażemy zalety jakie daje rozszerzenie języka TypeScript. Zobaczysz jak dzięki typom i automatycznemu wstrzykiwaniu usług możesz w bardzo prosty sposób budować złożone aplikacje zorientowane obiektowo. Jeśli pracowałeś z kodem obiektowym w Java lub C# to zobaczysz wiele znanych Ci rozwiązań.

Programowanie Reaktywne

Jeśli bardziej interesuje Ciebie programowanie funkcyjne i reaktywne to z Angular świetnie pracuje się także w tym stylu. W kolejnych sekcjach kursu poznasz strumienie, dowiesz się czym są obiekty obserwowalne i jak łączyć je ze sobą by tworzyć reaktywne interfejsy.Zobaczysz też jak pójść o krok dalej i zacząć myśleć strumieniowo, budując architekturę Twojej aplikacji w oparciu o strumienie danych. Pokażemy Ci jak zbudować formularze, które reagują na akcje użytkownika. Dowiesz się jak użyć strumieni by aktualizować dane z serwera, a nawet jak jeszcze bardziej przyspieszyć działanie aplikacji dzięki aktualizowaniu interfejsu użytkownika właśnie przy użyciu strumieni. W tym kursie zobaczysz też, że programowanie obiektowe i reaktywne wcale nie muszą się wykluczać, ale mogą świetnie ze sobą współpracować.

Dynamiczne aplikacje typu SPA i proste linkowanie

To że aplikacja jest typu Single Page nie musi oznaczać, że użytkownik widzi wciąż to samo i nie może się poruszać po naszej aplikacji jak po stronie internetowej. Teraz Twoje aplikacje będą mogły bez problemu kryć w sobie wiele różnych widoków, po których może poruszać się użytkownik. W tym kursie zobaczysz jak kontrolować złożone nawigacje w jednym prostym pliku routingu.Dowiesz się jak zintegrować nawigację z nowym HTML5 History API, dzięki czemu użytkownik aplikacji będzie mógł swobodnie korzystać z paska adresu, a nawet przycisków wstecz i w przód w przeglądarce. Zobaczysz jak w prosty sposób tworzyć dynamiczne odnośniki i elementy nawigacji, które pokazują aktualny stan nawigacji.

Walidacja i stylowanie formularzy

Jeśli już wcześniej budowałeś aplikacje internetowe, zapewne wiesz, że najbardziej żmudną pracą jest renderowanie, aktualizacja i walidacja stanu formularzy. W sekcji poświęconej budowaniu formularzy zobaczysz jak z Angular możesz szybko i prosto budować formularze, a wyświetlanie odpowiednich komunikatów błędów możesz obsłużyć bez pisania linijki kodu JavaScript. Poznasz także dobre praktyki, które pozwolą Ci uniknąć wielu typowych problemów występujących przy zapamiętywaniu danych z formularzy.

HTML5 i Multimedia

Angular 2 w przeciwieństwie do innych bibliotek i frameworków, które próbują ukryć mechanizmy przeglądarki przed programistą - ten przyjmuje odwrotną strategię. Nowe API pozwala w bardzo prosty sposób komunikować się z dowolnym mechanizmem w przeglądarce. Angular świetnie współpracuje z DOM API, z nowymi HTML5 API oraz dzięki swej uniwersalności będzie też on świetnie działał z każdym nowym rozwiązaniem które pojawi się w przyszłości. Jak zobaczysz w tym kursie Angular świetnie współpracuje z nowoczesnymi przeglądarkami, a dzięki przejrzystemu, uniwersalnemu API jest to najlepsze rozwiązanie na przyszłość.

Dla kogo jest ten kurs?

Czego się nauczysz?

  • Narzedzie generowania kodu

  • Automatyczne renderowanie zmian

  • Budowanie interaktywnych interfejsów

  • Architektura zlozonych aplikacji

  • Programowanie obiektowe i reaktywne

  • SPA i Nawigacja z HTML5 History API

  • Dynamiczne formularze i walidacja

  • Finalna aplikacja Multimedialna Spotify!

Zawartość

Angular

9 rozdziały 54 lekcji 10h 19min

  • Wstęp do kursu

    33min

    Wprowadzenie

    Podgląd lekcji

    6min

    Edytor pliki narzedzia

    18min

    Struktura Aplikacji

    9min

  • Praca z DOM

    1h 18min

    Główny Komponent

    5min

    Wiązanie danych

    12min

    Wykrywanie zmian

    7min

    Dołączanie bibliotek

    8min

    Dynamiczne właściwości

    12min

    Atrybuty a właściwości

    7min

    Obsługa zdarzeń

    12min

    Dynamiczne stylowanie

    9min

    Dynamiczne klasy CSS

    7min

  • Dyrektywy wbudowane

    1h 5min

    Dyrektywa ngClass

    5min

    Dyrektywa ngStyle

    4min

    Wiązanie dwukierunkowe

    Podgląd lekcji

    10min

    Dyrektywy Template i ngIf

    11min

    Problem stanu i hidden

    9min

    Dyrektywa ngSwitch

    12min

    Dyrektywa ngFor

    14min

  • Komponenty

    1h 22min

    Komponenty

    13min

    Style i enkapsulacja

    12min

    Inputs Wejscia

    11min

    Outputs Wyjscia

    17min

    Projekcja z ngContent

    9min

    Wiazania kopie i referencje

    20min

  • Moduły i Usługi

    1h 50min

    Moduły

    12min

    Usługi

    14min

    Wstrzykiwanie zależności

    16min

    Usługi współdzielone i izolowane

    13min

    Nowe API Spotify - aktualizacja

    22min

    Praktyczny przykład

    18min

    Praktyczny przyklad - dane z serwera

    15min

  • Programowanie Reaktywne

    49min

    Wprowadzenie do Programowania Reaktywnego

    12min

    RxJS Observable i Subject

    11min

    Operatory map i startWith

    8min

    Async Pipe

    4min

    Reaktywne Formularze

    15min

  • Routing

    1h 21min

    Konfiguracja Routera

    Podgląd lekcji

    9min

    Przekierowania

    4min

    Routing dla modułów

    7min

    Nawigacja z History API

    11min

    Parametryzowane ścieżki

    18min

    Zagnieżdzony routing

    13min

    Routing reaktywny

    5min

    Nawigacja z kodu

    13min

  • Formularze

    59min

    Lokalne referencje i HTML5 API

    12min

    Dyrektywy ngForm i ngModel

    15min

    Walidacja i komunikaty błędów

    6min

    Stany formularza

    10min

    Stylowanie stanu formularza

    6min

    Elementy radio i select

    10min

  • Finalna Aplikacja

    1h 2min

    Komunikacja z serwerem

    24min

    Współdzielone usługi

    27min

    Deployment produkcyjny

    11min

Autor kursu

Mateusz Kulesza

Senior Software Developer, Konsultant, Trener

Średnia ocen autora: 5

Bio
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.
Inne kursy tego autora
Angular Angular Angular Angular Git

Kurs Angular

  • 54 lekcji wideo

  • 10h 19min materiału

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych

Dlaczego wybrać właśnie ten kurs?

Efektywna nauka

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!

Wiedza ekspertów

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.

Praktyczne przykłady

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

Pytania i odpowiedzi

Przeczytaj najczęściej zadawane pytania

Masz więcej pytań?

Porozmawiaj z nami na na czacie

Wyślij nam e-mail

Zadzwoń +48 880880606

Czy każdy kurs ma pliki źródłowe?

Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.

Jak jest skonstruowany kurs?

Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.

Jak najlepiej wykorzystać kurs?

Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!

Jak mogę uzyskać dostęp do kursu?

Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.

Czy kurs jest aktualny?

Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.

Czym się różni kurs od warsztatu i ścieżki?

Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.

We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.

Adam Romański

helloroman.com

Zacznij naukę w Angular

  • 54 lekcji wideo

  • 10h 19min materiału

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych