Kurs FrontEnd Developer od podstaw

Od zera do zatrudnienia: HTML, CSS i JavaScript w 7 miesi─Öcy.

Czym zajmuje si─Ö Front-end Developer?

Czym zajmuje si─Ö Front-end Developer?

Programista Front-end zajmuje si─Ö tworzeniem cz─Ö┼Ťci strony internetowej z kt├│rej korzystamy jako u┼╝ytkownicy. To on wprowadza pomys┼éy w ┼╝ycie ÔÇô pracuje nad tym, co widzimy na ekranie swojego urz─ůdzenia. Wykorzystuje r├│┼╝ne j─Özyki programowania tj. HTML, CSS czy JavaScript, aby stworzy─ç interaktywne i skuteczne strony internetowe. Na kursie czeka na Ciebie projekt ko┼äcowy, kt├│ry zrobisz samodzielnie z pomoc─ů naszych trener├│w ÔÇô aplikacja JS, kt├│ra b─Ödzie Twoim pierwszym powa┼╝nym projektem w portfolio!

Czego si─Ö nauczysz?

Nauczysz si─Ö od podstaw j─Özyka programowania JavaScript i napiszesz swoj─ů pierwsz─ů aplikacj─Ö.

Nauczysz si─Ö pracowa─ç z Webpack i skonfigurowa─ç serwer lokalny.

Zaczniesz pisa─ç wysokiej jako┼Ťci, czysty kod i korzysta─ç z Git jeszcze przed uko┼äczeniem kursu Front-End Developer.

Opanujesz jedn─ů z najpopularniejszych bibliotek React i stworzysz przy jej pomocy aplikacj─Ö.

Zdob─Ödziesz umiej─Ötno┼Ť─ç tworzenia responsywnych stron i aplikacji w r├│┼╝nych przegl─ůdarkach.

Staniesz si─Ö poszukiwanym programist─ů Front-End na poziomie Juniorskim.

Proces kształcenia

text icon

Lekcja na ┼╝ywo w aplikacji Zoom

O godzinie 19:00 w dniu zaj─Ö─ç udost─Öpnimy link do wirtualnego pokoju. W ramach spotka┼ä masz mo┼╝liwo┼Ť─ç zadawania pyta┼ä, prezentowania swojego ekranu oraz bezpo┼Ťredniej interakcji z instruktorem. Dzi─Öki temu Twoja nauka b─Ödzie zbli┼╝ona do tradycyjnych zaj─Ö─ç stacjonarnych.

Prace domowe

Obowi─ůzkowe zadania domowe utrwalaj─ůce wiedz─Ö zdobyt─ů w praktyce.Trener udziela szczeg├│┼éowych informacji zwrotnych na temat wszystkich uko┼äczonych zada┼ä.

text icon
text icon

Nagrywanie zajęć i materiały

Po ka┼╝dej lekcji otrzymasz nagranie, aby┼Ť m├│g┼é od┼Ťwie┼╝y─ç pami─Ö─ç i przejrze─ç wa┼╝ne punkty programu, kiedy i gdzie chcesz.

Kontakt z Trenerem na ┼╝ywo

Trener, Opiekunowie kursu, inni Kursanci s─ů zawsze dost─Öpni online na og├│lnym czacie i s─ů gotowi pom├│c w razie jakichkolwiek pyta┼ä.

text icon
text icon

Projekt dyplomowy

Projekt dyplomowy na koniec kursu, kt├│ry mo┼╝na umie┼Ťci─ç w CV.

Program kursu

220 GODZIN AKADEMICKICH

Program zosta┼é opracowany przez praktykuj─ůcych specjalist├│w IT z wieloletnim do┼Ťwiadczeniem w komercyjnym tworzeniu oprogramowa┼ä dla pocz─ůtkuj─ůcych Front-End Developer├│w.

1. Wprowadzenie do HTML

  • Konfigurowanie ┼Ťrodowiska pracy
  • Struktura i uk┼éad strony
  • Tagi HTML
  • Atrybuty

2. Wprowadzenie do CSS

  • ┼ü─ůczenie styl├│w
  • Podstawowe w┼éa┼Ťciwo┼Ťci CSS
  • Model elementu blokowego
  • ┼ü─ůczenie czcionek
  • Metodologia BEM

