< Wróć do szkoleń IT

Front-end dla back-endowców

calendar

TERMIN

Ustalamy indywidualnie

clocl

CZAS

16h / 2 dni

money

CENA

Ustalamy indywidualnie

photo

Piszesz w JS tylko wtedy, gdy musisz? Ostatni framework javascriptowy, jakiego używałeś to jQuery? Nie słyszałeś o słowie kluczowym class w JavaScript’cie? Brakuje Ci statycznego typowania? A może po prostu chciałbyś podszkolić się we front-endach?

Dla kogo jest to szkolenie?

Szkolenie przeznaczone jest dla każdego, kto:

  • Back-endowcy, którzy kiedyś dotykali front-endu

  • Front-endowcy, którzy nie znają TypeScripta, Reacta

  • Back-endowcy, którzy chcą zobaczyć "o co chodzi" we front-endzie

pattern

pattern
pattern pattern

Czego nauczysz się na szkoleniu?

  • Poznasz rzeczy, które zmieniły JavaScript - Node, ES6

  • Użyjesz CSS-a i zobaczysz, że nie jest to aż tak straszne

  • Zobaczysz jak programować obiektowo w JS - jak działają klasy i dziedziczenie

  • Zaczniesz używać statycznego typowania w JS, dzięki magii języka TypeScript

  • Poznasz podstawy najpopularniejszej obecnie biblioteki React

Program szkolenia

  • Dzień: 1

    Moduł 1: Narzędzia

    • Środowisko uruchomieniowe – Node.js
    • Repozytorium rozwiązań – npm
    • Problemy npm-a
    • Analiza kodu – ESLint, Prettier
    • Modularyzacja
    • Module bundler – webpack
    • Testy jednostkowe – Jest

    Moduł 2: JavaScript

    • ES6, ES6+
    • Destrukturyzacja (tablice, obiekty), spread
    • Deklarowanie zmiennych
    • Event Loop
    • this
    • Klasy, dziedziczenie
    • DOM API, Web components
    • fetch, Promise
    • async/await
    • Kolekcje: obiekty, tablice, Map, Set

    Moduł 3: TypeScript

    • Dodanie do istniejącego projektu
    • tsconfig
    • Interfejsy, type
    • Duck typing
    • @types
    • Typy generyczne
    • Unie typów
  • Dzień: 2

    Moduł 4: Bezbolesny CSS

    • Porady praktyczne
    • Przenoszenie stylu z istniejącej strony
    • Centrowanie elementów, flex
    • Frameworki CSS

    Moduł 5: Frameworki JS

    • Chaos w JS?
    • Angular vs. React vs. Vue
    • Czego NIE używać?

    Moduł 6: React

    • Początek w projekcie
    • Komponenty
    • JSX
    • Rodzaje komponentów
    • Ewolucja – funkcje symulujące klasy -> klasy -> funkcje z haczykami
    • Testy komponentu
    • Cykl życia komponentu
    • Stan komponentu a stan aplikacji
    • Context
    • Router
pattern

Trener

Mateusz Chrzonstowski

Full-Stack Software Engineer, trener w InfoShare Academy, prelegent

Pomaga ludziom osiągać lepsze efekty, wytwarzając oprogramowanie oraz dzieląc się wiedzą o tym, jak należy programować. Łączy inżynierskie spojrzenie z uśmiechem i dostrzeganiem pierwiastka ludzkiego w sofcie. Początkowo nastawiony na front-end, ostatnie lata w obszarze integracji systemów, a tak naprawdę inżynier oprogramowania i programista full-stack. Od 2013 roku zarabia na życie kodem. Prowadzi szkolenia w infoShare Academy z zakresu: Java, JavaScript, DDD. Występuje podczas meetupów, targów i konferencji. Oprócz programowania i dzielenia się wiedzą, pasjonuje się MMA, Dragon Ballem i strategiami wielkich firm.

Przemysław Wołosz

Key Account Manager

Telefon

+48 730 830 801

Porozmawiajmy o szkoleniu

Wypełniając formularz zgadzasz się na przetwarzanie Twoich danych w celu udzielenia odpowiedzi na wysłaną przez Ciebie wiadomość
Administratorem danych osobowych jest infoShare Academy sp. z o.o., który dane osobowe przetwarza zgodnie z Klauzulą informacyjną.