[2022] Kurs Tworzenia Stron WWW cz. II - SASS, JS, Bootstrap
- Opis
- Program
- Najczęściej zadawane pytania
- Recenzje
W drugiej części “Kursu Tworzenia Stron WWW” nauczysz się zaawansowanego CSS-a, a więc poznasz pseudoklasy, pseudoelementy, atrybuty i wiele więcej. Poznasz również preprocesor SASS, który znacząco ułatwia i przyśpiesza naszą pracę z CSS-em jak i samym procesem tworzenia stron WWW.
Następnie poznasz genialnego Flexboxa, czyli zaawansowaną technologię, która umożliwia rozmieszczanie elementów na stronach internetowych.
Nauczysz się też podstaw języka Java Script, w którym stworzysz kilka pierwszych, prostych projektów. Na końcu stworzysz zaawansowaną i w pełni responsywną stronę internetową opartą na Bootstrapie. W projekcie wykorzystamy też biblioteki osób trzecich, a więc będzie to kolejna szansa, na nauczenie się czegoś nowego! 🙂
Podczas kursu czeka na Ciebie mnóstwo zadań oraz wyzwań, które skutecznie pomogą utrwalić Twoją wiedzę i dzięki którym nabierzesz cennego doświadczenia. 🙂
Do Twojej dyspozycji jest również Discord, na którym poznasz inne osoby takie jak Ty – dopiero rozpoczynające swoją przygodę ze światem front-endu. Na serwerze zyskasz bezpłatną pomoc, będziesz mógł / mogła brać udział w zabawnych quizach oraz wygrywać nagrody w konkursach.
Link do Discorda znajdzuje się w zasobach do pierwszych odcinków kursu.
P.S. Pamiętaj, że ten kurs jest kontynuacją “Kursu Tworzenia Stron WWW cz. 1” (jak zresztą sama nazwa wskazuje 😉 ). Kursy się ze sobą uzupełniają, więc jeśli jeszcze tego nie zrobiłeś/łaś – najpierw przerób część pierwszą. 🙂
P.S. 2 W razie pytań jestem do Twojej dyspozycji! Najszybciej złapiesz mnie na Discordzie, choć i na Udemy staram się odpisywać tak szybko jak to możliwe.
-
7Czym jest SASS? SCSS czy SASS?Video lesson
-
8Kompilujemy SASSVideo lesson
-
9SourcemapVideo lesson
-
10html, :root oraz wstęp do zmiennychVideo lesson
-
11Zmienne w SASSVideo lesson
-
12Przykładowe rozwiązanie zadaniaText lesson
-
13Mapy w SASSVideo lesson
-
14MixinVideo lesson
-
15@importVideo lesson
-
16@useVideo lesson
-
17Wprowadzenie do zadania - ostyluj stronę za pomocą poznanych technikVideo lesson
-
18Rozwiązanie zadania - ostyluj stronę za pomocą poznanych technikVideo lesson
-
19Zadanie z debugowaniaText lesson
-
20Rozwiązanie zadania z debugowaniaVideo lesson
-
21Ściąga SASSText lesson
-
29Animacje - wprowadzenieVideo lesson
-
30@keyframes i właściwość animationVideo lesson
-
31Fill modeText lesson
-
32Zadanie z animacjiText lesson
-
33Rozwiązanie zadania z animacjiVideo lesson
-
342 proste projektyVideo lesson
-
35Stwórzmy razem animację cz. 1Video lesson
-
36Stwórzmy razem animację cz. 2Video lesson
-
37Stwórzmy razem animację cz. 3Video lesson
-
38Przydatna strona do animacjiVideo lesson
-
39Kilka słów na temat optymalizacjiVideo lesson
-
40Co animować, aby optymalizacja była jak najlepsza?Video lesson
-
41Krótkie infoText lesson
-
42Wprowadzenie do FlexboxaVideo lesson
-
43Ściąga z właściwości FlexaText lesson
-
44Zadanie #1Video lesson
-
45Justify contentVideo lesson
-
46Align itemsVideo lesson
-
47QUIZ z justify content & align itemsQuiz
-
48Align contentVideo lesson
-
49Zadanie #2Video lesson
-
50Flex grow & shrinkVideo lesson
-
51Flex basisVideo lesson
-
52OrderVideo lesson
-
53Align selfVideo lesson
-
54Zadanie #3Video lesson
-
55QUIZ z FlexboxaQuiz
-
56Czym jest JS? Jak się go uczyć?Video lesson
-
57Gdzie umieszczać JS na stronie?Video lesson
-
58Czym są zmienne?Video lesson
-
59Błędy i ostrzeżenia w konsoliText lesson
-
60Różnica między let i constVideo lesson
-
61Nazywanie zmiennychVideo lesson
-
62Dlaczego nie nazywamy zmiennych po polsku?Text lesson
-
63Treść zadania #1Text lesson
-
64Zadanie #1Video lesson
-
65Document Object ModelVideo lesson
-
66Typy danych w JSVideo lesson
-
67Operatory arytmetyczneVideo lesson
-
68Operatory przypisaniaVideo lesson
-
69Operatory porównaniaVideo lesson
-
70Operatory logiczneVideo lesson
-
71Wprowadzenie do zadania #2Text lesson
-
72Zadanie #2Video lesson
-
73QUIZ ze zmiennych i operatorów logicznychQuiz
-
74Instrukcja warunkowa (IF, ELSE IF oraz ELSE)Video lesson
-
75TabliceVideo lesson
-
76Pętla FORVideo lesson
-
77FunkcjeVideo lesson
-
78Zadanie #3Video lesson
-
79Pobieranie elementówVideo lesson
-
80addEventListener - wprowadzenieVideo lesson
-
81addEventListener - projektVideo lesson
-
82Info do kolejnego odcinkaText lesson
-
83PROJEKT - chowanie i odkrywanie obrazkaVideo lesson
-
84PROJEKT - zmniejsz, zwiększ i zmień kolorVideo lesson
