Podstawy HTML + CSS w dwie godziny - kurs krok po kroku!
Jak zacząć programować?
@jzpAbout
"Jak zacząć programować" powstało z myślą o osobach, które chcą postawić swoje pierwsze kroki w kodzeniu lub dowiedzieć się więcej o pracy programisty i branży IT. W materiałach, które tworzymy przekazujemy wiedzę i porady, które sami chcielibyśmy usłyszeć na starcie naszej przygody z programowaniem.
Latest Posts
Video Description
⭐ https://zrozumiecreact.pl/ - Sprawdź nasz kurs React! ⭐ Newsletter: https://zaczynamyprogramowac.pl 👈 Nasza grupa na FB: https://www.facebook.com/groups/zaczynamy.programowac/ 👈 Discord: https://discord.gg/q88RUeTHbU 👈 Jeśli zacznienie usypiać to śmiało przełączcie prędkość oglądania na 1.25 albo 1.5! [00:00] Intro [02:54] #1 - Jak zacząć tworzyć stronę internetową? [07:27] #2 - Edytor tekstowy https://code.visualstudio.com/ https://www.google.com/intl/pl_pl/chrome/ [11:10] #3 - Dodawanie elementów na stronie [14:09] #4 - Praca z tekstem [19:59] #5 - Wyświetlanie list [22:48] #6 - Dodawanie linków do innych stron [25:54] #7 - Dodawanie zdjęć Link do zdjęcia: https://i.ibb.co/FXZRT4b/default-avatar.png [29:29] #8 - Poprawianie wyglądu strony i wprowadzenie do CSS [33:31] #9 - Szybsze dodawanie styli [41:31] #10 - Oddzielenie HTML i CSS [46:06] #11 - Dziedziczenie styli [50:27] #12 - Podział na sekcje [54:48] #13 - DevTools [59:48] #14 - Ułożenie elementów na stronie [1:04:54] #15 - Wymiary elementów cz. I [1:14:50] #16 - Wymiary elementów cz. II [1:22:08] #17 - Pozycjonowanie elementów (cz. I) [1:26:29] #18 - Pozycjonowanie elementów (cz. II) [1:31:47] #19 - Dodawanie ikonek Ikonka urodzin: https://i.ibb.co/TqwK7Yy/birthday-cake.png Ikonka telefonu: https://i.ibb.co/RhT5HxQ/phone.png Ikonka maila: https://i.ibb.co/7WWSZdP/mail.png Ikonka pinezki: https://i.ibb.co/NN2gZdT/pin.png [1:39:32] #20 - Klasy [1:42:26] #21 - Pozycjonowanie elementów (cz. III) https://iconmonstr.com/ [1:52:40] #22 - Stany elementów i animacje [2:04:56] #23 - Cienie i ostatnie szlify [2:09:47] #24 - Wrzucenie strony "do internetu" [2:13:27] #25 - Dostępność stron internetowych Kod źródłowy finalnej wersji strony: https://github.com/FilipMam/kurs-html-css W tym kursie HTML i CSS poznacie podstawowe tagi i zasady tworzenia stron internetowych. Dowiecie się jak działają style i poznacie m.in. flexbox, animacji czy zasady box-modelu. Na koniec dowiecie się jak za darmo zahostować swoją stronę w internecie dzięki serwisowi Netlify. Filip Mamcarczyk Kacper Sokołowski
You May Also Like
Power Up On-The-Go
AI-recommended products based on this video

UGREEN Nexode Power Bank 20000mAh 130W Portable Charger 72Wh PD Fast Charging 3-Port USB C Battery Pack with TFT Smart Display for MacBook/iPad/iPhone 16/Samsung S24 and More

Power Bank 20,000mAh, 45W Fast Charging Laptop Portable Charger with Built-in USB C Cable, Travel Essential External Battery Pack with LED Display for MacBook iPad iPhone 16/15/14/13/Galaxy

Surge Protector Power Strip - CHCORE 5Ft Braided Extension Cord with 8 Outlets with 4 USB (2 USB C) Charging Ports, Flat Plug Multi Plug Outlet Extender Charging Station for Home Office, ETL, White ClimatePartner certified

Surge Protector Power Strip - CHCORE 5Ft Braided Extension Cord with 8 Outlets with 4 USB (2 USB C) Charging Ports, Flat Plug Multi Plug Outlet Extender Charging Station for Home Office, ETL, White ClimatePartner certified

Surge Protector Power Strip - CHCORE 5Ft Braided Extension Cord with 8 Outlets with 4 USB (2 USB C) Charging Ports, Flat Plug Multi Plug Outlet Extender Charging Station for Home Office, ETL, White ClimatePartner certified

ANKER 737 Power Bank, 24,000mAh 3-Port Laptop Portable Charger with 140W Fast Charging, Smart Display, for Outdoor Work, Compatible with iPhone 16/15/14 Series, Vision Pro, Samsung, MacBook, and More

Anker Power Bank(PowerCore 10K),Compact Travel-Ready 10,000mAh Battery Pack with PowerIQ Charging Technology,5V/3A High-Speed Charging for iPhone,iPad,and More (USB-C Input and Output(Black),1pack) ClimatePartner certified



