ODBIERZ TWÓJ BONUS :: »

Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a

Podstawowe informacje:
Czas trwania: 08:24:29
Poziom: podstawowy
Autor: Radosław Madecki
Liczba lekcji: 57
Technologia: HTML5, CSS3
Dla firm
Rozwiń umiejętności swoich pracowników dzięki kursom video
Dowiedz się więcej
  • Monitorowanie postępów pracowników. Przejrzyste raporty i imienne certyfikaty ukończenia kursów
  • Atrakcyjne rabaty dla zespołów. Im więcej pracowników liczy zespół, tym większy uzyskasz rabat
  • Doradztwo w wyborze tematyki szkoleń. Mamy setki kursów, dostosujemy program nauczania pod Twój zespół
Indywidualnie
39,90 zł 149,00 zł (-73%)
96,85 zł najniższa cena z 30 dni Dodaj do koszyka Za zakup otrzymasz 39 punktów
Korzyści:
  • Certyfikat ukończenia
  • Materiały dodatkowe do kursu
  • Test online
  • Dożywotni dostęp
  • Dostęp w aplikacji (także offline)
  • Napisy w języku polskim
Ten kurs należy do ścieżki Frontend Developer
Czas trwania: 37 godz.
DOWIEDZ SIĘ WIĘCEJ
Ten kurs należy do ścieżki Frontend Developer »

Czego się nauczysz?

  • Poznasz podstawowe tagi semantyczne HTML i dobre praktyki ich używania
  • Nauczysz się podstawowych technik stylowania w CSS, takich jak kolory, czcionki, marginesy i paddingi
  • Zbudujesz strony responsywne, które będą działały na różnych rozdzielczościach ekranów
  • Zrozumiesz podstawy accessibility, czyli dostępności stron dla użytkowników z niepełnosprawnościami
  • Stworzysz prosty landing page – stronę, która będzie zarówno responsywna, jak i poprawna semantycznie
  • Zdobędziesz wiedzę na temat optymalizacji wydajności stron internetowych

Spis lekcji

1. Wstęp 00:15:44
1.1. Intro
OGLĄDAJ » 00:00:27
1.2. Jak powstał Internet?
OGLĄDAJ » 00:07:55
1.3. Kim jestem?
OGLĄDAJ » 00:03:00
1.4. Dla kogo jest ten kurs?
OGLĄDAJ » 00:04:22
2. Kluczowe tagi, fundament naszej wiedzy 01:26:57
2.1. Parę metafor żeby łatwiej załapać temat
00:04:31
2.2. Wszystko składa się z pudełek
00:07:06
2.3. Zostań gwiazdą boksu
00:03:13
2.4. Gdzie napiszemy pierwszy kod?
00:05:41
2.5. Nagłówki, sekretna wiedza!
00:13:09
2.6. Paragraf to po prostu paragraf
00:06:48
2.7. Listy
00:06:26
2.8. Dlaczego nie działają entery i spacje?
00:04:11
2.9. Tagi inline, formatowanie tekstu
00:11:15
2.10. Obraz wyraża więcej niż 1000 słów
00:10:37
2.11. Omówienie zadania domowego
00:01:43
2.12. Jak zrobiłem swoje zadanie domowe?
00:12:17
3. Dobre praktyki tworzenia struktury stron 01:03:30
3.1. Gdzie jest Wallie?
00:06:16
3.2. Odpalamy lokalny edytor kodu
00:09:45
3.3. Struktura HTML, czyli nie ufaj maszynom
00:13:00
3.4. Nasz brzydki kod na start
00:09:05
3.5. Main
00:02:48
3.6. Section
00:04:16
3.7. Header
00:05:34
3.8. Nav
00:02:10
3.9. Article i Aside
00:06:33
3.10. Footer
00:02:05
3.11. Przed i po
00:01:58
4. Tu zaczyna się magia czyli style w CSS 02:25:10
4.1. Wprowadzenie
00:02:39
4.2. Jak w ogóle używać CSS?
00:16:51
4.3. CSS w zewnętrznym pliku
00:06:21
4.4. Bonus, jak szybko tworzyć pliki HTML i szczypta historii
00:04:38
4.5. Zapnij pasy, wyczekiwany box model
00:20:34
4.6. Parę wyjaśnień do poprzedniej lekcji o box-model
00:11:13
4.7. Zaczynamy pracę z designem
00:06:54
4.8. Ustawianie fontu
00:17:16
4.9. Kończymy tag, dodajemy kontener (banner)
00:17:29
4.10. Inteligentne centrowanie poziome + zadanie domowe
00:17:40
4.11. Rozwiązanie zadania domowego
00:16:50
4.12. Ostatnie szlify w zadaniu domowym
00:06:45
5. Potężne narzędzie do układania elementów - Flexbox 02:25:32
5.1. Wstęp do flexbox, align-items
00:09:04
5.2. Justify content
00:09:04
5.3. Robimy nawigację
00:16:05
5.4. Kończymy nawigację
00:09:11
5.5. Sekcja z projektami
00:13:51
5.6. Flex direction, czyli odwrócenie ról
00:11:51
5.7. Kończymy stylowanie pojedynczego projektu
00:19:43
5.8. Zadanie domowe i stopka
00:05:50
5.9. Zaczynamy stronę Projects
00:09:10
5.10. Breadcrumbs, okruszki chleba
00:13:34
5.11. Kategorie zleceń
00:11:16
5.12. Niesforne zdjęcia
00:09:34
5.13. Powtórka ze zdobytej wiedzy w dziale
00:07:19
6. Strona, która zadziała na zegarku i lodówce czyli responsywność 00:45:20
6.1. Wstęp do responsywności
00:07:14
6.2. Jak zrobić by wyglądało ładnie - eksperymenty na żywo
00:14:57
6.3. Naprawiamy style i wyjaśniam czemu tak
00:09:31
6.4. Gotowe, mamy wersję na urządzenia mobilne
00:13:38
7. Co dalej? 00:02:16
7.1. Co powinieneś zrobić dalej?
00:02:16

