- Autor:
- Długość
- liczba lekcji: 57, czas trwania: 08:24:29
- Ocena
Kurs video
Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a Radosław Madecki
- Autor:
- Radosław Madecki
- Wydawnictwo:
- Videopoint
- Wersja:
- Online
- Czas trwania:
- 8 godz. 24 min.
- Technologia:
- HTML5, CSS3
- Ocena:
Spis lekcji kursu video
-
1. Wstęp 00:15:44
-
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
-
7. Co dalej? 00:02:16
Opis
kursu video
:
Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a
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
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
Videopoint - inne kursy
Dzięki opcji "Druk na żądanie" do sprzedaży wracają tytuły Grupy Helion, które cieszyły sie dużym zainteresowaniem, a których nakład został wyprzedany.
Dla naszych Czytelników wydrukowaliśmy dodatkową pulę egzemplarzy w technice druku cyfrowego.
Co powinieneś wiedzieć o usłudze "Druk na żądanie":
- usługa obejmuje tylko widoczną poniżej listę tytułów, którą na bieżąco aktualizujemy;
- cena książki może być wyższa od początkowej ceny detalicznej, co jest spowodowane kosztami druku cyfrowego (wyższymi niż koszty tradycyjnego druku offsetowego). Obowiązująca cena jest zawsze podawana na stronie WWW książki;
- zawartość książki wraz z dodatkami (płyta CD, DVD) odpowiada jej pierwotnemu wydaniu i jest w pełni komplementarna;
- usługa nie obejmuje książek w kolorze.
Masz pytanie o konkretny tytuł? Napisz do nas: sklep@helion.pl
Książka drukowana
Oceny i opinie klientów: Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a Radosław Madecki (0) Weryfikacja opinii następuję na podstawie historii zamówień na koncie Użytkownika umieszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniające do uzyskania rabatu w ramach Programu Punktowego.