Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 17/ 33Zasoby statyczne i biblioteki
Angular: Zasoby statyczne i biblioteki
Czego się nauczysz
- Kompletne podstawy Angular
- Ciekawe, praktyczne projekty
- Budowanie własnego Portfolio
- Bardziej zaawansowane koncepcje
- Formularze i REST API
- I wiele więcej!
Angular - od Podstaw
Angular to jeden z najbardziej popularnych i cenionych frameworków front-end na świecie. Trudno się temu dziwić, ponieważ dzięki świetnej współpracy z najnowszymi technologiami jest to także rewolucja w produktywności i komforcie tworzenia aplikacji internetowych. Obecnie Angular jest też jedną z najbardziej cenionych umiejętności w CV front-end developera, co sprawia, że nasz nowy kurs to pozycja obowiązkowa dla każdego, kto zajmuje się front-endem i chce poznać Angular od podstaw!
Dynamiczny HTML i CSS
Pierwsze dwa działy kursu są idealne dla osób które rozpoczynają swoją przygodę z Angularem i stanowią wprowadzenie do frameworka. Zaczynamy od prostych przykładów, gdzie budujemy formularz zapisu na newsletter. Jest to przykład pozornie prosty, ale dzięki łatwości z jaką Angular wprowadza dynamizm, manipulacje wyglądem a nawet animacje wcale taki nie będzie. Zobaczysz, że nawet prosty przykład możemy zamienić w interaktywny, dynamiczny interfejs, który wciągnie użytkownika!
Zbuduj Portfolio razem z kursem
W kolejnych sekcjach kursu nie robimy prostych ćwiczeń, ale krok po kroku budujemy prawdziwy projekt. Jeśli marzyło Ci się stworzenie i opubliklowanie eleganckiej strony WWW lub aplikacji z Twoim CV oraz listą projektów, to nie musisz marzyć dalej. Możesz podążać krok po kroku i z każdą lekcją budować własną stronę portfolio. Będziesz zaskoczony, że z podstawową znajomością JavaScript, HTML i CSS zaczniesz błyskawicznie tworzyć złożone eleganckie i interaktywne interfejsy użytkownika.
Produktywność i błyskawiczne tworzenie aplikacji
W kursie stawiam na produktywność. Koniec że żmudnym klepaniem setek lini HTML i CSS, koniec z zawiłym kodem jQuery. Wykorzystując bibliotekę Bootstrap i modyfikując gotowe elementy HTML możemy skupić się na tym co najważniejsze. Zobaczysz jak wykorzystać interpolacje i wiązania by struktura HTML i CSS zmieniała się sama po każdej akcji użytkownika. Dzięki poprawnemu użyciu mechanizmów Angulara, mozolna praca z DOM, którą znasz np. z jQuery staje się zbędna. Angular renderuje interfejs za Ciebie - prosto z danych które umieścisz w komponentach.
Formularze i komunikacja z REST API
Już w pierwszych sekcjach kursu dowiesz się jak wykorzystać moduł formularzy w praktyce, by tworzyć automatyczne dynamicznie generowany formularze i pobierać z nich dane. Dowiesz się także jak znając wyłącznie podstawy JavaScript połączyć naszą stronę portfolio z serwerem i pobrać pliki JSON, w tym nasze projekty, opisy i zdjęcia ze zdalnego serwera!
Jak działa Angular? Wykrywanie zmian i optymalizacje
Podczas pracy nad Twoim portfolio nie tylko poznasz podstawy pracy z angularem, ale w kilku lekcjach zagłębimy się na chwilę w samo działanie Angulara. O ile jest to wiedza zaawansowana, tak znajomość mechanizmów wykrywania zmian już na samym początku pracy z Angularem da Ci lepsze zrozumienie tego narzędzia i pozwoli pisać kod który będzie nie tylko prosty i czytelny ale też będzie działał błyskawicznie. W tym kursie nie tylko pokazuje jak czegoś użyć, ale kiedy, dlaczego oraz jak to działa od środka. Nawet jeśli Angular nie jest dla Ciebie nowością - ten kurs da Ci głębsze zrozumienie jego koncepcji.
Dla kogo jest ten kurs?
Ten kurs przygotowałem dla osób początkujących w Angularze, ale w taki sposób by mógł on służyć także do powtórzenia, uporządkowania wiedzy czy uzupełnieniu braków dla osób które pracowały już z Angularem. Jeśli jesteś front-end developerem, ale jeszcze nie miałeś okazji zapoznać się z Angular, lub chcesz uzupełnić szczątkową wiedzę o fundamenty - to jest kurs dla Ciebie! Dodatkowo, jeśli zaczynasz przygodę z front-end ale masz już podstawy HTML i JavaScript, to kolejny ważny krok na Twojej drodze do kariery!
Wersja oprogramowania: Angular 10+
Kurs Angular
7 rozdziałów33 lekcje6h 45min
Wprowadzenie
21min
- Wprowadzenie7min(zablokowana)
- Instalacja NodeJS i NPM6min(zablokowana)
- Konfiguracja Visual Studio Code3min(zablokowana)
- Narzędzia Angular CLI4min(zablokowana)
Szablony i DOM
1h 1min
- Tworzymy nowy projekt5min(zablokowana)
- Główny komponent aplikacji6min(zablokowana)
- Tworzymy pod-komponenty10min(zablokowana)
- Interpolacja tekstu i wyrażeń10min(zablokowana)
- Dynamiczne własności i atrybuty9min(zablokowana)
- Lokalne referencje i zdarzenia13min(zablokowana)
- Transformacje z użyciem Pipe8min(zablokowana)
Dynamiczny CSS
48min
- Projekt - Interaktywny formularz11min(zablokowana)
- Dynamiczne style i jednostki CSS10min(zablokowana)
- Dynamiczne klasy CSS i animacje9min(zablokowana)
- Input i Output komponentu13min(zablokowana)
- Wykrywanie danych przychodzących6min(zablokowana)
Komponenty i dyrektywy
53min
- Zasoby statyczne i biblioteki16min(zablokowana)
- Organizacja i role komponentów11min(zablokowana)
- Projekcja treści do komponentu8min(zablokowana)
- Dyrektywy ngStyle i ngClass18min(zablokowana)
Dyrektywy strukturalne
45min
- Szablony i dyrektywy strukturalne8min(zablokowana)
- Dynamiczna zamiana szablonu6min(zablokowana)
- Wyświetlanie dynamicznych kolekcji11min(zablokowana)
- Projekt - panel referencji19min(zablokowana)
Praca z DOM
1h 18min
- Biblioteki DOM w komponentach11min(zablokowana)
- Optymalizacja wykrywania zmian20min(zablokowana)
- Animacje i Dyrektywy behawioralne18min(zablokowana)
- Łączenie dyrektyw i intersekcja DOM28min(zablokowana)
Moduły wbudowane
1h 40min
- Moduł i dyrektywy formularzy13min(zablokowana)
- Formularze w praktyce26min(zablokowana)
- Moduł Router i Nawigacja SPA17min(zablokowana)
- Nawigacja parametryzowana20min(zablokowana)
- Moduł klienta HTTP i wysyłanie zapytań24min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Autor kursu
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.