Kursy | Sages

React

Przedsprzedaż kursu - PAKIET PREMIUM - Pakiet BASIC + 4 grupowe spotkania konsultacyjne

Cena
1499 zł 1099 zł
Dostępność do: 31 sierpnia 2021

Przedsprzedaż kursu - PAKIET BASIC - ponad 30 godz. nagrań, dostęp do zamkniętej grupy dyskusyjnej

Cena
999 zł 599 zł
Dostępność do: 31 sierpnia 2021

Więcej niż e-learning.

Co obejmuje masterclass?

4 godzin

Zdalnych, grupowych spotkań na żywo z autorem kursu

ok. 30 godzin

Nagrań wideo na platformie e-learningowej

Ćwiczenia

Do samodzielnego wykonania

Zamknięta grupa dyskusyjna

Konsultacja w dowolnym momencie

Aktualnie trwa przedsprzedaż kursu!

Co to oznacza? Przedsprzedaż to możliwość dokonania zakupu kursu przed wprowadzeniem go na rynek, po niższej cenie niż docelowa. Tym sposobem sprawdzamy, czy kurs jest potrzebny i czy warto go produkować. Pomóżcie nam podjąć jedną z decyzji:

1. Publikujemy harmonogram kursu i zaczynamy intensywną produkcję, tak żebyście mogli systematycznie raz w tygodniu otrzymywać porządną dawkę materiału i rozpocząć intensywną przygodę z uczeniem maszynowym

2. Rezygnujemy z produkcji kursu, oddajemy Wam kasę i zapominamy o sprawie

Od Was zależy dalszy scenariusz. W tryb produkcji przejdziemy pod warunkiem otrzymania min. 50 zakupów w okresie trwania przedsprzedaży, czyli do 18 października  2021r. 

Efektywna formuła nauki!

To nie jest zwykły kurs e-learningowy. Tutaj masz poczucie pracy w grupie, spotkania z autorem i sensownie rozłożony plan pracy. A to wszystko dlatego, że zależy nam, żebyś faktycznie ukończył kurs, wykorzystywał nabyte umiejętności w praktyce i chwalił się, że Sages Cię tego nauczył 🙂

Poszczególne moduły kursu będziesz otrzymywać systematycznie, raz w tygodniu.

Jeśli. . .

1
masz problem z doborem najlepszych bibliotek i narzędzi do Twojego projektu front-end

w tym kursie poznasz sprawdzony stos do pewnej, produktywnej i przyjemnej pracy w środowisku React


nie wiesz jak poprawnie skonfigurować wszystkie elementy

zobaczysz jak dobrać i połączyć narzędzia tak by wspomagały i przyspieszały pracę zamiast ją spowalniać

2

3
boisz się że aplikacja będzie trudna w utrzymaniu i z czasem będzie w niej coraz więcej błędów

od początku kursu stawiamy na jakość i utrzymywalność kodu. Zobaczysz jak bez dodatkowego wysiłku zapewnić mechanizmy weryfikacji poprawności kodu i zabezpieczyć go przed regresją jakości i wkradaniem się błędów.


w obecnych projektach poświęcasz dużo czasu na szukaniu błędów, na przeklikiwaniu się by sprawdzić czy wszystko działa, lub na defensywnym dodawaniu kodu który sprawdza czy wszystko nadal działa

po tym kursie zobaczysz że to niepotrzebna strata czasu i dzięki odpowiedniemu podejściu można programować lepiej i przyjemniej

4

5
Twoje aplikacje są zbyt duże, zbyt powolne, kod jest splątany, nieczytelny i zaśmiecony "poprawkami"

już od pierwszych lekcji poznasz wzorce i praktyki utrzymania porządku w kodzie aplikacji i zapewnisz odpowiednią elastyczność i rozszerzalność aby kod pozostał łatwy i przyjemny w utrzymaniu nawet przez lata po jego napisaniu


boisz się o wydajność? aplikacja robi się duża i ociężała. Widoczne są zacięcia i powolne renderowanie?

w kursie dowiesz się nie tylko jak profilować, wykrywać i naprawiać problemy z wydajnością. Poznasz wzorce które od samego początku gwarantują wysoką wydajność oraz jak pisać kod tak by optymalizacje nie były przedwczesne, a można było łatwo je dodać potem nie martwiąc się na zapas.

