Szybkie Kurski - Darmowe kursy technologiczne

1.

Co oznacza skrót BEM w kontekście CSS?

Block Element Modifier

Block Extra Module

Basic Easy Model

Base Element Method

2.

Jaką zaletę daje stosowanie BEM?

Automatycznie kompiluje kod CSS

Skraca rozmiar plików CSS

Zwiększa czytelność i unika konfliktów nazw

Działa tylko w SCSS

3.

Na czym polega główna zasada OOCSS?

Tworzenie stylów w JavaScript

Łączenie wielu plików CSS w jeden

Oddzielanie struktury od wyglądu i kontenera od zawartości

Minimalizacja i kompresja kodu

4.

Jak wygląda przykładowa struktura plików CSS w dużym projekcie?

Jeden plik style.css ze wszystkimi regułami

Pliki CSS w osobnym folderze dla każdego dewelopera

Tylko plik main.css plus biblioteka Bootstrap

Podział na foldery: base/, components/, layout/, themes/, main.css

5.

Do czego służy minifikacja CSS?

Do dzielenia kodu na mniejsze pliki

Do przyspieszenia animacji

Do usuwania spacji, komentarzy i skracania pliku

Do łączenia CSS z HTML

6.

Jakie narzędzie służy do usuwania nieużywanego CSS?

PurgeCSS

Sass

Autoprefixer

Webpack

7.

Dlaczego łączenie plików CSS (bundling) jest korzystne?

Zmniejsza liczbę zapytań HTTP

Pozwala pisać w JavaScript zamiast CSS

Umożliwia korzystanie z BEM i OOCSS jednocześnie

Automatycznie usuwa nieużywane klasy

8.

Co oznacza dobra praktyka: „unikaj nadmiarowej specyficzności”?

Zawsze stosuj !important

Nie używaj klas w CSS

Lepiej używać prostych klas niż zagnieżdżonych selektorów typu div ul li a span

Stosuj identyfikatory (#id) zamiast klas

9.

Dlaczego warto używać CSS Variables w projekcie?

Przyspieszają bundling CSS

Zastępują całkowicie SCSS

Pozwalają na spójność kolorów, rozmiarów i łatwą edycję wartości w jednym miejscu

Minimalizują pliki CSS

10.

Jaka jest zalecana metoda stylowania elementów w kontekście wydajności?

Używanie selektorów tagów (np. div, p)

Używanie klas

Używanie identyfikatorów (#id)

Używanie atrybutów [data-*]

Organizacja i dobre praktyki