Opis
Kurs HTML i CSS od podstaw – co zyskujesz?
- ~500 stron materiałów
- ~50 godzin nauki
- 15 zadań do wykonania
- 2 projekty do portfolio
- wsparcie społeczności w zamkniętej grupie na slack-u
Zawartość kursu
- 01. JavaScript: Narzędzia, ~135 stron
- 02. HTML i CSS: Podstawy, ~233 stron
- 03. HTML i CSS: Responsywność (RWD), ~145 stron
01. JavaScript: Narzędzia, ~135 stron
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.
- Visual Studio Code (IDE)
- Wprowadzenie
- Interfejs
- Emmet
- Linia poleceń (terminal)
- Rozszerzenia
- Skróty klawiszowe
- Chrome (przeglądarka)
- Wprowadzenie
- Rozszerzenia
- DevTools
- Git
- Wprowadzenie
- Podstawowe komendy
- VS Code
- GitHub
- Wprowadzenie
- Fork, clone & pull request
- .gitignore
- Node.js
- Slack
- Skype
- Źródła wiedzy
- Serwisy
- Newslettery
- Podcasty
- Kursy
- Książki
02. HTML i CSS: Podstawy, ~233 stron
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!
- HTML
- Wprowadzenie
- Znaczniki (ang. tags)
- Grupy znaczników
- Renderowanie znaczników
- Atrybuty
- Struktura
- Semantyka
- CSS
- Wprowadzenie
- Reguły
- Osadzenie
- Selektory
- Właściwości i wartości
- Specyficzność
- Dobre praktyki
- Struktura plików
- Organizacja CSS
- Podstawowy CSS
- Ustawianie elementów
- display: inline-block
- float & clear
- flexbox
- position: relative & absolute
- Tworzenie układu strony
03. HTML i CSS: Responsywność (RWD), ~145 stron
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.
- Wprowadzenie
- Rozdzielczość & DPI
- Viewport
- Fluid vs fixed
- Jednostki relatywne
- Breakpoints
- Media queries
- Mobile first
- AWD vs RWD
- Responsywna treść
- Wiele kolumn tekstu
- Wykropkowanie
- Kształty
- Responsywne obrazy
- Wypełnianie przestrzeni
- Dopasowanie rozmiaru
- Skalowalne tło
- Responsywne wideo (iframe)
- Responsywne menu
- Grid
- Wprowadzenie
- Układ mobile first
Basia –
Polecam ten kurs osobom, które zaczynają przygodę z HTML-em i CSS-em. Wszystko jasno wyjaśnione!
Maciej –
Jestem bardzo zadowolony z zakupu. W końcu mogę poświęcić się w całości nauce i nie muszę się zastanawiać się czego się uczyć!