Skróty Emmet to podstawowe narzędzie web developerów, Twórz Szybko Wydajny kod oszczędzając czas.
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.
Course Information
Course Instructor
