Helion


Szczegóły kursu video

Frontend developer. Kurs video. HTML i CSS. Poziom podstawowy

Frontend developer. Kurs video. HTML i CSS. Poziom podstawowy

Obierz kurs na... frontend development

Właściwie: obierz kurs na frontend development i - szerzej - na aktywne działania w internecie, oznaczające coś więcej niż pisanie komentarzy pod postami. Cokolwiek bowiem zamierza się w sieci wykreować - stworzyć reklamę graficzną, przygotować i wysłać mailing do klienta, o tworzeniu i modyfikacji stron WWW, aplikacji desktopowych oraz mobilnych nie wspominając - znajomość zasad posługiwania się językiem HTML jest kluczowa. Dla frontend developera HTML to język „pierwszego kontaktu”, bez którego nie może ruszyć dalej, ku JavaScriptowi i jego frameworkom.

Akronim HTML z angielskiego oznacza: hipertekstowy język znaczników (HyperText Markup Language). Co w tłumaczeniu z programistycznego na ludzki brzmi: język oparty na hiperłączach (inaczej: odnośnikach), zbudowany ze znaczników, czyli słów kluczowych otoczonych nawiasami ostrymi. Dla kogoś, kto nigdy nie miał do czynienia z HTML-em, nie widział na przykład, jak wygląda w nim zapis kodu strony internetowej, powyższe definicje mogą brzmieć skomplikowanie. Ale zaręczamy - tak jest tylko do pierwszego kontaktu. Osoba, która kiedykolwiek stworzyła choćby prosty wpis na blogu i próbowała ustawić odpowiednią hierarchię nagłówków, dodać zdjęcie czy link do strony zewnętrznej, już pracowała z HTML-em. Teraz czas na to, by zapoznać się z nim bliżej.

Co Cię czeka podczas naszego profesjonalnego szkolenia?

Podczas tego kursu video:

  • Poznasz podstawy składni HTML-a.
  • Nauczysz się dobrych praktyk przygotowywania plików HTML.
  • Zapoznasz się z nowymi tagami HTML5.
  • Opanujesz zasady „semantycznego” wykorzystywania HTML-a, co wpływa między innymi na pozycjonowanie strony.
  • Zaznajomisz się z CSS-em w najnowszej wersji.
  • Zaczniesz tworzyć podstawowe animacje CSS.

Co więcej...

  • Opanujesz najważniejsze zasady dobrego web designu.

Po ukończeniu szkolenia Frontend developer. Kurs video. HTML i CSS. Poziom podstawowy Twoją znajomość zagadnienia będzie można określić jako podstawową, co oznacza, że będziesz w pełni przygotowany do stworzenia pierwszej strony internetowej.

Po co komu HTML?

Zakres możliwości, jakie otwierają się przed osobą znającą HTML, jest ogromny. Dobrze znać ten język powinien oczywiście każdy programista. Frontend developer - to jasne, ponieważ bez opanowania i zrozumienia HTML-a oraz JavaScriptu nie sposób w pełni pojąć zasad funkcjonowania najważniejszych technologii frontendowych. Jednak opanowanie HTML-a przyda się także backendowcowi. Pozwoli mu wyjść poza własne poletko i lepiej zrozumieć drugą stronę programistycznej barykady, a w przyszłości - kto wie... może wręcz zmienić stronę albo odrzucić ten trochę sztuczny podział i obok backendu zająć się również frontendem? Dalej mamy twórców aplikacji mobilnych i webowych. Oni też na co dzień posługują się HTML-em. Podobnie, choć może w mniejszym zakresie, jest on potrzebny osobom zajmującym się marketingiem online. Opanowanie hipertekstowego języka znaczników ma głęboki sens również dla właścicieli niewielkich firm, którzy chcą samodzielnie wprowadzać drobne zmiany na stronach internetowych swoich przedsiębiorstw (na przykład tworzyć treści na firmowego bloga). Gdyby szef jednoosobowej firmy miał każdorazowo prosić zaprzyjaźnionego programistę o interwencję, chyba by zbankrutował... A tak, dzięki znajomości podstaw języka HTML, drobne zmiany i usprawnienia wprowadzi sam. Bezkosztowo.

  • 1. Wprowadzenie do kursu
    • 1.1. Wprowadzenie do kursu00:08:00
    • 1.2. Jak się uczyć?00:03:55
    • 1.3. Narzędzia potrzebne do nauki00:02:43
  • 2. HTML
    • 2.1. Wprowadzenie do HTML00:10:11
    • 2.2. Headings00:05:31
    • 2.3. Paragrafy00:03:30
    • 2.4. Tagi stylujące00:07:37
    • 2.5. Obrazki00:08:29
    • 2.6. Linki00:02:35
    • 2.7. Tagi oznaczające fragmenty strony (landmarks)00:11:22
  • 3. CSS
    • 3.1. Wprowadzenie do CSS00:09:03
    • 3.2. Selektory, formy stylowania00:10:18
    • 3.3. Wartości procentowe00:06:55
    • 3.4. Komentarze, marginesy00:06:05
    • 3.5. Padding00:04:47
    • 3.6. Obramowanie elementów00:06:10
    • 3.7. Box-model00:02:55
    • 3.8. Zdjęcia i kolory tła elementów00:07:44
    • 3.9. Block oraz inline00:08:08
    • 3.10. Używanie klas, nazewnictwo00:09:22
    • 3.11. Klasy, ciąg dalszy00:06:21
    • 3.12. Pozycje absolutne i relatywne (ćwiczenia z okiem)00:13:05
    • 3.13. ID vs class w CSS00:08:06
    • 3.14. Poprawne używanie tagów00:15:10
  • 4. Praktyczny projekt - strona WWW
    • 4.1. Setup projektu w VSC00:16:19
    • 4.2. Resetowanie stylów00:13:42
    • 4.3. Nawigacja00:14:10
    • 4.4. Pobieranie nowych czcionek00:08:57
    • 4.5. Container00:07:34
    • 4.6. Flexbox w nawigacji00:11:55
    • 4.7. Proste animacje z pseudoklasą00:05:42
    • 4.8. Budowanie landing page00:13:11
    • 4.9. Cień na obrazie tła, dla zwiększenia czytelności00:13:27
    • 4.10. Stylowanie tekstu i przycisku na landing page00:11:41
    • 4.11. Lista ofert, flex-warp00:11:57
    • 4.12. Stylowanie list ofert00:04:43
    • 4.13. Tworzenie stopki00:15:05
    • 4.14. Płynny scroll dzięki nawigacji00:03:57
    • 4.15. Ostatnie szlify w projekcie00:05:52
  • 5. Podsumowanie
    • 5.1. Podsumowanie00:02:34

  • Tytuł: Frontend developer. Kurs video. HTML i CSS. Poziom podstawowy
  • Autor: Radosław Madecki
  • Ilość rozdziałów: 5
  • Ilość lekcji: 40
  • Czas trwania: 05:38:48
  • ISBN: 978-83-283-6590-2, 9788328365902
  • Identyfikator pozycji: vpohtm