+48 57 356 89 98

Arateg TMS sp. z o.o. | Numer identyfikacyjny: 402207045

Kurs online
Front End
developer

Od zera do zatrudnienia: HTML, CSS i JavaScript w 7 miesięcy

Start w miarę uzupełnienia grupy

liczba wolnych miejsc
14 z 18

Rozkładamy płatność
na kilka rat
Bez odsetek, nadpłat, zaświadczeń i obciążęń Twojego budżetu
80% praktyki i
20% teorii
Skupiamy się na rozwiązywaniu realnych zadań oraz zdobyciu praktycznych umiejętności
Grupa do
18 osób
Stosujemy indywidualne podejście, aby nauka była efektywna dla każdego kursanta

Czego się nauczysz

Kurs Front End od podstaw nauczy Cię projektować interfejsy które użytkownicy widzą w oknie przeglądarki i z którymi wchodzą w interakcję gdy otwierają dowolną stronę internetową.

W trakcie nauki poznasz HTML (hipertekstowy język znaczników) oraz CSS (kaskadowe arkusze stylów) aby skutecznie pracować z układem stron www. Nauczysz się języka front-endowego JavaScript dzięki któremu Twoje strony internetowe będą dynamiczne i wielofunkcyjne. Oprócz tego zapoznasz się z różnymi strukturami danych i algorytmami, praktycznie sprawdzisz czym jest NPM i Webpack. Nauczysz się tworzyć strony webowe za pomocą jednego z najpopularniejszych narzędzi – React.

Jak będzie wyglądać proces edukacyjny

Transmisje na żywo w aplikacji ZOOM

Od godziny 18:30 do 21:30 zajęcie będzie się odbywać w klasie wirtualnej. Link do dołączenia będzie wysyłany regularnie w dniu zajęć. Można zadawać pytania, udostępniać ekran i rozmawiać z wykładowcą w czasie rzeczywistym.

Praca własna

Po zakończeniu każdego zajęcia mentor wysyła zadanie do pracy własnej, aby utrwalić zdobytą wiedzę oraz lepiej przygotować się do realizacji projektu końcowego.
Ważne: uzyskasz jakościową informację zwrotną po każdym wypełnionym przez Ciebie zadaniu domowym.

Materiały z kursu i nagrania zajęć

Wszystkie przydatne materiały i linki będą na bieżąco przesyłane na czat grupowy, podobnie jak nagranie każdej lekcji, dzięki czemu samodzielnie decydujesz kiedy chcesz odświeżyć swoją wiedzę.

Czat na żywo

Aby zapewnić stałą interakcję z wykładowcą i menadżerami Szkoły możesz korzystać z czatu grupowego. Jesteśmy gotowi szybko odpowiedzieć na wszystkie Twoje pytania. Tu również możesz rozmawiać z kolegami i koleżankami z kursu, omawiać zajęcia, prace własne oraz dzielić się przydatnymi materiałami.

Projekt końcowy

Wiedzę zdobytą na kursie wykorzystasz przy realizacji projektu końcowego, który po tym śmiało dodasz do portfolio.

Twój wynik na
zakończenie kursu

1
Nauczysz się języka programowania JavaScript od podstaw, nauczysz się układu i napiszesz swoją pierwszą aplikację
2
Dowiesz się, jak pracować z webpackiem i konfigurować lokalny serwer
3
Zaczniesz pisać czysty kod o wysokiej jakości i korzystać z Gita jeszcze przed zakończeniem kursu Front End Developer

4
Nauczysz się projektować strony i aplikacje adaptacyjne
5
Opanujesz jedną z najpopularniejszych bibliotek React i stworzysz w niej aplikację
6
Zostaniesz poszukiwanym Junior Front End Developerem

Podczas kursu Front End realizujemy następujące projekty:

Dwa layout projekty z wykorzystaniem najnowocześniejszych technologii
Projekt zespołowy do wyboru (klony tak popularnych jak Pinterest, Trello, AliExpress)
Wielostronicowa aplikacja “Blog”
SPA (Single page application) na React (opcjonalnie: strona księgarni, blog informacyjny, serwis filmowy (klon Netflix))

Zostań poszukiwanym Front
End Developerem

Zgłoś się na kurs Front End Developer, skontaktujemy się z Tobą jak najszybciej

Wykładowcy kursu

