Development

Emmet: Pisz Szybciej oraz Wydajniej kod HTML i CSS

Skróty Emmet to podstawowe narzędzie web developerów, Twórz Szybko Wydajny kod oszczędzając czas.

What you will 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.

Dla kogo jest ten kurs:

  • Wszyscy chcący nauczysz się jak pisać szybko dobry kod
 -  Emmet: Pisz Szybciej oraz Wydajniej kod HTML i CSS
  • Udemy teacher
  • Polski
  • 1
  • 1594
  • 2022-03-20