Obierz kurs na... ambitny frontend od podstaw

HTML i CSS bez wątpienia zrewolucjonizowały Internet, umożliwiając każdemu dostęp do tworzenia stron WWW, aplikacji i atrakcyjnych treści w sieci. Dzięki HTML strony internetowe stały się interaktywne, bogate w multimedia. Z kolei CSS dało twórcom narzędzie do oddzielenia struktury dokumentu od stylu, co pozwoliło na tworzenie estetycznych, responsywnych stron, które wyglądają świetnie na różnych urządzeniach. Te technologie nie tylko umożliwiły rozwój dynamicznych aplikacji internetowych, ale także stanowią fundament współczesnego, interaktywnego web designu. Bez HTML i CSS Internet nie rozwijałby się w tak szybkim tempie, a strony pozostałyby prostymi, statycznymi dokumentami. Znajomość HTML i CSS jest istotna nie tylko dla programistów, ale też marketingowców i wszystkich pracujących z nowoczesnymi narzędziami no-code i low-code. Niestety, wiele osób, które pracują w zawodzie web developera, zna tylko pobieżnie fundamenty HTML i CSS. Tę wiedzę łatwo zdobyć, a wbrew pozorom jest bardzo rzadka. Zamiast polegać na skrótach, dołącz do grona ambitnych frontendowców! Zainwestuj w solidną wiedzę – zyskasz przewagę, której wielu brakuje.

Szkolenie Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a ukończysz na poziomie podstawowym rozszerzonym. W ciągu ponad 8 godzin nauki zdobędziesz wiedzę, która wykracza poza elementarne zagadnienia, a co najważniejsze – dowiesz się, jak skutecznie używać jej w praktyce. Poznasz składnię, kluczowe tagi HTML i dobre praktyki semantyczne, dzięki czemu zbudujesz proste, ale nowoczesne i ustrukturyzowane strony internetowe. Opanujesz techniki, które pomogą Twoim stronom osiągać lepsze wyniki w wyszukiwarkach, tym samym poprawi się ich pozycjonowanie i widoczność w sieci. Zrozumiesz, jak pisać czysty kod, a Twoja praca będzie bardziej profesjonalna i ceniona w środowisku zawodowym, jak również podczas rekrutacji. Przyswoisz podstawy stylowania w CSS, dzięki czemu stworzysz nowoczesne i atrakcyjne wizualnie strony. Nauczysz się budować responsywne projekty, które działają poprawnie na różnych urządzeniach – od telefonów po komputery – i docierają do szerszej grupy użytkowników. Opanujesz pracę z modelem pudełkowym (ang. box model), dzięki czemu zrozumiesz, jak przestrzeń wokół elementów wpływa na układ strony. Ustawisz odpowiednie czcionki i stworzysz kontenery, takie jak banery, a także przećwiczysz inteligentne centrowanie poziome. Poznasz zasady używania flexboxa, co pozwoli Ci precyzyjnie rozmieszczać elementy, za pomocą właściwości takich jak align-items i justify content. Stworzysz nawigację i sekcję z projektami, ucząc się, jak efektywnie zarządzać układem stron i stosować flex direction do odwracania układów. Dodatkowo zdobędziesz wiedzę na temat dostępności (accessibility), co pozwoli Ci tworzyć strony dostępne dla wszystkich, w tym osób z niepełnosprawnościami. To szkolenie przygotuje Cię do samodzielnego tworzenia nowoczesnych i funkcjonalnych stron internetowych.

Duet HTML i CSS