Arsen
Software engineer w Capgemini
3 lata doświadczenia w tworzeniu aplikacji komercyjnych
Eugeniusz
Front End Developer w EY
14+ lat doświadczenia zawodowego

Program kursu

Kurs składa się z 224 godzin lekcyjnych

Program został opracowany przez ekspertów z dużym doświadczeniem komercyjnym. Kurs JavaScript, HTML i CSS prowadzony jest od podstaw. Skierowany do początkujących, aby pomóc Ci wejść do świata IT i odnieść w nim sukces.

1. Wprowadzenie do HTML

Konfigurowanie otoczenia
Struktura i układ strony
Tagi HTML
Atrybuty

2. Wprowadzenie do CSS

Podłączenie stylów
Podstawowe właściwości CSS
Model blokowy elementów
Podłączenie czcionek
Metodologia BEM

3. Praktyka

Utrwalenie i powtórzenie podstaw HTML CSS
Rozwiązywanie praktycznych zadań z podstaw HTML CSS

4. Wprowadzenie do git

Podstawowe komendy

5. Model Flexbox

Bloki Flex
Elementy flex
Pozycjonowanie i zmiana wielkości elementów flex

6. Stany i pozycjonowanie elementów

Pseudoklasy
Pseudoelementy
Pozycjonowanie absolutne i relatywne

7. Zaawansowany CSS

Praca z obrazkami
Transformacja elementów
Zarządzanie tłem elementów
Funkcja calc

8. Praca z formularzami

Stylizowanie formularzy i pól wprowadzania

9. Projektowanie wieloplatformowe

Projektowanie adaptacyjne
Projektowanie gumowe
Desktop first, mobile first

10. Preprocesory i asemblery. Wprowadzenie

Sass / Less / Stylus
Manager pakietów npm
Node. JS - podstawy
Parcel

11. Model Grid

Kontenery
Wiersze i kolumny
Linie
Komórki
Obszary

12. Animacja elementów

Animacja linear (transition)
Zapętlenie animacji (keyframes)

13. Framework bootstrap

14. Projekt warsztatowy

15. Git - Zaawansowane działania

Podstawowe komendy
Rozgałęziania i stany w git
Git i praca zespołowa

16. Wprowadzenie do JavaScript

Zmienne
Typy danych
Konwersje typów
Wbudowane funkcje przeglądarki

17. Podstawy JavaScript

Operatory podstawowe
Warunki
Cykle
Konstrukcja switch

18. Wprowadzenie do funkcji

Wywoływanie funkcji
Parametry i argumenty
Słowo kluczowe return
Wyrażenia funkcyjne

19. Obiekty

Składnia i osobliwości
Metody obiektu
Słowo kluczowe this

20. Tablice

Składnia i osobliwości
Metody tablic

21. Funkcje: poziom zaawansowany

Funkcje strzałkowe
Funkcje rekurencyjne
Zaawansowane tablice
Funkcje konstruktory

22. Retrospektywa

Utrwalenie materiału
Sprawdzian z podstaw JavaScript

23. Środowisko

Wprowadzenie do DOM
Wprowadzenie do BOM
Projektowanie dynamiczne za pomocą JavaScript

24. Zdarzenia

Zdarzenia przeglądarek
Obsługa zdarzeń
Zasady wynurzania i zanurzania
Delegowanie zdarzeń

25. Web Storage Api

localStorage
sessionStorage
JSON
Zdarzenie storage

26. Moduły i destrukturyzacja

Moduły
Destrukturyzacja
Rest, spread operatory

27. Start pierwszego projektu końcowego

Wybór projektu
Konsultacje z lektorem
Budowanie architektury aplikacji
Instalacja i konfiguracja kompilatora Parcel

28. Asynchroniczność

Funkcje timera
Cykl zdarzeń
Wprowadzenie do żądań sieciowych

29. Praca z żądaniami sieciowymi

Fetch API
Podstawowa składnia new Promise

30. Zaawansowana praca z żądaniami sieciowymi

Łańcuchy Promises
Przetwarzanie błędów · Async / await

31. Prototypy i klasy

Prototypy i dziedziczenie
Podstawowa składnia klas
Dziedziczenie klas
Wprowadzenie do programowania zorientowanego obiektowo

32. Pierwszy projekt końcowy

Przedstawienie i obrona projektu końcowego
Szczegółowe konsultacje z mentorem

33. Retrospektywa

Ocena wiedzy JavaScript

