Przygotowanie miejsca pracy jest pierwszą czynnością w każdej branży. Dla programisty wiąże się to z instalacją i konfiguracją użytecznych narzędzi.

Ich dobór i świadomość możliwości jest bardzo istotna w efektywnej pracy i nauce.

W tym materiale poznasz podstawowe narzędzia wykorzystywane w pracy programisty JavaScript, które są niezbędne również przy pracy z HTML-em oraz CSS-em.

Otrzymasz również spis źródeł wiedzy, które wspomogą Cię w rozwiązywaniu problemów i zagwarantują rozwój.

1. Visual Studio Code (IDE)
   1. Wprowadzenie
   2. Interfejs
   3. Emmet
   4. Linia poleceń (terminal)
   5. Rozszerzenia
   6. Skróty klawiszowe
2. Chrome (przeglądarka)
   1. Wprowadzenie
   2. Rozszerzenia
   3. DevTools
3. Git
   1. Wprowadzenie
   2. Podstawowe komendy
   3. VS Code
4. GitHub
   1. Wprowadzenie
   2. Fork, clone & pull request
   3. .gitignore
5. Node.js
6. Slack
7. Skype
8. LinkedIn
9. Źródła wiedzy
   1. Serwisy
   2. Newslettery
   3. Podcasty
   4. Kursy
   5. Książki

Podstawowa znajomość HTML-a i CSS-a jest niezbędna do rozpoczęcia przygody z programowaniem w JavaScript.

Dlatego poznamy solidne podstawy semantycznego kodu HTML, który jest niezbędny w prawidłowym budowania struktury strony internetowej.

Dowiesz się jak prawidłowo wykorzystywać CSS do efektywnej i efektownej prezentacji zawartości strony.

Łącząc oba zagadnienia będziesz wiedział jak zbudować od zera cały układ strony!

1. HTML
   1. Wprowadzenie
   2. Znaczniki (ang. tags)
   3. Grupy znaczników
   4. Renderowanie znaczników
   5. Atrybuty
   6. Struktura
   7. Semantyka
2. CSS 
   1. Wprowadzenie
   2. Reguły
   3. Osadzenie
   4. Selektory
   5. Właściwości i wartości
   6. Specyficzność
3. Dobre praktyki
   1. Struktura plików
   2. Organizacja CSS
   3. Podstawowy CSS
   4. Ustawianie elementów
      1. display: inline-block
      2. float & clear
      3. flexbox
      4. position: relative & absolute
   5. Tworzenie układu strony

Obecnie ruch na stronach internetowych z urządzeń mobilnych to zdecydowana większość. Dla wybranych witryn wspomniana miara może sięgać nawet 90%.

Umiejętność tworzenie responsywnych stron internetowych tj. dostosowujących się do rozmiaru urządzenia jest niezbędna w orężu każdego frontend-owca.

Poznasz niezbędne pojęcia oraz techniki, które pozwolą zbudować stronę dobrze wyglądającą na każdym urządzeniu.

1. Wprowadzenie
   1. Rozdzielczość & DPI
   2. Viewport
   3. Fluid vs fixed
   4. Jednostki relatywne
   5. Breakpoints
   6. Media queries
   7. Mobile first
   8. AWD vs RWD
2. Responsywna treść
   1. Wiele kolumn tekstu
   2. Wykropkowanie
   3. Kształty
3. Responsywne obrazy
   1. Wypełnianie przestrzeni
   2. Dopasowanie rozmiaru
   3. Skalowalne tło
4. Responsywne wideo (iframe)
5. Responsywne menu
6. Grid
   1. Wprowadzenie
   2. Układ mobile first