Programista frontendowy - kurs 47 600 rub. z Loft School, szkolenie 3 miesiące, termin 28.11.2023.
Miscellanea / / November 29, 2023
Wiedza i umiejętności
Cała wiedza niezbędna dla programisty frontendowego.
Teczka
2 imponujące projekty nowoczesne i technologiczne w Twoim portfolio.
Certyfikat
Z wynikiem odzwierciedlającym Twój poziom wiedzy i stopień wpływu.
Początek przewoźnika
Wszystkim dobrym i wyróżniającym się studentom gwarantujemy zatrudnienie.
Dają wiedzę, a nie odpowiedzi. Uwielbiają wyjaśniać i potrafią przekazać skomplikowane informacje zrozumiałym językiem. Wymaganie co do jakości swojego kodu: nie zaliczysz zadania, dopóki Twój kod nie będzie doskonały. Dobrze rozumieją innych ludzi i wiedzą, jak znaleźć podejście do każdego ucznia. Zawsze gotowy do pomocy.
Zaawansowane tworzenie stron internetowych Vue.js
Tydzień 1 – Przepływ pracy
— Spotykamy się z mentorem i grupą.
— Za pomocą zestawu webpack tworzymy wybrany układ dla końcowego projektu.
— Wynik publikujemy na Githubie i przesyłamy do mentora w celu weryfikacji.
Otwarcie kursu
1. Jak przebiega trening (01:09:37)
Vue. Kluczowe cechy
1. Teoria (04:49)
2. Witaj świecie (06:20)
3. Obsługa zdarzeń (02:38)
4. Obsługa wielu zdarzeń (01:19)
5. Wartości dynamiczne (01:30)
6. Wprowadzenie do dyrektyw (05:40)
7. Skrócone dyrektywy (00:37)
8. Metody z parametrami (01:36)
9. Modyfikatory zdarzeń (08:52)
10. Obliczone właściwości (10:50)
11. Obserwatorzy (06:02)
12. Praca z klasami (03:37)
13. Praca z właściwościami CSS (02:49)
14. Dostęp do elementów DOM (03:50)
15. Renderowanie warunkowe (04:46)
16. Renderowanie list (05:12)
17. Tworzenie komponentu (04:16)
18. Komponenty lokalne (02:44)
19. Reaktywność danych (04:35)
20. Właściwości komponentów (03:52)
21. Automaty (04:37)
22. Automaty z lunetą (04:52)
23. Wydarzenia niestandardowe (04:27)
24. Teleporty (02:53)
Vue. Komponenty jednoplikowe
1. Instalacja projektu. VUE-CLI (09:22)
2. Komponent pojedynczego pliku (03:18)
3. Praca ze stylami (07:02)
4. Przekazywanie atrybutów i procedur obsługi (02:53)
5. Poszczególne pliki (01:26)
6. Walidacja właściwości komponentów (07:35)
7. Walidacja zdarzeń użytkownika (02:01)
8. Dwukierunkowa transmisja danych (04:11)
9. Niestandardowy model v (05:51)
10. Haki cyklu życia (07:08)
11. Zanieczyszczenia (04:40)
NPM
1. Co to jest npm? (05:50)
2. Instalowanie i aktualizacja npm (02:33)
3. Pomoc z npm (01:28)
4. Znajdowanie i instalowanie pakietów (04:24)
5. Zależności pakietów (02:09)
6. Plik manifestu package.json (03:02)
7. Usuwanie i aktualizacja pakietów (03:02)
8. zależności i zależności deweloperskie (01:51)
9. Pakiet internetowy i npx (04:04)
10. skrypty npm (04:02)
11. npm, git i github (02:40)
Przędza
1. Przędza (07:07)
Pakiet internetowy. Podstawy
1. Teoria (01:09)
2. Minimalna konfiguracja i uruchomienie (04:41)
3. Nazewnictwo plików (02:34)
4. Ładowarki (04:28)
5. Serwer deweloperski (02:43)
6. Wtyczki (02:34)
7. Wyszukaj moduły (03:18)
8. Sorsmapy (03:17)
9. Dev i wsp. (02:42)
10. Rodzaje modułów (03:00)
11. Minimalny montaż (05:30)
ESLint. Przegląd konfiguracji
1. Wprowadzenie (01:26)
2. Instalacja i uruchomienie (03:10)
3. Poprawki błędów (02:04)
4. Konfiguracja (05:21)
5. Format wyjściowy (00:52)
Figma dla projektanta układu
1. Figma. Interfejs (04:37)
2. Figma. Organizacja projektu (01:32)
Flexbox
1. Wprowadzenie (00:45)
2. Pojemnik elastyczny (01:43)
3. Wyrównanie głównych osi (01:37)
4. Wyrównanie osi poprzecznej (01:50)
5. Wyrównywanie pojedynczego elementu (01:09)
6. Element elastyczny - pojemnik (00:53)
7. Kierunek osi (03:18)
8. Kontener wielowierszowy (02:54)
9. Wyrównywanie treści wielowierszowych (01:25)
10. Proporcje (02:46)
11. Proporcje kompresji (01:24)
12. Rozmiar podstawowy (04:02)
13. Kolejność elementów (02:40)
GIT
1. Wprowadzenie (07:03)
2. Pierwsze kroki z Gitem (03:01)
3. Tworzenie nowego repozytorium (01:09)
4. Dodawanie plików do indeksu Git (obszar oglądania) (06:49)
5. Tworzenie zatwierdzenia (07:17)
6. Zatwierdź nawigację. Anuluj zmiany (12:10)
7. Typowy cykl Gita (03:34)
8. Rozgałęzianie w Git (11:27)
9. Konflikty przy łączeniu oddziałów (06:06)
10. Tymczasowe (bez zatwierdzenia) zapisywanie danych (05:25)
11. Praca ze zdalnymi repozytoriami (20:04)
12. Używanie stron GitHub do hostowania projektów (04:31)
Vue. Warsztat nr 1
1. Rozpoczęcie projektu (05:24)
2. Komponent nagłówka (04:13)
3. Komponent ikony (05:06)
4. Wyświetlanie listy komponentów (02:56)
5. Przełącz komponent (03:19)
Tydzień 2 – Vue.js
— Dostosowujemy układ.
— Wdrożymy blok „Umiejętności” w Vue.js.
— Wdrożymy blok „Moje projekty” w Vue.js.
— Implementujemy blok „Slider do recenzji” za pomocą wtyczki Vue.js.
Książka z opowieściami
1. Instalacja (01:56)
2. Pierwsza historia (04:35)
3. Podłączanie komponentu (01:24)
4. Rozszerzenie konfiguracji (04:26)
5. Style ogólne (02:08)
6. Historia dla komponentu (05:23)
7. CDD (04:16)
8. Tworzenie komponentu (02:28)
9. Stosowanie komponentu (02:29)
10. Rejestrowanie zdarzeń (03:29)
11. Dodatek Tła (01:41)
12. Dodane gałki (02:28)
13. Źródło dodatku (02:17)
14. Podsumowanie (01:11)
JavaScript — ES6
1. Interpolacja ciągów (07:39)
2. Uproszczenie opisów metod (13:35)
3. Domyślne (30:08)
4. Zadanie niszczące: obiekty (07:30)
5. Nowe funkcje i stare przeglądarki (13:07)
Asynchronia w JavaScript
1. Timery (23:44)
2. Ładowanie zdjęć (22:21)
3. Obietnice (36:29)
4. AJAKS (32:28)
Osie. Biblioteka zapytań
1. Wprowadzenie (02:23)
2. Wysyłanie zapytania (02:12)
3. Przegląd konfiguracji (04:30)
4. Treść żądania (01:43)
5. Ustawienia domyślne (01:38)
6. Przechwytywacze (02:11)
7. Usługi (02:33)
8. asynchroniczne oczekiwanie (01:18)
Vue. Warsztat nr 2
1. Przygotowanie (02:39)
2. Podłączanie komponentu (02:16)
3. Wyjście sterujące (02:38)
4. Komponent postępu (05:09)
5. Zapytanie do serwera (06:38)
6. Wyjście danych (05:55)
Tydzień 3 – Natywny JavaScript
— Tworzymy panel administracyjny.
— Studiujemy Storybook i stosujemy go w naszym projekcie.
— Przeprowadzamy niezbędne przetwarzanie (walidację) formularzy projektowych.
VueRouter. Routing w przeglądarce
1. Wprowadzenie (04:31)
2. Budowanie linków (02:41)
3. Nawigacja programowa (02:35)
4. Parametry ścieżki (04:42)
5. Parametry jako właściwości (00:49)
6. Opcje zaawansowane i 404 (03:29)
7. Zagnieżdżone trasy (03:23)
8. Zajęcia ruchowe (02:37)
9. Różne widoki routera (01:08)
10. Import dynamiczny (02:00)
11. Piękny adres URL (02:16)
Vuex. Menedżer stanu
1. Wprowadzenie (01:13)
2. Połączenie (02:30)
3. Akcja (02:27)
4. Mutacje (02:16)
5. Gettery (02:02)
6. Zastosowanie w praktyce (08:07)
7. Funkcje asystenta (02:59)
8. Moduły (05:18)
9. Moduły dynamiczne (01:38)
Pytanie odpowiedź
Vue. Warsztat nr 3
1. Układ (04:33)
2. Wyjście danych (02:42)
3. Przygotowanie do animacji (02:14)
4. Wyświetlacz przycisku (03:45)
5. Ładowanie dodatkowej zawartości (11:38)
6. Pokaż slajd po przejściu (02:17)
Tydzień 4 – Vue.js, SPA
— Wdrażamy SPA w panelu administracyjnym.
— Badamy pracę z danymi poprzez pamięć aplikacji
— Używamy ajaxu do komunikacji z API i konfigurowania interakcji klient-serwer.
Upoważnienie. Żetony
1. Rodzaje autoryzacji (04:20)
2. GitHub OAuth (01:42)
3. Tworzenie aplikacji GitHub (02:28)
4. Odbieranie tokena (08:38)
5. Przechowywanie danych w kodzie (01:46)
6. Ochrona trasy (04:13)
Vue. Warsztat nr 4
1. Przygotowanie (01:33)
2. Tworzenie akcji (02:30)
3. Pobierz status (04:01)
4. Żądanie (02:27)
5. Usuwanie duplikatów (03:29)
6. Ochrona trasy (03:23)
7. Wyloguj się (00:51)
Tydzień 5 – Praktyka
— Wyświetlamy zapisane dane z panelu administracyjnego na stronie docelowej.
— Testujemy komponenty.
— Praca w grupie nad projektem z mentorem.
Vue.js. API składu
1. Wprowadzenie (01:29)
2. Przykład ogólny (03:57)
3. Funkcja utworu (01:51)
4. Funkcja reaktywna (00:55)
5. funkcja toRef (01:35)
6. funkcja toRefs (00:58)
7. Obliczone właściwości (00:56)
8. funkcja zegarka (01:41)
9. Funkcja watchEffect (03:14)
10. funkcja tylko do odczytu (00:40)
11. Funkcje testowe (02:30)
12. funkcja unref (01:27)
13. Haki cyklu życia (00:58)
14. Przykład. Przegląd projektu (00:53)
15. Przykład. Funkcja ładowania (01:20)
16. Przykład. Kategorie (02:20)
17. Przykład. Filtrowanie wstępne (02:46)
18. Przykład. Przełączanie filtrów (02:11)
19. Przykład. Inne funkcje filtrowania (02:03)
20. Przykład. Metoda sortowania (03:05)
Testowanie kodu JS
1. Wprowadzenie (16:05)
2. Jest (15:47)
3. Korzyści z testów (09:01)
4. Relacja (10:02)
Vue.js. Testowanie komponentów
1. Konfigurowanie pakietów (04:39)
2. Opakowanie komponentu (04:13)
3. Co testować (02:48)
4. Pierwszy test (05:25)
5. Sprawdzanie zdarzenia emisji (03:44)
6. Przenoszenie właściwości (02:58)
7. Praca z elementami formularza (05:42)
8. Ustawienia ogólne (01:15)
9. Moki (05:04)
10. Łączenie bibliotek (02:32)
11. Testowanie działania (03:26)
12. Testowanie sklepu (02:53)
13. Testowanie ze zdjęciami (03:08)
Testowanie. Moki
1. Tworzenie makiety (02:39)
2. Praca z argumentami (01:39)
3. Wartość zwracana (02:57)
4. Moduły (04:24)
5. Timery (02:05)
Vue. Warsztat nr 5
1. Prosty komponent (03:03)
2. Komponent ze sklepem (05:21)
3. Testowanie. Przygotowanie (03:20)
4. Testowanie. Przełącznik (02:38)
5. Testowanie. Problemy (05:08)
Tydzień 6 – Zakończenie projektu
– Finalizujemy projekt.
— Projekt przekazujemy do oceny mentorom.
— Ocenianie dyplomów.
Jak zdobyć pracę w IT: porady i wskazówki
1. Jak zdobyć pracę w IT? Poszukiwanie, rozmowa kwalifikacyjna i okres próbny (42:21)
2. Jak znaleźć pracę zdalną i zlecenia na zlecenie? (20:12)
3. Pierwsza praca w IT – jak się zachować? Staże, oficjalne zatrudnienie i praca „za jedzenie” (14:11)
4. Jak przejść okres próbny? (27:10)
5. Jak przygotować się do rozmowy kwalifikacyjnej w firmie FAANG (08:52)
6. Proces ładowania strony internetowej (25:19)
7. Wywiad z programistą - wszystko, co musisz wiedzieć (01:24:07)
8. Rozwiązywanie problemu z wywiadu z programistą (19:36)
9. Wywiad z programistą frontendowym (01:37:17)
Tworzenie aplikacji internetowych React.js
Tydzień 1 – Wprowadzenie do React.js
— Poznajemy kadrę kursową i kolegów z klasy.
— Nauka JSX i Virtual DOM w React.
— Rozważamy podejście komponentowe i metody przesyłania danych.
Znajomy
1. Otwarcie kursu (05:41)
Reaguję.js
1. Co to jest reakcja (07:05)
2. Wirtualny DOM (02:46)
3. JSX (06:10)
4. Renderowanie z warunkami (05:11)
5. Praca z listami (02:45)
6. Komponenty (02:41)
7. Rekwizyty (01:45)
8. Stan (06:45)
9. Wydarzenia (02:26)
10. Reaguj narzędzia deweloperskie (03:58)
II React.js
1. Metody cyklu życia (05:19)
2. Komponenty - funkcje (01:29)
3. Czysty komponent (02:54)
4. Wydarzenia syntetyczne (01:42)
5. Praca z formularzami (02:51)
6. Obsługa błędów (01:39)
Analiza zadań #1
1. Warsztat nr 1 (30:36)
Tydzień 2 - Wzorce React.js, testowanie
— Badamy komponenty, elementy i instancje klasy komponentów.
— Bierzemy pod uwagę bibliotekę Recompose, komponenty wyższego rzędu i wzorce Render Props.
— Rozumiemy zalety testów, studiujemy Jest, Enzyme, Snapshots.
III Reaguj
1. Wprowadzenie (01:43)
2. Typy rekwizytów (10:18)
3. Kontekst (05:19)
4. Ref. (05:18)
5. Portale (05:02)
6. Haki (10:42)
IV React.js
1. Komponenty wyższego rzędu (HOC) - Komponenty wyższego rzędu (10:33)
2. Przekierowanie ref. (HOC) (04:31)
3. Renderuj wzór rekwizytów (05:25)
4. Rekompozycja biblioteki HOK (10:32)
5. Profilowanie (04:02)
Testowanie
1. Wprowadzenie (05:06)
2. Biegacz testowy (02:51)
3. Testuj DSL (08:41)
4. Enzym (06:57)
5. Migawki (03:09)
6. Testowanie sag (05:01)
7. Biblioteka testowania reakcji (06:32)
Analiza zadań #2
1. Warsztat nr 2 (27:54)
Tydzień 3 – Powtórka, routing
— Badamy routing: prosty routing, routing za pomocą Switcha, a także routing zagnieżdżony.
— Zapoznanie się z biblioteką Redux: podstawowe pojęcia i koncepcje Store, Actions, Reduktory, React-redux.
— Oprogramowanie pośrednie jest uważane za sposób pracy z efektem ubocznym.
Routing w przeglądarce
1. Historia API (02:48)
2. Proste wyznaczanie trasy (05:39)
3. Trasowanie z Switcha (04:16)
4. Routing zagnieżdżony (05:32)
5. Trasa prywatna (04:39)
Redux
1. Wprowadzenie (04:07)
2. Sklep (05:03)
3. Akcje (02:17)
4. Reduktory (07:56)
5. Reakcja-redukcja (03:26)
II Redukcja
1. Wprowadzenie (03:11)
2. CreateActions (akcje redux) (09:13)
3. Oprogramowanie pośrednie (07:54)
4. Obsługuj akcje (05:52)
5. Selekcjonerzy (06:17)
6. Wybierz ponownie (04:49)
7. Kaczki (06:56)
Analiza zadań #3
1. Warsztat nr 3 (39:13)
Tydzień 4 – Saga Redux
— Studiujemy bibliotekę sagi Redux. Powtórz funkcje generatora*. Nauczmy się, jak uruchamiać je równolegle.
— Przyjrzyjmy się metodzie Take. Przyjrzyjmy się wybierz jako sposób na uzyskanie danych ze Sklepu.
— Szukamy sposobów na nadanie stylu aplikacji React. Badamy biblioteki ClassNames, StyledComponents, BrowserList, MaterialUI.
I Redux-saga
1. Wprowadzenie (00:57)
2. Przegląd (02:08)
3. Generatory (04:11)
4. Dodawanie sag (02:07)
5. Reaguj na działania (03:53)
6. Premiery funkcji (02:06)
II Saga Redux
1. Wprowadzenie (00:27)
2. Równolegle wykonywanie efektów (03:41)
3. Wejdź w życie (02:45)
4. Wybierz efekt (02:04)
5. Anuluj efekty (04:05)
Praca ze stylami
1. Wprowadzenie (01:34)
2. Style CRA (05:21)
3. Nazwy klas (06:32)
4. StyledComponents (07:11)
5. Lista przeglądarek (01:37)
6. Materialny interfejs użytkownika (08:13)
Analiza zadań #4
1. Warsztat nr 4 (09:55)
Tydzień 5 – Formularze, CI i DI oraz obsługa błędów klienta
— Rozważamy pracę z formularzami wykorzystującymi biblioteki Formik, Redux Forms, React Final Form.
— Rozważamy metody zapewnienia jakości kodu produkcyjnego. Analizujemy takie narzędzia jak: Husky, TravisCI, HerokuNow.
— Badamy zestaw przydatnych bibliotek do programowania (Storybook, RamdaJS, Axios).
— Rozważamy TypeScript.
Praca z formularzami
1. Wprowadzenie (05:07)
2. Formik (08:51)
3. Formularz powtórkowy (06:22)
4. Reaguj na ostateczną formę (06:36)
Obsługa błędów CI i DI oraz klienta
1. Wprowadzenie (05:07)
2. Husky (02:32)
3. CI przy użyciu TravisCI (03:32)
4. Wdróż do Heroku (04:57)
5. Pałąk (02:00)
Zestaw przydatnych bibliotek do programowania
1. Książka z opowieściami (05:32)
2. RamdaJS (04:47)
3. Osie (05:52)
4. Maszynopis (09:31)
Analiza zadań #5
1. Warsztat nr 5 (13:17)
Tydzień 6 – Praca projektowa
— Wypełniamy wniosek i przesyłamy go do sprawdzenia.
Jak zdobyć pracę w IT: porady i wskazówki
1. Jak zdobyć pracę w IT? Poszukiwanie, rozmowa kwalifikacyjna i okres próbny (42:21)
2. Jak znaleźć pracę zdalną i zlecenia na zlecenie? (20:12)
3. Pierwsza praca w IT – jak się zachować? Staże, oficjalne zatrudnienie i praca „za jedzenie” (14:11)
4. Jak przejść okres próbny? (27:10)
5. Jak przygotować się do rozmowy kwalifikacyjnej w firmie FAANG (08:52)
6. Proces ładowania strony internetowej (25:19)
7. Wywiad z programistą - wszystko, co musisz wiedzieć (01:24:07)
8. Rozwiązywanie problemu z wywiadu z programistą (19:36)
9. Wywiad z programistą frontendowym (01:37:17)