34. TypeScript. Wprowadzenie. Opisanie. Tworzenie otoczenia

Podstawowe typy (number, string, boolean)
Tablice, krotki, wyliczenia
Inne najprostsze typy (Any, Unknown, Never, Void)
Konwersje typów
Osłony typów i definiowanie typów
Interfejsy (właściwości, rozszerzenia)
Złożone i literalne typy
Funkcje (argumenty, kontekst, przeciążenie funkcji)

35. 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 etc.)

36. Programowanie funkcyjne

Podstawy programowania funkcyjnego
Czyste funkcje
Niezmienność
Map, reduce
Big O notation

37. Rozpoczęcie pracy z React. Konfiguracja create-react-app–typescript

Co to jest React
Gdzie html i co to jest JSX
Konfiguracja create-react-app
Wirtualny DOM
props
Stylizacja komponentów

38. Komponenty React

state
Komponenty Stateless i stateful
Listy i klucze
Elementy formularza
Renderowanie warunkowe
Aktualizacja stanu

39. Cykl życia komponentów

Cykl życia komponentu
HOC (Higher-Order Components)
Komponenty kontenerowe (inteligentne) i prezentacyjne (głupie)
Kompozycja komponentów

40. Hooki React

Co to jest hooki?
Analiza podstawowych hooków: useState, useEffect, useCallback, useMemo

41. Kontynuujemy naukę hooków React

Poznajemy React Context, useContext
Gdzie używać Refs, useRefs

42. Nawigacja na stronie React

Router, browser-router, marszrutyzacja
NavLink
Router exact
Private/public router

43. Redux

Integracja Redux
Action type, action creator
Reducer
Store

44. Kontynuujemy naukę Redux

Praca z Redux w aplikacji
useSelector, useDispatch

45. Redux-middleware

Architektura aplikacji z operacjami asynchronicznymi
Co to jest middleware?
Redux-thunk | Redux-saga

46. Podstawy pracy z API

Przegląd protokołu HTTP
HTTP headers, methods
Kody odpowiedzi HTTP
HTTP/HTTPS
Narzędzia API: Swagger, Postman
Praca z publicznymi żądaniami API

47. Autoryzacja. Część 1

Typy autoryzacji
OAuth 2
JWT tokens

48. Autoryzacja. Część 2

Rejestracja i aktywacja użytkownika za pośrednictwem poczty elektronicznej
Autoryzacja użytkownika
Konto użytkownika

49. Podstawowe operacje na serwerze

Uzyskiwanie danych z interfejsu API
Podstawowe operacje na serwesze: wyszukiwanie, filtrowanie, sortowanie
Paginacja

50. Praca z danymi w interfejsie API

Dodawanie danych do API
Przesyłanie plików na serwer
Walidacja

51. Podstawy testowania

Dlaczego potrzebne są testy i jaki problem rozwiązują
Poziomy testowania (modułowe, integracyjne etc.)
Narzędzia do testowania modułów JS (Jest, Mocha, Chai)
Testowanie komponentów React

52. Webpack

Podstawy webpack
Konfiguracja webpack
Loaders, plugins

53. Struktury danych i algorytmy

Tablica mieszjąca, stos, kolejka, sterta
List, Set
Map/WeakMap
Drzewa
Bazowe algorytmy
Big O notation

54. Podsumowanie kursu

Ocena wiedzy
Podsumowanie kursu
Konsultacje dot. projektów końcowych

55. Szkolenie Online “Zatrudnienie w IT”

Przygotowanie CV (teoria + praktyka)
Założenie profilu na Linkedln (teoria + praktyka)
Rozmowa kwalifikacyjna
Soft skills ważne w ramach rozmowy kwalifikacyjnej
Rozmowa testowa

56. Obrona drugiego projektu końcowego

Cena kursu
od 5800 zł

Opłata ratalna:

- 1240 PLN przed rozpoczęciem zajęć
- 1240 PLN 4 tygodnie po rozpoczęciu kursu
- 1240 PLN 8 tygodni po rozpoczęciu kursu
- 1240 PLN 12 tygodni po rozpoczęciu kursu
- 1240 PLN 16 tygodni po rozpoczęciu kursu

Dla studentów TeachMeSkills 5% zniżki (przy ponownym zakupie)
Poleć znajomemu - uczcie się z 5% zniżki na każdego

Start w miarę uzupełnienia grupy

liczba wolnych miejsc
14 z 18