6

. . . to ten kurs jest WŁAŚNIE dla Ciebie!

Program kursu:

– NodeJS i NPM
– Konfiguracja środowiska IDE
– EcmaScript 2015 i nowsze
– TypeScript
– Create React App
– React
– VirtualDOM i ReactDOM
– Składnia JSX

– Własności komponentu i typowanie
– Stylowanie komponentu
– Renderowanie warunkowe
– Zdarzenia użytkownika
– Stan własny komponentu
– Komunikacja pomiędzy komponentami
– Cykl życia komponentu

– Stan własny, renderowanie
– Niemutowalność i memoizacja stanu
– Stan zależny od innych zmian
– Efekty poboczne komponentu
– Referencje do mutowalnych elementów
– Pułapki i Dobre praktyki

– Asynchroniczność, Promises
– Wysyłanie i obsługa zapytań
– Obsługa błędów
– Autentykacja i autoryzacja do serwera
– Stan ładowania
– Ograniczanie ilości zapytań
– Globalne interceptory zapytań
– Oddzielamy logikę komponentu z Custom hooks
– Lokalny reducer komponentu

– Omówienie zasad SPA
– Biblioteka React Router
– Komponenty nawigacji
– Hash, a pushState API
– Przekazywanie parametrów
– React Hooks dla routera
– Dobre praktyki nawigacji

– Konfiguracja i wprowadzenie do TypeScript w React
– Podstawowa składnia TypeScript
– Zasady i przykłady sprawnego typowania kodu
– Praca z istniejącymi typami
– Rozszerzanie i uzupełnianie brakujących typowań
– Tryb strict i dobre praktyki

– Konfiguracja preprocesora sass
– Praca z CSS Modules
– Omówienie podejścia CSS in JS
– Biblioteka Styled Components w praktyce
– Globalne style i skórki
– Wprowadzenie do design systemów ze storybook

– Wprowadzenie do zagadnień testowania
– Konfiguracja Jest
– Składnia, metody i matchery w Jest
– Przestawienie podejść BDD i TDD
– React Testing Library
– Przygotowanie testu – beforeEach a setup
– Rodzaje i zastosowanie selektorów
– Symulowanie zdarzeń użytkownika
– Mockowanie, podmiana i szpiegowanie wykonania
– Testy migawek (snapshot)
– Dobre praktyki organizacji testów
– Sprawne testowanie – cykl R-G-R

– Wprowadzenie do podejścia funkcyjnego, niemutowalność
– Warunkowe przerenderowanie komponentu
– Porównanie React.memo z hookiem useMemo
– Przykłady źle wykonanej optymalizacji
– Właściwe wykorzystanie useCallback

– Wprowadzenie do wzorca FLUX
– Elementy FLUX – Akcje, Reducer, Stan
– Lokalny reducer dla komponentu
– Współdzielony stan z Context i Provider
– Biblioteka Redux – magazyn danych dla aplikacji
– Łączenie reducerów, kompozycja i kombinacja
– React-Redux hooks
– Kreatory akcji i dyspozytor akcji
– Middleware, Logowanie akcji, Devtools
– Akcje asynchroniczne, przykłady z Thunk, Promise, Saga
– Selektory i optymalizacja z biblioteką reselect

– Deployment / Publikacja aplikacji na serwerze
– Wprowadzenie do CI / CD w kontekście React
– SSR – Server Side Rendering
– SSG – Static Site Generation
– Inne metody
– React na desktopie
– PWA – Progressive Web Applications z React
– Porównanie możliwości PWA, React-Native i – Natywnych aplikacji

Więcej o kursie

Profil uczestnika:

Szkolenie skierowane jest dla programisty, który zna podstawy Front-end i chciałyby zgłębić techniki tworzenia bardziej rozbudowanych aplikacji z wykorzystaniem bibliotek i narzędzi ekosystemu React wychodząc poza podstawy.

Kurs rozpoczyna się od powtórzenia podstaw dla osób, które rozpoczynają swoją przygodę z React. Od pierwszych lekcji nacisk kładziony jest jednak na praktyczne podejście i wytworzenie wzorców i nawyków zgodnie z najlepszymi praktykami pracy z React stosowanymi w dużych firmach i software-house pracujących na co dzień z tą technologią.

