Jeśli chcesz zacząć tworzyć strony internetowe, to powinieneś zacząć właśnie od tych technologii. HTML (ang. HyperText Markup Language – HiperTekstowy Język Znaczników) to język znaczników, za pomocą którego można tworzyć strukturę strony internetowej, a CSS (Cascading Style Sheets - Kaskadowe Arkusze Stylów) to język, który nadaje stronie wyglądu - to w nim zdefiniowane są wszystkie właściowści wyglądu elementów na stronie. HTML i CSS, wraz z JavaScriptem, składają się na podstawowy zestaw umiejętności dla frontend developera.
Znaczniki HTML są budulcem, za pomocą których tworzy się strukturę strony internetowej (wstawianie obrazków, akapitów, nagłówków, dzielenie strony na sekcje itd.). Dodatkowo w pliku HTML zawrzeć możemy metadane strony, takie jak kodowanie znaków, język, tytuł strony, jej opis itp. Możemy także załączyć arkusze stylów CSS czy skrypty Javascript. Poprzez nadanie poszczególnym elementom strony identyfikatorów lub klas, jesteśmy w stanie “nawiązać kontakt” pomiędzy wszystkimi tymi technologiami. To, jak zaprojektujemy strukturę stronę, wpływa na jej dostępność dla osób z niepełnosprawnościami lub posiadającymi słabsze urządzenia, a także na pozycję strony w wyszukiwarce’. Nie warto zatem traktować HTML-a pobłażliwie i warto po opanowaniu podstaw zainteresować się dostępnością i pozycjonowaniem strony (SEO).
CSS służy do nadawania wyglądu stronie napisanej w HTML. To w nim zdefiniujemy kolory, efekty, położenie, sposób wyświetlania, a nawet animacje poszczególnych elementów. CSS został stworzony w celu odseparowania struktury dokumentu HTML od formy jego prezentacji. Separacja ta zwiększa zakres dostępności witryny, zmniejsza zawiłość kodu oraz ułatwia wprowadzanie zmian w strukturze dokumentu.
Do znacznego ułatwienia i przyspieszenia edytowania stylów używane są preprocesory oraz frameworki:
(W języku polskim niżej)
The HTML & CSS Bootcamp 2023 Edition
Brand New Course! Covers Flexbox, CSS Grid, Animations, Responsive Design and More! Tons of Exercises & Projects.
Czas trwania: 37 total hours 3563 zapisanych uczestnikówThe Web Developer Bootcamp 2023
COMPLETELY REDONE - The only course you need to learn web development - HTML, CSS, JS, Node, and More!
Czas trwania: 64 total hours 854426 zapisanych uczestnikówBuild Responsive Real-World Websites with HTML and CSS
Learn modern HTML5, CSS3 and web design by building a stunning website for your portfolio! Includes flexbox and CSS Grid
Czas trwania: 37.5 total hours 365120 zapisanych uczestnikówThe Complete 2023 Web Development Bootcamp
Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, MongoDB, Web3 and DApps
Czas trwania: 65.5 total hours 909057 zapisanych uczestników[2023] Kurs Tworzenia Stron WWW cz. I - HTML, CSS, RWD
Podstawy HTML, CSS, semantyka, dobre praktyki pisania kodu i RWD, czyli responsywne strony internetowe!
Czas trwania: 10 total hours 18611 zapisanych uczestnikówKurs Tworzenia Stron WWW w HTML i CSS od Podstaw do Eksperta
Naucz się HTML 5, CSS 3, JS, XML, jQuery, AJAX, Responsive web design od podstaw. Wyjaśnię Ci wszystko od A do Z!
Czas trwania: 50.5 total hours 32428 zapisanych uczestników[2023] Kurs Web Developer Tworzenie Stron od zera do Mastera
Obszerny kurs 72h nauki web developmentu od podstaw! Html 5, CSS, JavaScript, DOM, Bootstrap 5, AJAX, + 200 pyt. rekrut.
Czas trwania: 72.5 total hours 4884 zapisanych uczestników[2023] Kurs Tworzenia Stron WWW cz. II - SASS, JS, Bootstrap
Zaawansowany CSS, podstawy JavaScript, Bootstrap i więcej! Naucz się tworzyć profesjonalne strony WWW! :)
Czas trwania: 10 total hours 9433 zapisanych uczestników