3. Praktyka

  • Utrwalenie i powt├│rzenie podstaw HTML CSS
  • Rozwi─ůzywanie praktycznych zada┼ä dotycz─ůcych podstaw HTML CSS

4. Wprowadzenie do git

  • Podstawowe polecenia

5. Model Flexbox

  • Flex-bloki
  • Elementy elastyczne
  • Pozycjonowanie i zmiana rozmiaru element├│w elastycznych

6. Stany i pozycjonowanie element├│w

  • Pseudoklasy
  • Pseudoelementy
  • Pozycjonowanie bezwzgl─Ödne i wzgl─Ödne

1. Zaawansowana praca w CSS

  • Praca z obrazami
  • Transformacja element├│w
  • Kontrolowanie t┼éa element├│w
  • Obliczanie funkcji

2. Praca z formularzami

  • Stylizowanie formularzy i p├│l wej┼Ťciowych

3. Układ międzyplatformowy

  • Uk┼éad adaptacyjny
  • Gumowy uk┼éad
  • Desktop first, mobile first

4. Model siatki

  • Kontenery
  • Wiersze i kolumny
  • Linie
  • Kom├│rki
  • Obszary

5. Preprocesory i asemblery

  • Sass / Less / Stylus
  • Mened┼╝er pakiet├│w npm
  • Node. JS - podstawy
  • Paczka

6. Animacja element├│w

  • Animacja liniowa (przej┼Ťcie)
  • Animacja zap─Ötlona (klatki kluczowe)

7. Bootstrap framework

  • Bootstrap framework

8. Obrona projektu

  • Obrona projektu wykonanego na kursie

1. Git - Zaawansowane działania

  • Podstawowe polecenia
  • Rozga┼é─Özienia i stany w git
  • Praca zespo┼éowa w git

2. Wprowadzenie do JavaScript

  • Zmienne
  • Typy danych
  • Konwersja typ├│w
  • Wbudowane funkcje przegl─ůdarki

3. Podstawy JavaScript

  • Podstawowe operatory
  • Warunki
  • Cykle
  • Konstrukcja prze┼é─ůcznika

4. Wprowadzenie do funkcji

  • Deklarowanie i wywo┼éywanie funkcji
  • Parametry i argumenty
  • S┼éowo kluczowe "return"
  • Wyra┼╝enia funkcyjne

5. Obiekty

  • Sk┼éadnia i funkcje
  • Metody obiektowe
  • S┼éowo kluczowe "this"

6. Tablice

  • Sk┼éadnia i funkcje
  • Metody tablicowe

7. Funkcje: poziom zaawansowany

  • Funkcje strza┼éek
  • Funkcje wywo┼éania zwrotnego
  • Zaawansowana praca z tablicami
  • Konstruktory funkcji

8. Retrospektywa

  • Powt├│rzenie poznanego materia┼éu
  • Quiz z podstaw JavaScript

1. ┼Ürodowisko przegl─ůdarki

  • Wprowadzenie do DOM
  • Wprowadzenie do BOM-u
  • Dynamiczne tworzenie uk┼éadu przy u┼╝yciu JavaScript

2. Zdarzenia

  • Zdarzenia przegl─ůdarki
  • Programy obs┼éugi zdarze┼ä
  • Zasady pop-up i dive
  • Delegowanie zdarze┼ä

3. Web storage Api

  • localStorage
  • sessionStorage
  • JSON
  • Zdarzenie przechowywania

4. Moduły i destrukturyzacja

  • Modu┼éy
  • Destrukturyzacja
  • Rest, spread operatorzy

5. Rozpocz─Öcie pierwszego projektu dyplomowego

  • Wyb├│r projektu
  • Konsultacje z Trenerem
  • Tworzenie architektury aplikacji
  • Instalacja i dostosowanie narz─Ödzia do tworzenia paczek

6. Asynchroniczno┼Ť─ç

  • Funkcje timer├│w
  • Cykl zdarze┼ä
  • Wprowadzenie do ┼╝─ůda┼ä sieciowych

7. Praca z ┼╝─ůdaniami sieciowymi

  • Pobieranie API
  • Bazowa sk┼éadnia "new Promise"

