
W jaki sposób zabrać się do mojego kursu Tworzenia Stron WWW, aby wynieść z tego jak najwięcej korzyści?
Oglądając lekcje upewnij się, że oglądasz je w najwyższej jakości.
Dowiesz się czym jest host, jaka jest różnica między płatnym oraz darmowym hostingiem. Jakie są plusy posiadania płatnego hostingu?
Pokażę Ci jak zarejestrować darmową przestrzeń w Internecie dla Twojej strony.
Czym jest domena?
Ściągamy oraz instalujemy Visual Studio Code
Jak dodać folder do VSC?
Jak stworzyć plik html?
Jak odpalić go w przeglądarce?
Jak zapisywać pliki w edytorze?
Jak korzystać z eksploratora VSC?
W tej lekcji dowiesz się czym jest HTML oraz czym różni się poszczególne wersje HTML od siebie.
Zaczynamy zabawę stwarzając nasz pierwszy dokument HTML. Dowiadujemy się:
- czym jest głowa oraz ciało strony ;)
- czym są roboty oraz w jaki sposób zwracają one uwagę na tag title i pisanie stron zgodnie z regułami.
Tagowanie - oznaczanie jak na instagramie oznaczamy z pomocą nazw np. #pieknydzien #sport etc. tak tutaj tagujemy, czyli oznaczamy nadzwyczajne znaczenie tekstu z pomocą tagów np.
<b>pogrubiony</b>
Jak poprawnie zagnieżdżać tagi?
Jak SZYBKO owijać już istniejące tagi w VSC?
Jak tworzyć własne skróty w VSC?
Jak stworzyć tag pochylający tekst?
Czym są akapity?
Co robią?
Czym są białe znaki?
Czym jest tag "pusty" (bez zakończenia)?
Czemu się go stosuje?
Co robi tag <br>?
Jaka jest różnica między <br> vs <br />?
Czym jest atrybut?
Skąd się biorą atrybuty?
Jak działa atrybut "title"?
Jak działa atrybut "lang"?
Poznajemy skrót do tworzenia tagów z atrybutami z pomocą Emmet.
Do czego służy neutralny tag span? Kiedy z niego korzystamy?
Szybkie ćwiczenie utrwalające poznane dotychczas informacje :) Stwórz szablon i zapisz do niego...
Czym są rozszerzenia? Jak je instalować?
Jakie rozszerzenia używamy w kursie - które ułatwiają życie?
1) czym jest RGB?
2) co oznacza deprecated (non conforming)?
3) jak skorzystać z atrybutu 'style'?
4) jak zmienić kolor tła?
Jak dodać zdjęcie na stronę?
Jak działa atrybut src?
Jak działa atrybut alt?
Jak nazywać zdjęcia?
Skąd brać darmowe zdjęcia na Twoją stronę internetową?
Jak szybko pobrać szerokość/wysokość obrazka?
Jak stworzyć ścieżkę do pliku znajdującego się w innym folderze?
Czym są komentarze? Kiedy z nich korzystać? Jak podglądnąć kod napisany przez innych?
Jak ustawić poprawne kodowanie na stronie aby polskie jak i inne mniej znane znaki były wyświetlane zawsze poprawnie?
Dowiadujemy się jak określić typ dokumentu strony
Jak zrobić, aby widzieć na bieżąco zmiany w pliku na swojej stronie? Jak automatycznie zapisywać plik?
Jak zrobić upload swoich plików na serwer typu Hostinger
Jak zainstalować niestandardowe ikony.
znak > w EMMET
SHIFT + ALT + strzałka - kopiowanie danej lini w górę/dół
ALT + myszka (wiele kursorów)
[] vs {}
$
CTRL K + S - skróty w VSC
Czym jest lista definicji?
Jak tworzyć listę definicji?
Po co w ogóle tworzyć listę definicji?
Jak stworzyć szybko z pomocą EMMET tagi na tym samym "poziomie"?
Dowiadujemy się czym są odnośniki i jak je tworzyć?
Jak stworzyć możliwość powrotu z podstrony na stronę główną?
Uczymy się tworzyć odsyłacze (linki) do zewnętrznych stron
Czym jest _blank i czy powinniśmy go używać?
Dowiadujemy się czym są etykiety oraz po co one są.
Tworzymy etykiety, by ulepszyć wrażenia z poruszania po witrynie
Jak stworzyć link do 'maila'?
Po co używamy tagu "address"?
Jak stworzyć link do 'telefonu'?
Jak tworzyć nagłówki?
Po co tworzymy nagłówki?
Skrót ALT-Z?
Jak poprawnie cytować ludzi? Różnice między tagami cite, blockquote i q.
Do czego służą tagi <abbr> oraz <dfn> Kiedy ich używamy i po co?
Kiedy używać <b>, a kiedy <strong>
Kiedy używać <i>, a kiedy <em>
Czy warto używać tagu <u> oraz <s>?
Do czego służą tagi: <b>, <i>, <u>, <s>, <strong>, <em>, <mark>
Tagi b,i,u,s to są pozostałości po starym HTML - najlepiej używać do uzyskania tego typu efektu CSS
Natomiast strong/em/mark to tagi semantyczne, czyli coś co dodaje "mocy" danemu słowu. Nie tylko ze względu na SEO, ale również gdy np. czytnik czyta niewidomemu tekst to czytnik wtedy wie, że te słowo ma "podkreślić". Skoro oznaczasz tak słowa to od razu wiadomo, że są to ważne słowa w tekście.
<sub> vs <sup> - jak zrobić indeks dolny/górny w tekście?
Jak wklejać tekst w ten sposób, aby jego oryginalne formatowanie nie znikło? Co zrobić, aby białe znaki były interpretowane w HTML?
Posługiwanie się multikursorem oraz poszukiwanie i podmienianie elementów z pomocą: CTRL + H
Czym jest formularz oraz input? Jak stworzyć formularz z loginem i hasłem?
Jakie są typy akcji wysyłania formularza?
Do czego służy atrybut "name"?
Do czego służy atrybut "action"?
Jak stworzyć przycisk "wyślij"?
Kiedy używać pola radio?
Jak stworzyć pole radio?
Czym są etykiety? Czym jest fieldset?
Kiedy używamy oraz jak tworzyć poprawnie pole z checkboxami?
checked/required/placeholder/size/maxlength/value/placeholder
Ćwiczymy tworząc formularz kontaktowy. Poznajemy textarea oraz input typu 'email'.
Jak pobrać datę i czas od użytkownika korzystając z time i date inputów?
Naucz się wszystkiego od zera. Obal mit, że tworzenie stron internetowych jest trudne. Twórz własne strony WWW od A do Z.
Po moim kursie możesz zostać pożądanym na rynku pracy front-end developerem tzn. osobą, która zajmuje się tym, co widać na stronie.
Będziesz znał i rozumiał HTML 5, CSS 3, JS, XML, jQuery oraz AJAX.
Co więcej, nauczysz się Responsive Web Design, czyli techniki, która sprawi, że Twoja strona będzie wyglądać idealnie na smartfonach, jak i na komputerach stacjonarnych.
To jeszcze nie koniec! Przekażę Ci w kursie cenną wiedzę na temat SASS, Compass oraz Grunt.js. Są to biblioteki używane przez profesjonalistów. Oszczędzą Ci one ogromną ilość czasu podczas tworzenia stron!
Po kursie nauczysz się szybko i bezproblemowo tworzyć ładnie wyglądająca stronę, zgodnie z najnowszymi normami.
W każdej lekcji podaję jak najwięcej szczegółów, aby każdy mógł zrozumieć techniki tworzenia stron. Staram się nie tylko uczyć, ale również podczas wyjaśniania radzić jak przyjacielowi co jest "lepsze", a co "gorsze" :-)
GWARANCJA SATYSFAKCJI
Ponad 340,000 studentów na Udemy uczy się z moich kursów. Dołącz do grupy zadowolonych Użytkowników. Jeśli mój kurs Ci się nie spodoba, to pamiętaj, że masz aż 30 dni na to, by uzyskać pełną refundację. Gwarantuję Ci 100% satysfakcji.
POMOC INSTRUKTORA
Jeśli masz jakiekolwiek pytania, związane z poruszonymi tematami w kursie tworzena stron WWW to pisz śmiało, zawsze chętnie pomogę :)
PEWNY ZAKUP
Sprawdź jakość kursu - oglądaj darmowe lekcje
Proszę, zanim zakupisz kurs, oglądnij darmowe lekcje! Nie kupuj kota w worku! Sprawdź jakość kursów przed zakupem!
Naucz się szybko i bezproblemowo tworzyć strony WWW :) Zostań web developerem już dziś!