Kurs online Reaguj. Tworzenie złożonych aplikacji klienckich - bezpłatny kurs HTML Academy, szkolenie 9 tygodni, termin 15.10.2023.
Miscellanea / / December 04, 2023
Dlaczego kurs jest profesjonalny?
Na tym kursie dowiesz się, jak tworzyć prawdziwe projekty, na tym samym poziomie złożoności, co w branży. I zrobisz je poprawnie, dzięki czemu po szkoleniu będziesz osiągał wyniki na wysokim poziomie, za które firmy są skłonne zapłacić.
Czego się spodziewać podczas szkolenia
Zyje
Transmisje na żywo, w których nauczyciele analizują złożone zagadnienia z teorii i praktyki. Odbywają się od 19 do 21 czasu moskiewskiego, rejestracja jest możliwa następnego dnia.
Ćwiczyć
Po wykładzie odrabiasz pracę domową, w której pracujesz nad swoim projektem i utrwalasz materiał kursu.
Przegląd kodu
Mentor sprawdzi jakość zadań i podzieli się swoim doświadczeniem, jak to zrobić lepiej.
Sekcja 1 Wprowadzenie do TypeScriptu
Rozważmy schemat pracy na kursie. Dowiedzmy się, czym jest TypeScript i jakie problemy rozwiązuje. Zapoznajmy się z systemem typów i zrozummy, jak zachodzi proces pisania. Nauczmy się, jak skonfigurować kompilator i przyjrzyjmy się podstawowym ustawieniom. Następnie przejdźmy do ćwiczenia i zrozumienia funkcji pisania kodu maszynowego: krotek, interfejsów, typów ogólnych i tak dalej.
Sprawy organizacyjne.
Przegląd projektów.
Schemat pracy na kursie.
Wprowadzenie do TypeScriptu.
Co to jest TypeScript i jakie problemy rozwiązuje?
System typów.
Jak kod TypeScript zamienia się w JavaScript.
Infrastruktura: ustawienia kompilatora.
Adnotacje i automatyczne wnioskowanie o typie.
Poćwicz używanie TypeScriptu.
Typowanie obiektów, tablic, funkcji.
Genetyki.
Krotki.
Interfejsy, aliasy typów.
Część 2 Reaguj
Wprowadzenie do biblioteki React. Przekonajmy się, jakie problemy rozwiązuje i jak może uprościć rozwój front-endu. Przygotujmy podstawę projektu za pomocą narzędzia Create React App (CRA). Nauczmy się korzystać z szablonów dla agencji ratingowych. Następnie zapoznamy się z głównymi funkcjonalnościami biblioteki React (JSX, komponenty, transfer danych pomiędzy komponentami).
Reagować.
Co to jest Reaguj.
Jak działa React?
Jakie problemy skutecznie rozwiązuje?
Wirtualny DOM.
Infrastruktura.
Utwórz aplikację Reaguj.
Maszynopis.
JSX
Czym różni się od HTML?
Podstawowe metody pracy.
Podejście komponentowe.
Komponenty reagujące.
Rekwizyty. Przekazywanie danych przez właściwości.
Kompozycja.
Komponenty renderujące.
Renderowanie list.
Renderowanie warunkowe.
Sekcja 3 Routing (Router React)
Dowiedzmy się, jak routing jest zorganizowany w SPA. Dodajmy React Router do projektu i przyjrzyjmy się możliwościom pakietu: trasom, przekierowaniom, trasom prywatnym i tak dalej.
Trasowanie w SPA.
API historii.
Elementy trasy, łącza i przekierowania.
Zarządzanie trasami.
Sekcja 4 Komponenty reakcji. Haczyki
Poszerzajmy naszą wiedzę o React i komponentach. Nauczmy się zarządzać stanem, wykorzystywać zdarzenia i metody cyklu życia komponentów. Zapoznajmy się z React Hooks i nauczmy się jak zastępować nimi komponenty klas. Nauczmy się pracować z formularzami.
Państwo.
Jednokierunkowy przepływ danych.
Komponenty funkcjonalne, komponenty klasowe, PureComponent.
Wprowadzenie do haków reagujących.
Metody cyklu życia.
Reaguj i formuj.
Część 5 Reaguj i wzorce
Przyjrzyjmy się pytaniu, czym jest architektura oprogramowania i jak ją zaprojektować. Zapoznajmy się i nauczmy stosować wzorce projektowe w praktyce.
Projekt.
Jaka jest różnica między dobrym programem a złym?
Po co projektować oprogramowanie. Cele projektowe.
Architektura oprogramowania.
Narzędzia projektowe.
Wzorce projektowe.
Jakie problemy rozwiązują wzorce?
Z czego składa się wzór?
Rodzaje wzorców projektowych.
Wzorce w React.
Komponenty bezstanowe.
Komponenty proxy.
Komponenty wyższego rzędu.
Renderuj rekwizyty.
Dostawca.
Reaguj na haczyki i wzory.
Rozdział 6 Zarządzanie państwem. Redukcja
Zapoznajmy się z architekturą Flux: Akcje, Dyspozytorzy, Widoki i Sklepy. Łączymy się z projektem Redux i aktualizujemy bazę kodu.
Architektura strumieniowa.
Magazyn, dyspozytor, akcje.
Redukcja.
Oprogramowanie pośrednie.
Rozszerzanie funkcjonalności Redux.
Sekcja 7 Asynchronia w Reduxie
Nauczmy się, jak zaimplementować kod asynchroniczny do synchronicznego działania Redux przy użyciu oprogramowania pośredniczącego. Nauczmy się jak współdziałać z serwerem za pomocą pakietu Axios. Zapoznajmy się z przechwytywaczami.
Redux-thunk.
Osie.
Sekcja 8 Optymalizacja wydajności
Porozmawiajmy o wydajności aplikacji React: jakie mają funkcje, na co w pierwszej kolejności należy zwrócić uwagę projektując komponenty. Następnie przyjrzymy się zestawowi narzędzi Redux i nauczymy się go używać, aby pozbyć się szablonowego kodu podczas pracy z Redux.
Profilowanie komponentów.
Zarządzanie aktualizacjami komponentów.
Zapamiętywanie.
Zestaw narzędzi Redux.
Sekcja 9 Testowanie Reaguj
Zapoznajmy się z narzędziami i technikami testowania aplikacji React. Stworzymy infrastrukturę testową i napiszemy testy dla komponentów.
Żart.
Biblioteka testowania reakcji.
Pierwszy tydzień obrony
Zakończenie prac nad projektem i przygotowanie do obrony końcowej.
Drugi tydzień obrony
Pierwsza ocena projektu przez mentora recenzującego pod kątem kryteriów jakościowych.
Trzeci tydzień obrony
Udoskonalenie projektu w oparciu o uwagi mentora recenzującego i poddanie go drugiej ocenie.
Sekcja 10 Końcowa
Podsumujmy kurs i ustalmy dalszy wektor studiowania Reacta i jego ekosystemu. Następnie omówimy nowe funkcje React, których oczekujemy w przyszłych wydaniach.
Czwarty tydzień obrony
Dokonywanie ostatecznych poprawek i otrzymanie oceny końcowej.
G
Gantełka
26.04.2022 G.
Naprawdę mi się podobało!
Zalety: 1) Aktualne materiały. 2) Dobrze ułożony plan treningowy. 3) Przystępna prezentacja informacji. 4) Indywidualne podejście. Wady: Czesne nie jest najtańsze, ale częste prezenty i zniżki pomagają. Poza tym wiedza zdobyta na kursach jest tego warta. Niedawno ukończyłem kurs Htmlacademy „React. Tworzenie złożonych aplikacji klienckich.” Świetny kurs! Mnóstwo teorii i nie tylko...