Znasz już Angular, Vue, czy React?

Ten kurs jest także dla Ciebie! Pierwsze lekcje będą dobrą powtórką i uporządkowaniem wiedzy, a w każdym z kolejnych modułów znajdziesz ogrom praktycznej wiedzy zdobytej w prawdziwych projektach. Setki godzin debugowania, przeszukiwania github issues, stackoverflow i rozszyfrowywania przestarzałych artykułów – wszystko to wydestylowane do krótkich, konkretnych i sprawdzonych metod. Ogrom wiedzy i doświadczenia, których raczej nie znajdziesz w innych kursach, na pewno nie w oficjalnej dokumentacji a ich samodzielne “googlanie” to stracone godziny.

Jeśli interesują Ciebie szersze możliwości React, takie jak aplikacje mobilne, hybrydowe, SPA, PWA, desktop czy server side rendering lub server generated i inne to w tym kursie znajdziesz też wiele wskazówek i przykładów dalszego odkrywania i rozwoju w kierunku fullstack react.

Podsumowując

To nie jest kolejny tutorial na Youtube. Masz przed sobą ponad 5 lat profesjonalnego doświadczenia w pracy z reactem, kilkaset godzin szkoleń i konsultacji z firmami z wielu różnych branż – wszystko to wydestylowane do kilkudziesięciu godzin konkretnej wiedzy, którą możesz przyswajać w swoim tempie siedząc w Twoim ulubionym fotelu.

Wymagania wstępne:

  • Dobra znajomość JavaScript w tym składni EcmaScript 2015 lub nowszych

  • Znajomość podstaw HTML/CSS i ogólna wiedza z obszaru front-end web development

  •  Podstawy pracy z edytorem IDE oraz wierszem poleceń (cmd/bash/powershell)

Poznaj prowadzącego

Mateusz Kulesza – 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.

Mateusz Kulesza

Dlaczego ten kurs jest wyjątkowy?

Masz wsparcie mentora i grupy

Otrzymujesz dostęp do zamkniętej grupy uczestników kursu (możliwość zadawania pytań, wsparcie przy rozwiązywaniu problemów, możliwość konsultacji z autorem kursu)

Wchodzisz na wyższy level umiejętności

Zdobywasz kompetencje niezbędne do uzyskania podwyżki czy awansu

Uczysz się od razu przez praktykę

Od pierwszych lekcji nacisk kładziony jest na praktyczne podejście i wytworzenie wzorców i nawyków zgodnie z najlepszymi praktykami pracy z React

Przystępny przekaz

nawet skomplikowane zagadnienia będą omówienia w sposób klarowny, a kolejność przerabiania materiału zaplanowana jest tak, aby zmaksymalizować efektywność nauki

Uczysz się od najlepszych

Trener z wieloletnim doświadczeniem w zakresie samej technologii jak i działalności edukacyjnej

Dofinansowanie

Baza usług rozwojowych

Dla kogo – Wsparcie udzielane jest do mikro, małym lub średnim przedsiębiorcom, osobom fizycznym oraz osobom fizycznym nieprowadzącym działalności gospodarczej (na zasadach komercyjnych, tj. kiedy usługa finansowana jest przez samego uczestnika). Województwa mazowieckie i pomorskie nie otrzymują dofinansowania w ramach BUR.

Kwota dofinansowania – Pracodawca może uzyskać 50% dofinansowania do usług podnoszących kompetencje jego pracowników. Mikroprzedsiębiorstwa mogą uzyskać aż 80% dofinansowanie. 

Kredyt z Alior Bankiem

Kto może skorzystać? – Do sporządzenia wniosku nie potrzeba żadnych dokumentów poza dowodem osobistym. Składasz tylko oświadczenie o zatrudnieniu (minimalny okres zatrudnienia to 1 miesiąc).

Kredyt 0% na 12 rat
Kredyt 0,4% od 13 do 60 rat

Jak złożyć wniosek?
Wystarczy do nas napisać: kursy@sages.pl, wygenerujemy wniosek kredytowy – decyzja jest w kilka minut.. 

Jeśli nie znajdziesz odpowiedzi poniżej - napisz do nas!

