1 Ocena

Kurs preprocesory Less i Sass

59

Nigdy więcej bałaganu w CSS! Twórz czysty kod w błyskawicznym tempie bez żmudnej pracy dzięki preprocesorom CSS.

💰 Dodaj do koszyka 5 dowolnych kursów, a zapłacisz 99 zł za wszystko! 💰
Poziom: podstawy
Data wydania: 2018
Czas trwania: 7 godzin

Czego się nauczysz?

Nigdy więcej bałaganu w CSS! Twórz czysty kod w błyskawicznym tempie bez żmudnej pracy dzięki preprocesorom CSS. W kursie zapoznasz się ze wszystkimi podstawowymi elementami języka Less oraz Sass.

  • Instrukcje warunkowe i pętle
    Zobacz jak tworzyć pętle oraz warunkowe wykonanie kodu. Instrukcja warunkowa, pętla for, pętla each, pętla while
  • Zmienne
    Użyj zmiennych, aby uczynić projekty bardziej elastycznymi i uniknąć powtarzania kodu.
  • Operatory
    Używaj funkcji i operatorów do obliczania elastycznych wymiarów, kolorów i innych elementów
  • Zagnieżdżanie
    Zobacz jak stosować zagnieżdżanie, które ułatwia organizowanie twojego kodu
  • Domieszki
    Zobacz jak stosować domieszki zwykle oraz z parametrami
  • Selektory
    Czym jest znak ampersand przy tworzeniu selektorów

Dla kogo jest ten kurs?

  • Dla twórców stron www
    Jeśli pracujesz z html oraz CSS to z tym kursem rozwiniesz skrzydła i zdobędziesz zupełnie nowe możliwości
  • Dla osób, które znają podstawy CSS
    Do opanowania Less i Sass potrzebne będą Ci minimalne podstawy CSS3. Zapewniamy Cię, że dzięki preprocesorom twoja praca będzie znacznie szybsza i wydajniejsza
  • Dla webdesignerów
    Często projektując stronę potrzebna jest znajomość CSS. Bądź na bieżąco z aktualnymi trendami w zakresie projektowania stron internetowych

Elementy designu

Język CSS to jeden z języków, który powinien znać każdy, kto projektuje lub koduje strony internetowe. Zazwyczaj jego nauka odbywa się zaraz na początku przygody z programowaniem. Przy jego pomocy możesz wpływać na to jak będą wyglądać elementy na stronie, jakie kolory będą miały teksty, jakie będą odstępy między wierszami, w jaki sposób będzie wyświetlała się grafika itd.

Css jest obecny z nami już od lat 90 i tak naprawdę w porównaniu do innych języków nie zmienił się zbyt mocno. Jedną z najistotniejszych zmian jest możliwość zastosowania preprocesorów CSS, które pozwalają używać elementów znanych z języków programowania np. zmienne, pętle, funkcje, instrukcje warunkowe. To wszystko sprawia, że kod jest bardziej funkcjonalny, a kodowanie przebiega o wiele szybciej.

Twórz skomplikowane style kilkukrotnie szybciej

Najbardziej znane preprocessory to Less oraz Sass. Dla początkujących osób Less jest łatwiejszy do opanowania ponieważ jest bardzo podobny do czystego CSS. Jednak gdy zaczniesz stosować go w praktyce z biegiem czasu będziesz chciał czegoś więcej i tutaj warto poznać Sass, który daje nieco większe możliwości.

Bez względu na to, który z nich wybierzesz warto poznać zarówno nieco starszego Sass jak i młodszego Less. Dzięki preprocesorom zwiększy się Twoja wydajność pracy ponieważ posługując się zmiennymi możesz uniknąć powtarzania kodu.

Poszerz CSS o dodatkowe narzędzia

Jeśli chcesz zwiększyć wydajność przy pisaniu kodu CSS zapoznaj się z naszym kursem dzięki, któremu napiszesz skalowalny kod CSS, unikniesz zaśmiecania kodu za pomocą powtarzających się selektorów oraz sprawisz, że Twoje projekty będą bardziej elastyczne.

Jeśli nie chcesz zaczynać od zera tworząc kolejny projekt, preprocesory dają Ci elastyczność i możliwość ponownego wykorzystania istniejących elementów do ponownego wykorzystania przy nowych projektach.

Dlaczego warto?

Rozwój technologi pędzi w oszałamiającym tempie. Muszą za nim nadążyć zwłaszcza osoby zajmujące się programowaniem. Co rusz języki programowania udoskonalane są o nowe możliwości. Jednym z takich przykładów jest dobrze znany każdemu CSS, który dzisiaj mało kiedy używany jest w czystej postaci. Obecnie często łączony jest z preprocesorami, które pozwolą Ci pracować z kodem o wiele szybciej i wydajniej.

1. Wprowadzenie

1.1. Wstęp
1.2. Podstawowe informacje
1.3. Niezbędne oprogramowanie
1.4. Pierwsze starcie z LESS i SASS

 

2. LESS. Najpopularniejsze elementy języka

2.1. Zmienne – część 1
2.2. Zmienne – część 2
2.3. Zmienne – część 3
2.4. Listy czyli odpowiednik tablic
2.5. Mixins czyli domieszki
2.6. Zagnieżdzanie
2.7. Domieszki z parametrami
2.8. Domieszki a zwracanie wartości
2.9. Dopasowanie do wzorca
2.10. Zagnieżdżanie pseudoklas
2.11. Tworzenie nazw selektorów za pomocą znaku ampersand
2.12. Pseudoklasa extend
2.13. Scalanie list właściwości CSS
2.14. Import i kompilacja plików

 

3. LESS. Instrukcje warunkowe i pętle

3.1. Warunkowe wykonanie kodu
3.2. Sprawdzanie typów i jednostek
3.3. Tworzenie formatowania opcjonalnego
3.4. Pętle

 

4. LESS. Funkcje wbudowane

4.1. Operacje na listach wartości
4.2. Operacje matematyczne
4.3. Definiowanie kolorów
4.4. Operacje na kolorach

 

5. SASS. Najpopularniejsze elementy języka

5.1. Zmienne – część 1
5.2. Zmienne – część 2
5.3. Listy
5.4. Domieszki
5.5. Zagnieżdżanie
5.6. Domieszki z parametrami
5.7. Funkcje
5.8. Zagnieżdżanie pseudoklas
5.9. Tworzenie nazw selektorów za pomocą znaku ampersand
5.10. Pseudoklasa extend i placeholder
5.11. Import i kompilacja plików

 

6. SASS. Instrukcje warunkowe i pętle

6.1. Instrukcja warunkowa if
6.2. Pętla for
6.3. Pętla each
6.4. Pętla while

 

7. SASS. Funkcje wbudowane

7.1 Funkcje kolorów
7.2 Operacje na liczbach

 

8. Zakończenie

8.1. Pożegnanie

  1. Radosław

    Kupiłem kurs pełen obaw. Jednak moje obawy zniknęły po przerobieniu ponieważ bardzo podeszła mi forma prowadzenia w sensie praktyki i teorii. Autor na spokojnie omawia dane zagadnienie. Na pewno nie był to zmarnowany czas i wrócę po więcej.

Dodaj ocenę