Skip to content

Latest commit

 

History

History
30 lines (19 loc) · 1.28 KB

README.md

File metadata and controls

30 lines (19 loc) · 1.28 KB

CodeReview-JS-03

CodeReview materiału z trzeciego odcinka kursu javascript.

Film: Klik

Temat na forum: Klik


Ten branch zawiera poprawki dotyczące zarówno kodu HTML, arkusza stylów, jak i logiki skryptu JS.


Lista poprawek

Tak naprawdę największe zmiany zaszły w skrypcie, który nadaje grze logikę. Został on mocno przebudowany, obecnie jest bardziej czytelny i spełnia wiele dobrych praktyk w JS.

Ogólne

  • Polskie klasy/identyfikatory elementów dostały angielskie zamienniki.
  • Stylowanie elementów po id zostało zastąpione przez stylowanie po klasach.
  • Zlikwidowano atrybuty [style] z elementów, zamiast tego, są stylowane po klasach w arkuszu.
  • Definicja skryptu została przeniesiona przed tag .
  • Zmieniono strukturę katalogów - usunięto bezużyteczny folder z szablonem projektu.

Skrypt

  • Całość została owinięta w IIFE, aby zmienne zadeklarowane wewnątrz niego nie przechodziły do scope'u globalnego.
  • Kod podzielony został na funkcje, które odpowiadają konkretnym czynnościom w grze.
  • Pozbyto się mieszania kodu HTML z kodem JS poprzez dynamiczne tworzenie elementów DOM.