- Wstęp do Emmet - dokument Html
- Klasy, identyfikatory, atrybuty, mnożenie
- Mnożenie i numerowanie elementów
- Operatory zagnieżdżenia: dzieci, rodzeństwo. poziom wyżej
- Lorem ipsum
- Domyślny element div i kontekstu kodu
- Grupowanie elementów
- Emmet Wrap with abbreviation - owijani elementów
- Generowanie formularza z Emmet
- Css z Emmet cz.1
- Css z Emmet cz.2
What you'll learn
- Nauczysz się pisać kod HTML szybciej
- Automatycznie generowanym kodem ograniczysz ilość błędów
Description
Skróty Emmetowskie pozwalają zaoszczędzić czas programistów stron internetowych w tworzeniu kodu HTML i CSS. Gdy poznasz to popularne narzędzie to już nigdy nie wrócisz do pisania kodu w tradycyjny sposób. Emmet to darmowe rozszerzenie wbudowane w Visual Studio Code.
Czego się nauczysz:
- szybkie tworzenie dokumentu HTML oraz linków do plików Css, JavaScript etc
- generowanie tagów Html z klasami, identyfikatorami oraz atrybutami (np obrazki i linki)
- mnożenie i numerowanie elementów według szablonu + odliczanie
- operatory zagnieżdżenia: dzieci, rodzeństwo, poziom wyżej(^)
- generowanie losowej treści wypełniającej dokument HTML czyli Lorem Ipsum
- tworzenie domyślnych elementów wynikających z kontekstu kodu np. elementy list wewnątrz taga ul
- grupowanie elementów aby uprościć strukturę formuły Emmet, dzięki czemu jest bardziej zrozumiała i klarowna
- Emmet with abbreviation - mało znane rozwiązanie pozwalające opakować daną treść generowanym kodem HTML przy pomocy Emmet'a. Dodatkowo można utworzyć bardziej skomplikowane struktury z wklejonego kodu z innego źródła. Na przykład mając listę elementów z dokumentu word wklejoną do edytora, gdzie każda linia to osobny element, można utworzyć dla każdego wiersza osobny element list. Nie ważne czy mamy do czynienia z jednym czy tysiącem elementów. Emmet z odpowiednią formułą sam przetworzy załączone dane generując odpowiedni kod HTML.
- tworzenie formularza
- i wiele więcej
Kurs dodatkowo został wzbogacony o przykłady, slajdy w dokumencie pdf gotowe do pobrania stanowiąc jedną całość w celu szybkiej nauki tego niezwykle użytecznego narzędzia.
Other Courses
How To Overcome Procrastination
If you want to know all about Procrastination and how to master it this is your course!
Essential Techniques for Guitar Player
Learn hammer on, pull off, slides, bends, arpeggios and natural harmonics
10X Your Productivity for Online & Remote Work
How to be super-productive and get more done while working online by optimizing your digital work environment
Introduction to Hospitality and Tourism
Learn about the basics of the Hospitality and Tourism Industry!
3-Steps for Parents to Stress Less
Designed for parents raising children with autism, ADD, ADHD, high sensitivities, complex and special needs.
About the instructors
- 4.61 Calificación
- 41851 Estudiantes
- 9 Cursos
Kuba Wąsikowski
Web Developer, programista JavaScript
Cześć!, nazywam się Kuba, od wielu lat zajmuję się technologiami internetowymi, które są moją pasją. Pierwsze programy oraz strony tworzyłem już w liceum, a pracę w branży zacząłem w czasie studiów na SGH. Przez lata developowałem w technologiach frontendowych oraz backendowych w projektach małych firm oraz korporacji (finansowych i technologicznych). W między czasie ukończyłem studia podyplomowe z technologii internetowych na Politechnice Warszawskiej oraz uzyskałem wiele certyfikatów min. z Prince 2, ITIL czy Agile.
Jako samouk programowania wiem jak ciężko jest zacząć naukę nowych języków czy frameworków, dlatego doświadczenie pozwala mi na przystępne przekazanie wiedzy oraz esencji potrzebnej aby stać się developerem oraz aby być na bieżąco w szybko rozwijających się technologiach.
Zarejestruj się na mój kurs aby zacząć przygodę z programowaniem i rozpocznij lukratywną karierę w branży IT.
Student feedback
Course Rating
Reviews
Konkret w pigułce :)
wszystko jest opowiedziane bez owijania w bawełnę, aczkolwiek sposób prezentowania treści jest trochę nudny.
Świetnie wytłumaczone, dużo różnych przykładów!
Kurs przeprowadzono wzorowo, rewelacyjnie przekazujesz wiedzę. Sposób w jaki mówisz umożliwia włączenie przyśpieszenia odtwarzania i nie wpływa to negatywnie na treść, którą przekazujesz. Wspomniał bym jeszcze w kursie o nawigacji po tekście za pomocą CTRL + kursory.
Bardzo dobry kurs,