Kurs Angular

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

4 ocen

Wprowadzenie

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!

  1. Kompletne podstawy Angular
  2. Ciekawe, praktyczne projekty
  3. Budowanie własnego Portfolio
  4. Bardziej zaawansowane koncepcje
  5. Formularze i REST API
  6. I wiele więcej!

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!

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ń.
1 godzina 34 minuty

Nowości w Angular

Wersja 10 i inne zmiany

W tym Warsztacie przekonasz się, jakie zmiany wprowadzono w wersji frameworka Angular opatrzonej numerem 10. Średnio dwa razy do roku ma miejsce większa aktualizacja Angulara - to jest najnowsza z nich. Dowiedz się jakie usprawnienia i nowości przyniosła najnowsza wersja frameworka i wykorzystaj ich pełny potencjał!

Mateusz Kulesza

7 godzin 1 minuta

Kurs Angular

w Praktyce

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.

Mateusz Kulesza

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

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

2020-11-10

Super kurs

Norbert

2020-11-20

Świetny kurs.

Robert Studziński

2020-11-22

Fajny kurs. Głownie dla poczatkujacych.

Łukasz Gucma

2020-11-26

Bardzo dobry kurs dla osób początkujących

Łukasz Bielecki

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

Autor: Mateusz Kulesza

Czas: 6 godzin 45 minut

Wersja: Angular 10+

Aktualizacja: 2020-11-02

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

Wprowadzenie

  • Wprowadzenie

  • Instalacja NodeJS i NPM

  • Konfiguracja Visual Studio Code

  • Narzędzia Angular CLI

Szablony i DOM

  • Tworzymy nowy projekt

  • Główny komponent aplikacji

  • Tworzymy pod-komponenty

  • Interpolacja tekstu i wyrażeń

  • Dynamiczne własności i atrybuty

  • Lokalne referencje i zdarzenia

  • Transformacje z użyciem Pipe

Dynamiczny CSS

  • Projekt - Interaktywny formularz

  • Dynamiczne style i jednostki CSS

  • Dynamiczne klasy CSS i animacje

  • Input i Output komponentu

  • Wykrywanie danych przychodzących

Komponenty i dyrektywy

  • Zasoby statyczne i biblioteki

  • Organizacja i role komponentów

  • Projekcja treści do komponentu

  • Dyrektywy ngStyle i ngClass

Dyrektywy strukturalne

  • Szablony i dyrektywy strukturalne

  • Dynamiczna zamiana szablonu

  • Wyświetlanie dynamicznych kolekcji

  • Projekt - panel referencji

Praca z DOM

  • Biblioteki DOM w komponentach

  • Optymalizacja wykrywania zmian

  • Animacje i Dyrektywy behawioralne

  • Łączenie dyrektyw i intersekcja DOM

Moduły wbudowane

  • Moduł i dyrektywy formularzy

  • Formularze w praktyce

  • Moduł Router i Nawigacja SPA

  • Nawigacja parametryzowana

  • Moduł klienta HTTP i wysyłanie zapytań