Część 2 - HTML + CSS + Flexbox
Dzięki tej części kursu dowiesz się jak tworzy się statyczną stronę internetową przy wykorzystaniu HTML i CSS, czyli językach opisujących odpowiednio strukturę i wygląd strony.
Kliknij lekcje oznaczone jako "Darmowa wersja próbna", aby obejrzeć wybrane materiały bez płatności.
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
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.