Emmet: Pisz Szybciej oraz Wydajniej kod HTML i CSS

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.