8. Zaawansowana praca z ┼╝─ůdaniami sieciowymi

  • ┼üa┼äcuchy "new Promises"
  • Obs┼éuga b┼é─Öd├│w - Async / await

9. Prototypy i klasy

  • Prototypy i dziedziczenie prototyp├│w
  • Podstawowa sk┼éadnia klas
  • Dziedziczenie klas
  • Wprowadzenie do OOP

10. Pierwszy projekt dyplomowy

  • Prezentacja i obrona projektu pracy dyplomowej
  • Szczeg├│┼éowe doradztwo z Trenerem

1. Retrospektywa

  • Ocena znajomo┼Ťci JavaScript

2. TypeScript wprowadzenie - opis, konfiguracja ┼Ťrodowiska pracy

  • Typy podstawowe (liczba, ci─ůg znak├│w, warto┼Ť─ç logiczna)
  • Tablice, krotki, wyliczenia
  • Inne najprostsze typy (Any, Unknown, Never, Void)
  • Konwersje typ├│w
  • Obro┼äcy typu i rozr├│┼╝nienie typ├│w
  • Interfejsy (w┼éa┼Ťciwo┼Ťci, rozszerzenia)
  • Typy zunifikowane i przecinaj─ůce si─Ö, typy dos┼éowne
  • Funkcje (argumenty, kontekst, przeci─ů┼╝anie funkcji)

3. TypeScript kontynuacja nauki - klasy, generics, zaawansowane typy.

  • Klasy (dziedziczenie, modyfikatory publiczne, ukryte i chronione)
  • Klasy (w┼éa┼Ťciwo┼Ťci statyczne, klasy abstrakcyjne, klasy jako interfejsy)
  • Generics
  • Narz─Ödzia (Pick, Omit, ReturnType itp.)

1. Programowanie funkcyjne

  • Podstawy programowania funkcyjnego
  • Czyste funkcje
  • Niezmienno┼Ť─ç
  • Mapowanie, redukcja
  • Notacja Big O

2. Rozpocz─Öcie pracy z Reactem - konfiguracja create-react-app --typescript

  • Czym jest React
  • Gdzie jest HTML i co to jest JSX
  • Instalowanie i konfigurowanie Reacta
  • Wirtualny DOM
  • W┼éa┼Ťciwo┼Ťci
  • Stylizacja komponent├│w

3. Komponenty w React

  • Komponenty
  • Komponenty bezstanowe i stanowe
  • Listy i klucze
  • Elementy formularza
  • Renderowanie warunkowe
  • Podnoszenie stanu

4. Cykl ┼╝ycia komponentu

  • Cykl ┼╝ycia komponent├│w
  • HOC (komponenty wy┼╝szego rz─Ödu)
  • Komponenty smart i dumb
  • Sk┼éad komponent├│w

5. Haki w Reakcie

  • Czym s─ů haki?
  • Podstawowe haki: useState, useEffect, useCallback, useMemo

6. Kontynuacja nauki o hakach w Reakcie

  • Nauka o kontek┼Ťcie w Reakcie, useContext
  • Gdzie u┼╝ywa─ç referencji, useRefs

7. Nawigacja na stronie w Reakcie

  • Router, browser-router, routing
  • NavLink
  • Exact router
  • Hooki React
  • Router prywatny/publiczny

1. Redux

  • Integracja z Redux
  • Typ akcji, tw├│rca akcji
  • Reduktor
  • Sklep

1. Podstawy API

  • Przegl─ůd protoko┼éu HTTP
  • Nag┼é├│wki HTTP, metody
  • Kody odpowiedzi HTTP
  • HTTP/HTTPS
  • Narz─Ödzia API: Swagger, Postman
  • Praca z publicznymi ┼╝─ůdaniami API

2. Autoryzacja. Cz─Ö┼Ť─ç 1

  • Rodzaje autoryzacji
  • OAuth 2
  • Tokeny JWT

3. Autoryzacja. Cz─Ö┼Ť─ç 2

  • Rejestracja i aktywacja u┼╝ytkownika przez e-mail
  • Autoryzacja u┼╝ytkownika
  • Konto u┼╝ytkownika

