od Podstaw
6 godz. 45 min · Angular · Full-stack i Programowanie
Mateusz KuleszaSenior Software Developer, Konsultant, TrenerPierwsze 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!
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.
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.
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!
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.
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!
Angular 10+
Do pracy.
Tutaj bardzo polecam właśnie Angus parceli czyli ang Clark Commander interface.
Jak zobaczysz w kolejnych lekcjach dzięki temu narzędziu
masę czasu nie musimy tworzyć ręcznie plików lub kopiować nie trzeba szukać
dokumentacji konfiguracji które trzeba byłoby przechowywać ręcznie.
To co się dzieje bardzo szybko automatycznie.
Narzędzia Englert celi tacy jak Mateusz
moda zainstalowanego Ipopema i ścieżka paw.
Czy możemy globalnie instalować wszystkie narzędzia.
Tak sobie to z kopiuje.
Możesz użyć CD ale także mając już zainstalowane w Visual
Studio kod klikając widok i terminala w terminal.
Nowy terminal można też otworzyć sobie właśnie Power Shell CD lub bezpośrednio.
Możesz też wybrać sobie inną konsolę. W ten sposób np.
Marshall tutaj ja mam git bagaż czy zwykłe
CD Excel i tu po prostu uruchamiamy polecenie spółką Global.
Dziś jest to flaga Global to mogą być gdziekolwiek
natomiast to są polecenia później wewnątrz projektu musi być fail Open folder wybrać
folder z projektem żeby w terminalu na pewno ścieżka sprawdź
czy ona wskazuje na ten folder katalog w którym chcemy pracować.
Jeśli nie masz tutaj sobie usunąć ten terminal
i jeszcze raz nowy terminal otworzyć w katalogu który to katalog jest otwarty
edytor Mistral zrobiła z opcją Global jak
ponieważ to instaluje w katalogu użytkownika więcej poleceń.
Nie ma w tym przypadku znaczenia
niech to się instaluje a w tym czasie co ten cel potrafi zrobić.
Potrafi wygenerować cały szkielet nowego projektu.
W konkretne już katalogu
otwieramy sobie ten katalog będąc w tym katalogu ta ścieżka znajduje
się w tym katalogu w terminalu LNG antygen radę możemy bardzo szybko
wygenerować automatycznie gotowe komponenty rolety serwisy zobaczysz różne
elementy częściowe składowe Mullera można bardzo łatwo utworzyć jedno polecenie.
Tutaj też mamy wbudowany serwer
deweloperski który bardzo przyśpiesza pracę.
I dodatkowo jeszcze masę innych różnych
narzędzi i skryptów do testowania do poprawiania jakości
składni kodu a na końcu do zbudowania publikowania naszej gotowej aplikacji i to
wszystko w jednym takim pudełku które właśnie jest cel.
Jeśli ten cel się poprawnie zainstalował
zieloną strzałka wskazuje w którym miejscu katalogu użytkownika nazwę użytkownika.
Roaming tutaj to narzędzie powinno być dostępne z dowolnego miejsca w naszym
terminalu czyli NG być skrótem mógł wyczyścić terminal control and.
I teraz takich jeśli korzystasz z Shella to pierwszy tutaj wymaga od tego żeby
sobie jeszcze pełną ścieżkę czyli MG i kropka.
Celem The Help czyli pamiętaj żeby zawsze będę jeśli ja zmienię na inny Shell np.
na zwykłe całym The Axe zniżkę i stworzy nowy terminal.
To tutaj po prostu Anglii.
Help.
Działa bez problemu.
Jak widzisz karty tych poleceń o których mówiłem przed chwilą one są dostępne.
Jest ich też dużo więcej.
Na złość interesowało na pewno
utworzenie nowej aplikacji generowanie elementów aplikacji
uruchomienie serwerów deweloperskiego a na końcu aplikacje z gotową uruchomić testy.
Ewentualnie możemy
już na końcu przygotować sobie build i przygotuje nam w katalogu Disc gotową
aplikację którą możemy umieścić na serwerze.
Ale to wszystko będzie w kolejnych lekcjach.
Na razie mamy przygotowany po prostu narzędzia do pracy.
Tak więc do zobaczenia w kolejnych
lekcjach gdzie będziemy już pracować z akumulatorem.