Kurs jest w formie wideo. Nagrania zamieszczone są na platformie e-learningowej, do której otrzymujesz indywidualny dostęp. Poza nagraniami wideo dostępne są pliki do pobrania (kod źródłowy, slajdy, pliki tekstowe, odnośniki do zewnętrznych materiałów, testy, etc). Po każdej lekcji otrzymasz pakiet zadań dodatkowych, które możesz rozwiązać samodzielnie.

Zalecany czas to 6 lub więcej godzin w tygodniu. Zachęcamy do regularnej pracy w ciągu tygodnia, np. półtora czy dwie godziny z rana, wtedy kiedy umysł jest wypoczęty. Jednak godziny samodzielnej nauki możesz wyznaczyć dowolnie, według swojego rytmu dnia. 

Nie. Kurs udostępniamy będzie systematycznie, raz w tygodniu. Dokładny harmonogram kurs opublikujemy po zakończeniu przedsprzedaży.

Oczywiście. Dajemy Ci gwarancję sprawdzenia jakości kursu przez 14 dni od momentu otrzymania dostępu do pierwszego modułu kursu. Oznacza to, że jeśli zgłosisz się do nas w określonym terminie z informacją, że kurs nie spełnił Twoich oczekiwań, oddamy Ci w całości wpłacona kwotę.

Otrzymasz dożywotni (a raczej tak długo jak będzie istniał kurs) dostęp do tej edycji kursu, wszystkich materiałów w niej zawartych, przyszłych aktualizacji oraz społeczności (platforma Gitter).

W trybie masterclass masz poczucie, że realizujesz kurs z grupą i nie zostajesz sam z wyzwaniem. W trakcie trwania całego kursu zorganizowane zostaną pięć spotkań z autorem kursu, podczas których będziesz mógł omówić interesujące Ciebie zagadnienia. Pierwsze spotkanie odbędzie się w dniu otwarcia kursu i będzie dostępne dla wszystkich, którzy się zapiszą. Każde kolejne zorganizowane będzie już w zamkniętej grupie, w odstępie ok. 2 tygodni, żebyście mieli czas na przyswojenie kolejnej dawki materiału, a jednocześnie, żebyście utrzymali optymalne tempo nauki. Co ważne do kursu masz możliwość dołączenia tylko w określonym czasie – maksymalnie do pierwszego spotkania z autorem. Ale nie czekaj do końca, żebyś spotkanie z autorem mógł wykorzystać na merytoryczna dyskusję, o tym czego już się nauczyłeś, albo co wzbudziło Twoje wyjątkowe zainteresowanie i chciałbyś pogłębić.

To zależy od liczby zgłoszonych osób. Jeśli osiągniemy minimalnie założoną liczbę chętnych to od razu zabieramy się do produkcji. Przed publikacją kursu całość musimy nagrać, dokładnie sprawdzić, zrecenzować i zmontować. To nie oznacza, że będziecie czekać latami. Mamy opracowany fajny model działania, który pozwala na sprawną produkcję i publikację treści.

Przedsprzedaż to możliwość dokonania zakupu kursu przed wprowadzeniem go na rynek, po niższej cenie niż docelowa. Po upływie wyznaczonego terminu nie będziesz możliwości dokonania zakupu, a jedynie zapisania się na listę osób oczekujących kolejnej tury sprzedaży kursu, w czasie których cena sprzedaży będzie wyższa.

Nie zakładamy takiego scenariusza, ale musimy wziąć to pod rozwagę. Warunkiem dokończenia produkcji kursu jest zgłoszenie minimalnej liczby osób. Jeśli dokonasz płatności, a kurs nie zostanie uruchomiony, zwrócimy Ci pełną kwotę.

faq

Masz pytania? Zadzwoń lub napisz

Telefon:
+48 578 303 803
+48 884 886 842

Napisz:
kursy@sages.pl

Uzyskaj dostęp do bezpłatnych materiałów

Chcesz od razu przejść do konkretów?

Jeśli potrzebujesz jeszcze chwili na zastanowienie się nad zakupem, zostaw nam maila i pozostańmy w kontakcie. Będziemy regularnie przesyłać Ci materiały i fragmenty lekcji, które pozwolą Ci lepiej zrozumieć zakres i cel kursu, a także samodzielnie zacząć przygodę z unikalnym kursem.