Profil uczestników

Nie musisz być umysłem ścisłym, wbrew panującej opinii, programistą można zostać również będąc umysłem humanistycznym. Praca na Front-Endzie wymaga ciągłego poszerzania swojej wiedzy, dlatego musisz śledzić na bieżąco branżowe trendy. 

Szczegółowy program szkolenia 

Wstęp do HTML:

• Dokument HTML 
• Budowa elementów HTML
• Metadane dokumentu HTML
• Dokumentacja - z jakiej i jak korzystać
• Typy znaczników HTML
• Stylistyka kodu HTML
• Zagnieżdżanie elementów
• Atrybuty elementów
• Podstawowe bloki html
• Formularze HTML
• HTML5 vs wcześniejsze wersje
• Dostępność (aria, WCAG)

 Wstęp do css:

• CSS properties
• Sposoby zapisywania wartości kolorów (rgb, rgba, hex, nazwa)
• Podstawowe CSS property (width, height, color, font-size I wiele innych)
• Kaskadowość arkuszy stylów

 Css - pozycjonowanie elementów:

• Wartości property display
• Wartości property position
• Wydajne animacje
• Jednostki w CSS (px, em, rem, %, vw, vh, s i wiele innych)
• Box model

 Css - organizowanie styli:

• Klasy CSS 
• Metodologie CSS
• Używanie devtools do pracy ze stylami
• CSS variables
• Sass I preprocesory kodu CSS

 Css - praca z selektorami:

• Selektory CSS 
• Inline styles
• id
• atrybuty
• Priorytety atrybutów (specificity)
• Media queries
• !important

 Css - zaawansowane selektory:

• pseudo klasy
• opis query zawierający symbole typu >, *
• :first :last :nth-child() :not
• Nowosci w CSS :is(), :has() itd.

Css - zaawansowane techniki:

• flexbox
• css grid
• metodologia BEM

 Wstęp do programowania z JavaScript:

• Historia JavaScript
• Dołączanie skryptów do dokumentu HTML
• Wskazywanie elementów drzewa dokumentu
• event listener
• typy eventów
• obsługa zdarzeń
• modyfikowanie stylów elementów po interakcji strony z użytkownikiem
• bity i bajty
• języki wysoko i nisko poziomowe

 JavaScript - podstawy

• Konstrukcja if-else, switch
• Zmienne

Typy proste

• Typy złożone
• Obiekt console i debugowanie

 JavaScript - dane

• Gramatyka języka
• Typy deklaracji zmiennych
• Przestrzeń widoczności zmiennych 
• słowa kluczowe
• Języki silno i słabo typowane

 JavaScript - funkcje i obiekty:

• Wstęp do funkcji
• Kontekst funkcji
• Obiekty
• Wstęp do prototypów
• Konstruktor Date
• Obiekt Math
• Obiekt Window

 JavaScript - obsługa zdarzeń:

• Obiekt event
• Propagacja eventów

 JavaScript - tablice i operacje na tablicach:

Tworzenie tablic (bezpośrednie tworzenie tablic, metody from, fill itd.)

• Odwoływanie się do elementów tablic
• Modyfikowanie tablic
• Sprawdzanie długości tablic
• Modyfikacja tablic (metody pop, push, slice itd.)
• Zamiany tablicy na string I string na tablicę

JavaScript – Inne struktury danych

• Set
• Map

JavaScript - pętle:

• Wstęp do pętli
• Pętla while
• Operator modulo
• Inkrementacja i dekrementacja
• Pętla do while
• Pętle for
• break

 JavaScript - specyfika funkcji w języku:

• Funkcje jako dane
• Callback
• Argumenty funkcji
• Rest operator
• Spread operator
• Predykaty
• Clojures
• Destrukturyzacja

 JavaScript - iteracje i iteratory:

• iteratory
• map
• filter
• forEach
• some
• every
• reduce

 JavaScript - czas:

• setTimeout
• setInterval

 JavaScript - klasy:

• Dokładne omówienie środowiska developerskiego
• Klasy
• Dziedziczenie

 JavaScript - listy:

• Listy jednokierunkowe
• Listy dwukierunkowe

 JavaScript - zdarzenia asynchroniczne:

• Event loop
• Promises
• websockets

JavaScript - zaawansowane koncepty:

• Prototypy
• Metody Object
• Symbole
• node i npm
• Podejście imperatywne vs podejście funkcyjne

TypeScript

• Czym jest TypeScript
• Kompilator TypeScript
• Typy
• Aliasy I asercja typów
• Interfejsy

React

• komponenty
• propsy
• komunikacja między komponentami
• metody cyklu życia komponentu

Narzędzia I inne

• Visual Studio Code wraz z Emmet i innymi wtyczkami
• Linter - ESLint
• Formater kodu - Prettier
• Preprocesor CSS - Sass
• Node.js, npm
• RWD, Bootstrap
• browser API
• Systemy kontroli wersji (Git)
• Praca z lokalnym i zdalnym repozytorium (GitHub)

Umiejętności miękkie - 6 h

•     przygotowanie do rozmów kwalifikacyjnych z HR Managerem
  • CV, 
  • GitHub, 
  • portfolio, 
  • typowe pytania/zadania na rozmowach kwalifikacyjnych, 
  • gdzie i jak szukać pracy

Metoda realizacji szkolenia

Intensywny kurs, w czasie którego pod opieką prowadzącego będziesz realizował/a indywidualne ćwiczenia wspierające proces nabywania nowych umiejętności. Będziesz przygotowywał/a samodzielnie prace domowe, które będą rozszerzały Twoją wiedzę i nabywanie praktyki. Niezależnie od tego cześć pracy będziesz wykonywał/a w zespole stworzonym z pozostałymi uczestnikami kursu. W ten sposób poznasz praktyczny aspekt organizacji, podziału i realizacji zadań w firmie programistycznej.

To nie wszystko. W czasie kursu przed Tobą najważniejsze zadanie – przygotowanie projektu końcowego. Ten projekt będzie potwierdzeniem Twoich umiejętności i może się stać ważnym argumentem w czasie Twojej pierwszej rozmowy rekrutacyjnej na stanowisko Front-End Developera.

POBIERZ PROGRAM W PDF

Przed nami:

•  26 dni po 8 godzin lekcyjnych

• materiały szkoleniowe
• certyfikat potwierdzający udział w kursie
• pełna obsługa cateringowa ( dla szkoleń stacjonarnych)

Szczegóły wkrótce!

Koszt udziału :  9800,00 netto