Zamień ten tekst na URL Webhooka

Lekcja tekstowa
Zadania są dostępne na platformie GitHub w repozytorium practice-html-and-css-basics.

Jeśli do tej pory nie miałeś do czynienia z Gitem, to gorąco Cię zachęcam do zapoznania się z darmowym warsztatem dotyczącym narzędzi, gdzie znajdziesz dokładne informacje, jak wystartować z Gitem.

Uwaga! Raz w tygodniu wykonuję bezpłatny Code Review wybranej losowo osobie, która nie współpracuje ze mną w ramach mentoringu. Zrób Pull Request i weź udział w losowaniu. O wynikach losowania będę informował w piątkowym newsletterze, dlatego już teraz zachęcam Cię do zapisania się na niego. Życzę Ci efektywnej nauki programowania!

Pozdrawiam, Mateusz Bogolubow
Jak prawidłowo wykonać zadania?
  • Najpierw zrób tzw. fork (prawy górny róg strony). W ten sposób utworzysz kopię tego repozytorium na Twoim koncie GitHub.
  • Teraz będziesz mógł wykonywać zadania na swoim repozytorium. Wystarczy, że skopiujesz pliki na swój komputer przy pomocy komendy git clone.
  • Zadania rozwiązuj jedno po drugim, ponieważ z każdym kolejnym ich poziom trudności wzrasta.
  • Pamiętaj o zapisywaniu historii zmian w plikach przy pomocy komend git add oraz git commit.
  • Aby wysłać dane na zdalny serwer, wystarczy komenda git push.
  • Po wysłaniu plików na GitHuba wykonaj Pull Request, aby wziąć udział w losowaniu bezpłatnego Code Review wykonanych zadań.
Lekcja audio
Zadania są dostępne na platformie GitHub w repozytorium practice-html-and-css-basics.

Jeśli do tej pory nie miałeś do czynienia z Gitem, to gorąco Cię zachęcam do zapoznania się z darmowym warsztatem dotyczącym narzędzi, gdzie znajdziesz dokładne informacje, jak wystartować z Gitem.

Uwaga! Raz w tygodniu wykonuję bezpłatny Code Review wybranej losowo osobie, która nie współpracuje ze mną w ramach mentoringu. Zrób Pull Request i weź udział w losowaniu. O wynikach losowania będę informował w piątkowym newsletterze, dlatego już teraz zachęcam Cię do zapisania się na niego. Życzę Ci efektywnej nauki programowania!

Pozdrawiam, Mateusz Bogolubow
Jak prawidłowo wykonać zadania?
  • Najpierw zrób tzw. fork (prawy górny róg strony). W ten sposób utworzysz kopię tego repozytorium na Twoim koncie GitHub.
  • Teraz będziesz mógł wykonywać zadania na swoim repozytorium. Wystarczy, że skopiujesz pliki na swój komputer przy pomocy komendy git clone.
  • Zadania rozwiązuj jedno po drugim, ponieważ z każdym kolejnym ich poziom trudności wzrasta.
  • Pamiętaj o zapisywaniu historii zmian w plikach przy pomocy komend git add oraz git commit.
  • Aby wysłać dane na zdalny serwer, wystarczy komenda git push.
  • Po wysłaniu plików na GitHuba wykonaj Pull Request, aby wziąć udział w losowaniu bezpłatnego Code Review wykonanych zadań.
Zadanie
Zadania są dostępne na platformie GitHub w repozytorium practice-html-and-css-basics.

Jeśli do tej pory nie miałeś do czynienia z Gitem, to gorąco Cię zachęcam do zapoznania się z darmowym warsztatem dotyczącym narzędzi, gdzie znajdziesz dokładne informacje, jak wystartować z Gitem.

Uwaga! Raz w tygodniu wykonuję bezpłatny Code Review wybranej losowo osobie, która nie współpracuje ze mną w ramach mentoringu. Zrób Pull Request i weź udział w losowaniu. O wynikach losowania będę informował w piątkowym newsletterze, dlatego już teraz zachęcam Cię do zapisania się na niego. Życzę Ci efektywnej nauki programowania!

Pozdrawiam, Mateusz Bogolubow
Jak prawidłowo wykonać zadania?
  • Najpierw zrób tzw. fork (prawy górny róg strony). W ten sposób utworzysz kopię tego repozytorium na Twoim koncie GitHub.
  • Teraz będziesz mógł wykonywać zadania na swoim repozytorium. Wystarczy, że skopiujesz pliki na swój komputer przy pomocy komendy git clone.
  • Zadania rozwiązuj jedno po drugim, ponieważ z każdym kolejnym ich poziom trudności wzrasta.
  • Pamiętaj o zapisywaniu historii zmian w plikach przy pomocy komend git add oraz git commit.
  • Aby wysłać dane na zdalny serwer, wystarczy komenda git push.
  • Po wysłaniu plików na GitHuba wykonaj Pull Request, aby wziąć udział w losowaniu bezpłatnego Code Review wykonanych zadań.
Dodatkowe informacje
Dodatkowe informacje
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Warsztat będzie omawiać poniższe zagadnienia. Informacje na ich temat znajdziesz zarówno w części teoretycznej, jak i praktycznej, tj. w zadaniach oraz projekcie.

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

Co wchodzi w skład warsztatu?

  • PDF w formie prezentacji, który zawiera wyjaśnienie zagadnień wraz z przykładami kodu (zobacz darmowy warsztat).
  • Zadania do samodzielnego wykonania w serwisie GitHub (wymagane darmowe konto).
  • Omówienie i przedstawienie rozwiązań zadań w formie wideo.
  • Projekt do samodzielnego wykonania, który można wykorzystać w portfolio.
  • Wideo z przykładowym Code Review projektów – omówienie dobrych praktyk i najczęściej popełnianych błędów.
Mateusz Bogolubow
Mateusz Bogolubow

Programowanie stało się moją pasją jeszcze przed dwudziestką, a zawodem – gdy założyłem firmę programistyczną podczas studiów. Przez kilka lat uczyłem kursantów na bootcampie, by później zmienić podejście na mentoring jako bardziej efektywny sposób przekazywania wiedzy. Poza pracą jestem twórcą podcastu Pierwsze kroki w IT, mężem, ojcem, a także pasjonatem szachów, optymalizacji i zdrowego stylu życia oraz górskich wypraw.

Zadania (GitHub)
keyboard_arrow_down
HTML i CSS: Podstawy
99%
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.