Helion


Szczegóły kursu video

Frontend developer. Kurs video. HTML i CSS. Poziom średnio zaawansowany

Frontend developer. Kurs video. HTML i CSS. Poziom średnio zaawansowany

Obierz kurs na... wyższy stopień wtajemniczenia frontend developmentu

Początkujący programisto, stażysto lub praktykancie w agencji reklamowej, człowieku, który właśnie zmieniasz swoje zawodowe życie, przekwalifikowując się na projektanta stron internetowych - w Twoim przypadku, podobnie jak każdego innego frontend developera w kraju i na świecie, dogłębna znajomość HTML-a i CSS-a jest obowiązkowa. Nie wystarczy Ci jednak ogólna wiedza o tych dwóch językach programowania. Musisz dobrze je poznać i nauczyć się nimi swobodnie posługiwać. Oczywiście o ile zależy Ci na zdobyciu dobrze płatnej pracy w zawodzie albo rozpoczęciu pełnej sukcesów kariery programisty frontendu.

Proponowane przez nas szkolenie wprowadzi Cię w tajniki posługiwania się językami HTML oraz CSS na poziomie średnio zaawansowanym. Dzięki kursowi poznasz wiele zagadnień często pomijanych podczas nauki tych technologii. Pozwoli Ci to zdobyć przewagę w walce o stanowisko, na które będziesz aplikować. Znajomość zagadnień związanych z dostępnością czy animacją CSS - na których temat trudno znaleźć w sieci materiały szkoleniowe - zmieni Cię z amatora w prawdziwego web developera. Wiedza dotycząca technik RWD, najlepszych praktyk pracy z HTML i nowoczesnych metod stylowania przyda Ci się zarówno w czasie poszukiwania ciekawej pracy, jak i później - podczas jej wykonywania.

Co Cię czeka w trakcie naszego profesjonalnego szkolenia?

Podczas pracy z tym kursem video:

  • Nauczysz się pisać wysokiej jakości kod HTML oraz CSS.
  • Poznasz zasady WCAG, automatycznej analizy i refaktorowania kodu.
  • Dowiesz się, czym są ARIA, Flexbox i Grid.
  • Opanujesz techniki RWD oraz przestawisz się na wykorzystywanie @media i myślenie mobile-first.
  • Będziesz korzystać ze zmiennych w CSS oraz z funkcji CSS.
  • Popracujesz z narzędziami graficznymi UI (Figma).
  • Skorzystasz z techniki prototypowania rozwiązań.

Co więcej...

  • Poćwiczysz kreatywne myślenie, tworząc różnego rodzaju zoptymalizowane, nowoczesne animacje CSS.

Frontend Developer. Kurs video. HTML i CSS. Poziom średnio zaawansowany pozwoli Ci opanować taki zakres wiedzy i osiągnąć taką biegłość w posługiwaniu się HTML i CSS, że będziesz mógł bez problemu zdobyć i utrzymać swoją pierwszą pracę jako programista frontendu. Informacje zawarte w szkoleniu przydadzą Ci się także do tego, by zabłysnąć przed przełożonymi, ponieważ obok zagadnień na poziomie podstawowym i średnio zaawansowanym porusza ono tematy, które zwykle wprowadza się dopiero na kursach zaawansowanych.

Znając HTML i CSS...