HTML i CSS działają razem jak szkic i farby – HTML buduje ramę strony, a CSS nadaje jej kolory. Co więcej, dobrze zorganizowany kod HTML i efektywnie napisany CSS podnoszą jej wydajność, co przekłada się na szybsze ładowanie i lepsze doświadczenie użytkownika. Dzięki CSS strony mogą być dostępne i funkcjonalne dla osób z różnymi niepełnosprawnościami, co jest nie tylko ważne społecznie, ale też zgodne z przepisami. Bez znajomości tych technologii tworzenie nowoczesnych, estetycznych i funkcjonalnych stron byłoby niemożliwe.

Wybrane bestsellery

O autorze kursu video

Radek Madecki – frontend developer, product owner i pasjonat budowania społeczności. Twórca cyklu Ambitny Frontend, autor kursów dla programistów, które uczą technologii, kariery i rozsądnego podejścia do pracy w IT. Po godzinach rozwija bloga, gotuje, ćwiczy i szuka balansu między kodem a życiem.

Najtrudniejszy jest pierwszy krok, ale za rok podziękujesz sobie, że teraz go wykonałeś.

Radosław Madecki - pozostałe kursy

Oceny i opinie klientów: Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a Radosław Madecki (9)

Informacja o opiniach
Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.
2.8
  • 6 (3)
  • 5 (0)
  • 4 (0)
  • 3 (0)
  • 2 (1)
  • 1 (5)
  • Część komentarzy wygląda jak od jednej niezadowolonej osoby. Mowienie, że można znaleźć takie same treści na Youtube to absurd - tam trzeba sobie samemu szukać i sklejać masę wiedzy samemu, słuchając sprzecznych stanowisk :) Tutaj podane wszystko na tacy od A-Z a cała ścieżka jest naprawdę jak prowadzenie za rączkę, dla mnie przepaść względem uczenia się samemu

    Rozwiń »
    Opinia: anonimowa Opinia dodana: 2025-08-21 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Dobrze wytłumaczone podstawy. Autor ma dar do tego co robi. Fajnie dobrane projekty, stopień skomplikowania niewielki a efekt nowoczesny i przyciągający uwagę

    Opinia: anonimowa Opinia dodana: 2025-07-07 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Kluczowe fundamenty niezbędne do pełnego zrozumienia pracy na froncie. Robiłem już bardziej zaawansowane kursy wcześniej i wahałem się czy ten też robić, czy nie zmarnuję czasu, ale dowiedziałem się masy nieoczywistych rzeczy.

    Opinia: Kacper M Opinia dodana: 2025-05-23 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Więcej treści niż na tym kursie można znaleźć na YouTubie, więc nie polecam tego kursu zwłaszcza dla początkujących.

    Opinia: anonimowa Opinia dodana: 2025-07-16 Ocena: 2   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Nie polecam.

    Opinia: anonimowa Opinia dodana: 2025-07-18 Ocena: 1   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Strata czasu. Lepiej sobie kupić jakąś fajną książkę i do tego oglądnąć filmiki na YouTube niż wydać kasę na ten kurs. Pozdrawiam i życzę przemyślanych zakupow.

    Opinia: anonimowa Opinia dodana: 2025-07-17 Ocena: 1   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Kurs nie ma sensu. Gościu narcystyczny, nie da się go słuchać. Po tym kursie niczego się nie dowiedziałem, a jestem dopiero początkujący, mam też kilka innych kursow od tego faceta i każdy jest słabo wytłumaczony. Bardzo Wam tego nie polecam.

    Opinia: anonimowa Opinia dodana: 2025-07-16 Ocena: 1   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Kurs "Ambitny Frontend: HTML i CSS" nie jest przeznaczony nawet dla osob początkujących, bo nie ma prawie żadnych zadań praktycznych, tylko trzeba wszystko przepisywać. Pan Radosław jak nagrywa zasłania znaczącą treść materiału nagraniem z kamery, więc trzeba się domyślać co tam jest napisane, a dla początkujących jest to naprawdę trudne.

    Rozwiń »
    Opinia: anonimowa Opinia dodana: 2025-07-16 Ocena: 1   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Bardzo mi się kurs nie podobał. Trudno mi zrozumieć jego tłumaczenia i według mnie kupienie tego kursu to jest wyrzucenie pieniędzy w błoto.

    Opinia: anonimowa Opinia dodana: 2025-06-25 Ocena: 1   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
więcej opinii »

Szczegóły kursu

Dane producenta » Dane producenta:

Helion SA
ul. Kościuszki 1C
41-100 Gliwice
e-mail: gpsr@helion.pl
Format: Online
Data aktualizacji: 2024-11-19
ISBN: 978-83-289-1652-4, 9788328916524
Numer z katalogu: 235988

Videopoint - inne kursy

Kurs video
39,90 zł
Dodaj do koszyka
Sposób płatności