4. Podstawowe operacje na serwerze

  • Pobieranie informacji z interfejsu API
  • Podstawowe operacje na serwerze: wyszukiwanie, filtrowanie, sortowanie
  • Paginacja

5. Praca z danymi za po┼Ťrednictwem interfejsu API

  • Dodawanie danych do API
  • Przesy┼éanie plik├│w na serwer
  • Walidacja

1. Podstawy testowania

  • Do czego s┼éu┼╝─ů testy i jaki problem rozwi─ůzuj─ů?
  • Poziomy testowania (jednostkowe, integracyjne itp.)
  • Narz─Ödzia do testowania modu┼é├│w JS (Jest, Mocha, Chai)
  • Testowanie komponent├│w React

2. Webpack

  • Podstawy Webpack
  • Konfigurowanie webpack
  • Loadery, wtyczki

3. Struktury danych i algorytmy

  • Tablica mieszaj─ůca, stos, kolejka, sterta
  • Lista, zbi├│r
  • Mapa/WeakMap
  • Drzewa
  • Podstawowe algorytmy
  • Notacja Big O

4. Przeprowadzenie pr├│bnej rozmowy technicznej

  • Podsumowanie kursu
  • Przeprowadzenie pr├│bnej rozmowy technicznej
  • Odpowiadanie na pytania kursant├│w

1. Szkolenie online ÔÇ×Praca w ITÔÇŁ

  • Pisanie CV (teoria + praktyka)
  • Tworzenie profilu na LinkedIn (teoria + praktyka)
  • Symulacja rozmowy kwalifikacyjnej
  • Kompetencje mi─Ökkie istotne w procesie rekrutacyjnym

1. Obrona projektu dyplomowego

  • Obrona drugiej pracy dyplomowej

Pomo┼╝emy Ci wybra─ç!

Je┼Ťli masz pytania dotycz─ůce formatu lub nie wiesz co wybra─ç, zostaw sw├│j numer,ÔÇĘoddzwonimy i odpowiemy na wszystkie Twoje pytania.

PL +48

Twoje CV po szkoleniu

Certyfikaty

Certyfikat potwierdza, ┼╝e uko┼äczy┼ée┼Ť nasz kurs i b─Ödzie dodatkowym argumentem podczas zatrudnienia.

Stanowisko

Front-end
Developer

Pensja

  • 5 300 PLN - 8 070 PLN
    Młodszy Specjalista
  • 12 590 PLN - 19 610 PLN
    Specjalista
  • 12 590 PLN - 19 610 PLN
    Starszy Specjalista

Umiej─Ötno┼Ťci zawodowe:

  • Realizacja pe┼énych projekt├│w modularnych lub mikroserwis├│w: od sklep├│w internetowych po us┼éugi dostawy jedzenia czy zamawiania taks├│wek.
  • Strukturyzowanie projektu w taki spos├│b, aby by┼é skalowalny, a kod czytelny.
  • Tworzenie aplikacji typu web application z implementacj─ů technologii front-end.
  • Tworzenie pe┼énych us┼éug API dla klient├│w na bazie iOS, Android oraz dokumentacji API dla klient├│w przy u┼╝yciu Swagger.
  • Umiej─Ötno┼Ť─ç pisania test├│w modu┼éowych w celu pokrycia kodu i poprawy jako┼Ťci program├│w.
  • Korzystanie z narz─Ödzi deweloperskich, takich jak IntelliJ Idea od JetBrains, Git, Postman.
  • Praca z popularnymi bazami danych, takimi jak PostgreSQL, MySQL oraz wsparcie i optymalizacja kodu starszych projekt├│w.
  • Korzystanie z najpopularniejszego frameworka Spring i technologii ORM, takich jak Hibernate, Spring Data JPA.

Certyfikaty

Certyfikat potwierdza, ┼╝e uko┼äczy┼ée┼Ť nasz kurs i b─Ödzie dodatkowym argumentem podczas zatrudnienia.

Koszt szkolenia

9000 PLN

Istnieje mo┼╝liwo┼Ť─ç p┼éatno┼Ťci za kurs w dogodnych ratach. Skontaktuj si─Ö z naszym Doradc─ů, ┼╝eby pozna─ç szczeg├│┼éy!

Rejestracja na szkolenie

PL +48