Programista JavaScript Fullstack - kurs 59 200 RUB. z Uniwersytetu w Innopolis, szkolenie 4 miesiące

I. Wprowadzający. Zestaw narzędzi, git, konfiguracja projektu

W pierwszym bloku udostępnimy wszystkim uczestnikom kursu zestaw narzędzi niezbędnych do poruszania się po tematach. Odbędą się indywidualne konsultacje instalacyjne, podczas których ustalimy indywidualne cele kursu, bazując na Twoim doświadczeniu w zakresie rozwoju osobistego. W wyniku tego bloku dowiesz się, jak samodzielnie skonfigurować montaż aplikacji SPA z dowolnym preprocesorem CSS za pomocą webpacka. Zdobądź także podstawową wiedzę na temat języka TypeScript oraz funkcji jego konfiguracji i użycia.

— Na pierwszej lekcji pokażemy Ci niezbędny zestaw narzędzi, jak je zainstalować i skonfigurować. Dowiesz się, jak od podstaw skonfigurować kompilację projektu React.

— Zapoznaj się z podstawami języka TypeScript i jego różnicami w stosunku do JavaScript.

II. Reagować

W drugim bloku zostaną utworzone zespoły, konsultacje przejdą na spotkania zespołowe. Na takich spotkaniach ustalimy projekt, zestaw funkcjonalności, który będzie naszym celem na kursie. Opracujesz układy i na koniec bloku będziesz miał rozplanowane wszystkie strony projektu zespołowego w React.

— Zapoznajmy się z historią powstania frameworków internetowych, omówmy zalety i wady Reacta i zacznijmy tworzyć pierwsze komponenty w React.

— Przyjrzyjmy się najlepszym praktykom organizowania struktury aplikacji React. Zagłębmy się w szczegóły renderowania komponentów React. Zacznijmy używać nowoczesnego podejścia CSS-IN-JS do stylizacji komponentów React w oparciu o styled-components.

— Nauczmy się, jak poprawnie pracować z głównymi komponentami Reacta – Props i State, co pomoże zwiększyć elastyczność komponentów. Wymyślmy poprawną metodę interakcji z elementami DOM z komponentów React.

— Kontynuujmy naukę React API, przyjrzyjmy się sposobom interakcji z komponentami potomnymi i nauczmy się, jak uniknąć problemu niekończących się rekwizytów korzystających z kontekstu. Przyjrzyjmy się alternatywnemu podejściu do rozszerzania możliwości komponentu React.

— Przeanalizujmy cykl życia komponentu, dowiedzmy się, jak go zaimplementować, co pozwoli nam wzbogacić komponenty o nowe typy logiki.

— Przyjrzyjmy się, jak React był w stanie całkowicie odejść od komponentów klasowych na rzecz funkcjonalnych, korzystając z nowego wzorca Hooks. Zapoznajmy się z podstawowymi hookami Reacta.

— Dowiemy się dokładnie, jak działa przełączanie między stronami bez przeładowywania, a także zaimplementujemy w pracy React-Router.

— Nauczmy się tworzyć wielojęzyczne aplikacje React.

— Przyjrzyjmy się sposobom wprowadzenia elastyczności w stylizacji interfejsu, pracy z motywami (na przykład jasny/ciemny), pracy z ikonami i animacjami na przykładzie lotty.

III. Nodejs

W tym kroku zaimplementujesz swój serwer w Node.js przy użyciu biblioteki Express.js. Implementacja API dla projektu zespołowego. Naucz się pracować w programie listonosza. Poznaj podstawy korzystania z obrazu dockera na przykładzie pracy z bazą danych Mongodb.

— Wprowadzenie do Node.js, jego historii i podstaw menedżera pakietów.

— Dowiedz się, jak Node.js współpracuje z plikami, jak tworzone i publikowane są moduły oraz zapoznaj się z funkcjami tego procesu.

— Naucz się budować serwer na Node.js przy użyciu frameworka Express.js.

— Kontynuujemy badanie funkcji serwera w Express.js.

IV. Redukcja

Po ukończeniu tego bloku zrozumiesz jak w nowoczesnej aplikacji React zachodzi interakcja z backendowym API. Naucz się tworzyć i administrować kodami pośredniczącymi do celów rozwoju lokalnego, dowiedz się, jak stworzyć konfigurowalną aplikację mikrofrontendową do współpracy z prawdziwym serwerem.

— Aby uzyskać dogłębne zrozumienie działania menedżera stanu Redux, napiszmy własną wersję i poznajmy podstawy korzystania z Redux.

— Zobaczmy w praktyce, jak i dlaczego Redux jest używany w jego klasycznej formie.

— Opanuj użycie i zrozumienie koncepcji selektorów z hakami i bez.

— W oparciu o wcześniejszą wiedzę rozważmy bardziej nowoczesne wykorzystanie Redux dzięki bibliotece @reduxjs/toolkit.

— Rozumiemy zawiłości pracy z serwerem i miejsce Redux w tym procesie.

V. Żart

W tym bloku przyjrzymy się, jak i dlaczego testować aplikację internetową. Dowiesz się, jak przetestować swoją aplikację i zwiększyć pokrycie testów kodu do standardu branżowego wynoszącego 80%. Zasady testowania aplikacji poznasz na przykładzie biblioteki Jest.

— Porozmawiajmy o tym, po co w ogóle trzeba pisać testy i jak to zrobić szybko i sprawnie.

— Opanuj konfigurację środowiska testowego Jest od podstaw.

— Kontynuacja poprzedniego tematu ze szczególnym uwzględnieniem testów jednostkowych.

— Zobaczysz, jak dodać testy interfejsu użytkownika do projektu.

VI. Aplikacja jednostronicowa

W tym bloku przyjrzymy się technologiom, które będą wykorzystywane we wszystkich nowoczesnych aplikacjach internetowych i staną się dostępne po wycofaniu wsparcia z przeglądarki Internet Explorer. Stało się to 15 czerwca 2022 roku.

— Zapoznajmy się z ideą aplikacji jednostronicowej.

— Dowiedzmy się, jak napisać własną bibliotekę komponentów.

— Opanujmy wielowątkowość w Node.js.

— Napiszmy czat na gnieździe internetowym. Na zajęciach zhakujesz go własnymi rękami, a także nauczysz się bronić przed takimi atakami.

— Przyjrzyjmy się tworzeniu własnego czatu wideo dla dwojga.

— Zapoznajmy się z podstawami konfiguracji serwera na Nginx i balansowania. Dowiemy się także jak połączyć wyszukiwarki z naszą aplikacją SPA.

Obrona projektu końcowego