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

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
Zadzwoń +48 880880606
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
Kursy które mogą Cię również zainteresować
Nowoczesny React
Michał Jabłoński
Nowości w NextJS13
Daniel Noworyta
Tailwind CSS
Daniel Noworyta
NestJS od Podstaw
Adam Gospodarczyk
Szeroka Perspektywa Full-Stack Web Developmentu
Adam Gospodarczyk
Narzędzia JavaScript Full-Stack Web Developera
Adam Gospodarczyk