...otworzysz przed sobą wiele zawodowych dróg. Przede wszystkim, jako developer ze znajomością HTML-a i CSS-a, będziesz w stanie sprawnie budować strony responsywne, czyli takie, które poprawnie uruchomią się na większości urządzeń. Znajomość zasad WCAG 2.1 oraz ARIA, które opanujesz w trakcie kursu, pozwolą Ci tworzyć strony dla urzędów i innych instytucji państwowych. Będziesz w stanie oceniać kod, dokonywać jego walidacji i refaktoryzacji projektów - co jest przydatne w pracy konsultanta freelancera, na stanowisku w software house czy w agencji reklamowej. Dobre opanowanie HTML-a oraz CSS-a jest niezbędne także do tego, by przygotowywać strony zgodne z najlepszymi praktykami SEO, to jest takie, które będą pojawiać się wysoko w wynikach wyszukiwania. Połączywszy znajomość HTML-a i CSS-a ze znajomością JS, będziesz gotów do tego, by kreować nowoczesne, profesjonalne aplikacje webowe oraz mobilne. Jak widzisz, bliższa znajomość z tymi dwoma bazowymi we frontend developmencie językami programowania da Ci wiele możliwości wyboru - od pracy w software house przy pisaniu rozmaitych aplikacji, przez stanowisko w agencji reklamowej z implementacją ciekawych, kreatywnych layoutów, aż po działanie freelancerskie, w ramach którego będziesz realizować projekty samodzielnie od A do Z.

  • 1. Wprowadzenie
    • 1.1. O czym będzie kurs?00:08:48
    • 1.2. Jak się uczyć?00:04:43
  • 2. Rozwinięcie tagów HTML
    • 2.1. W3C, WCAG, Axe00:06:47
    • 2.2. Analiza strony pod względem dostępności00:10:55
    • 2.3. Poprawne deklarowanie landmarków, drzewo dostępności00:11:39
    • 2.4. Budowanie pełnej, poprawnej semantycznie struktury strony00:13:41
    • 2.5. Dodatkowe, ciekawe i nietypowe tagi00:12:10
  • 3. Flex & Grid
    • 3.1. Wprowadzenie do flexbox00:07:25
    • 3.2. Flex direction & order00:06:48
    • 3.3. Flex wrap & flow00:06:02
    • 3.4. Flex shrink & grow00:08:27
    • 3.5. Justify content & align items00:11:53
    • 3.6. Praktyczny przykład - nawigacje we flex00:10:33
    • 3.7. Wprowadzenie do Grida00:08:14
    • 3.8. Grid template columns, rows00:09:35
    • 3.9. Grid column start, end (własny grid jak w Bootstrap)00:10:19
  • 4. RWD
    • 4.1. Wprowadzenie do RWD00:11:42
    • 4.2. Container, pierwsze @media00:11:38
    • 4.3. Responsywna nawigacja00:13:09
    • 4.4. Trick 1 - Otwierane menu w czystym CSS00:09:57
    • 4.5. Trick 2 - Responsywne koła i kwadraty00:08:49
  • 5. Wstęp do głównego projektu
    • 5.1. Wprowadzenie do programu graficznego Figma00:05:02
    • 5.2. Setup projektu00:10:03
    • 5.3. Praca z nawigacją, BEM00:12:11
    • 5.4. Zmienne w CSS00:12:00
    • 5.5. Porządkowanie kodu, dopracowywanie nawigacji00:11:05
    • 5.6. Kodowanie landing page projektu00:12:21
    • 5.7. Landing page cz. 200:10:33
    • 5.8. Druga sekcja, start00:15:39
    • 5.9. Druga sekcja, koniec00:15:39
    • 5.10. Trzecia sekcja, start00:16:07
    • 5.11. Trzecia sekcja, koniec00:19:20
    • 5.12. Pozostałe szlify00:04:59
  • 6. Wprowadzanie wersji RWD
    • 6.1. Przygotowywanie do przerobienia na RWD00:14:38
    • 6.2. Mobilna nawigacja w praktyce00:09:56
    • 6.3. Dopasowywanie drugiej sekcji pod mobile00:14:31
    • 6.4. Analiza widoku trzeciego i przygotowanie do RWD00:12:56
    • 6.5. Praca z trzecim widokiem, c.d.00:10:29
    • 6.6. Dopasowywanie do widoku tabletowego00:13:03
    • 6.7. Widok laptop, desktop00:08:12
    • 6.8. Ostatnie szlify RWD00:08:39
  • 7. Animacje
    • 7.1. Możliwość animacji, pseudoklasy00:05:58
    • 7.2. Transition00:06:39
    • 7.3. Transform00:11:13
    • 7.4. Animation00:14:43
    • 7.5. Animowanie cienia w CSS, cz. 100:12:01
    • 7.6. Animowanie cienia w CSS, cz. 200:06:22
    • 7.7. Loader w CSS00:06:20
  • 8. Podsumowanie
    • 8.1. Podsumowanie00:02:46

  • Tytuł: Frontend developer. Kurs video. HTML i CSS. Poziom średnio zaawansowany
  • Autor: Radosław Madecki
  • Ilość rozdziałów: 8
  • Ilość lekcji: 49
  • Czas trwania: 08:26:39
  • ISBN: 978-83-283-6994-8, 9788328369948
  • Identyfikator pozycji: vfrond