Zawartość kursu

Kliknij lekcje oznaczone jako "Darmowa wersja próbna", aby obejrzeć wybrane materiały bez płatności.

  • 1

    Część 2 - HTML + CSS + Flexbox

    • 1. Wstęp

    • 2. Pierwszy znacznik

    • 3. Struktura HTML

    • 4. Znacznik head

    • 5. Podstawy Emmet

    • 6. Elementy HTML

    • 7. Elementy HTML - DIV

    • 8. Elementy HTML - UL OL

    • 9. Elementy HTML - A cz. 1

    • 10. Elemety HTML - A cz. 2

    • 11. Elementy HTML- IMG

    • 12. Elementy HTML - IFRAME

    • 13. Mockupy, wireframey

    • 14. Projekt cz. 1 - HTML

    • 15. CSS podstawy składni i załączanie do HTML

    • 16. Kolory w CSS

    • 17. Podstawy selektorów

    • 18. Grupowanie selektorów

    • 19. Selektory łączone (kombinatory)

    • 20. Pseudoklasy visited i hover

    • 21. Wybieranie elementów po tagu, id i klasie jednocześnie

    • 22. Wagi selektorów (specificity) cz. 1

    • 23. Wagi selektorów (specificity) cz. 2

    • 24. Dziedziczenie (inheritance)

    • 25. Jednostki w CSS

    • 26. Jednostki w CSS - vw, vh

    • 27. Jednostki w CSS - procenty

    • 28. Overflow

    • 29. Display, visibility, opacity

    • 30. Box model, marginesy zewnętrne i wewnętrzne

    • 31. Box model - ramki

    • 32 - Box model - box-sizing

    • 33. Cienie

    • 34. Zaokrąglone narożniki

    • 35. Fonts

    • 36. Iconfonty

    • 37. Obrazy tła

    • 38. Pozycjonowanie (position)

    • 39. Wstęp do flexbox - floaty

    • 40. Flexbox - kolumny, flex-grow, flex-shrink, flex-basis, felx-wrap

    • 41. Flexbox - pozycjonowanie - centrowanie

    • 42. Flexbox - pozycjonowanie - align-items, justify-content

    • 43. Flexbox - kolejność elementów - flex-driection, order

    • 44. Flexbox - Tabele - podstawy

    • 45. Tabele - th, tbody, theader, colspan, rowspan, style tabel

    • 46. Wysyłanie formularzy

    • 47. Pozostałe elementy formularzy

    • 48. Stylowanie formularzy - podstawy

    • 49. BEM wprowadzenie

    • 50. Projekt cz. 2 - HTML + CSS + Flexbox

    • 51. Projekt cz. 3 - Semantyka HTML

Czego się nauczę?

W tej części kursu od A do Z omówimy, jak tworzy się statyczną stronę internetową w HTML i CSS, czyli językach opisujących odpowiednio strukturę i wygląd strony. Statyczną to znaczy, że strona nie będzie miała możliwości generowania treści na podstawie zalogowanego użytkownika czy bazy danych i nie będzie posiadała elementów, z którymi w interakcję będzie mógł wejść użytkownik. To omówimy później :)

Co prawda, w dzisiejszych czasach, rzadko kto już tworzy strony bezpośrednio w HTML i CSS. Najczęściej dzieje się to z wykorzystaniem tzw. frameworków JavaScriptowych, do których dojdziemy pod koniec kursu. Jednakże nie wyobrażam sobie pominąć "zwykłego" HTML-a, by mieć solidne podstawy i zrozumienie co dzieje się w przeglądarce.

Watch Intro Video