Red Splash

Podstawy HTML

• Znaczniki
• Elementy strony
• Struktura strony
• Semantyka i prezentacja
• Arkusze stylów
• Selektory, właściwości, wartości
• Skrypty JS
• Frameworki

Znaczniki HTML

• Nagłówek
• Span i div
• Paragraf
• Odnośnik
• Obraz
• Lista
• Tabela
• Formularz

HTML - Pozostałe

• Id i klasy
• Zdarzenia
• Znaki specjalne
• Widgety

Właściwości i wartości stylu CSS

• Selektory
• Efekty tekstowe
• Tło
• Marginesy
• Obramowanie
• Model pudełkowy
• Flexbox
• Wyświetlanie, widoczność, nieprzezroczystość.
• Przejścia
• Transformacje
• Animacje

CSS - Pozostałe

• Responsywność
• Tworzenie czytelnego kodu
• Zmienne CSS
• Priorytety
• Zaawansowane selektory
• Pseudoklasy

DOM

• Selektory
• Zmiana treści
• Zmiana stylu

Przepływ danych

• Zmienne
• Typy
• Operatory
• Operacje logiczne
• Pętle
• Funkcje
• Interwał
• Enkapsulacja

Programowanie obiektowe

• Obiekty
• Klasy
• Dziedziczenie
• Zalety i wady OOP
• Lukier składniowy

Preprocesory

• Podstawy
  • Czym są preprocesory i jak je stosować.
  • Kod źródłowy, kompilacja, kod wyjściowy.
• Pugjs
  • Składnia.
  • Include.
  • Zmienne, interpolacja.
  • Mixiny.
  • Pętle.
• Stylus
  • Składnia.
  • Zmienne i interpolacja.
  • Mixiny.
  • Funkcje wbudowane i własne.
• Markdown
  • Składnia.
  • Znaczniki.
  • Typora.

Kompresja plików

• css minifier
• html minifier
• tinypng

Emmet

• Czym jest Emmet i dlaczego go używamy
• Emmet w HTML/Pugjs
  • Struktura strony
  • Elementy, klasy, id
  • Właściwości elementów
  • Multiplikacja i numerowanie
  • Dziecko, rodzeństwo, rodzic
• Emmet w arkuszach stylów
  • Wymiary
  • Kolory
  • Display

Databinding