Ta strona korzysta z plików cookie, abyśmy mogli zapewnić jak najlepszą obsługę. Informacje o plikach cookie są przechowywane w przeglądarce i wykonują takie funkcje, jak rozpoznawanie cię po powrocie do naszej witryny i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.
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.
Visual Studio Code
SASS
Pseudoklasy, pseudoelementy i atrybuty
-
7Czym jest SASS? SCSS czy SASS?
-
8Kompilujemy SASS
-
9Sourcemap
-
10html, :root oraz wstęp do zmiennych
-
11Zmienne w SASS
-
12Przykładowe rozwiązanie zadania
-
13Mapy w SASS
-
14Mixin
-
15@import
-
16@use
-
17Wprowadzenie do zadania - ostyluj stronę za pomocą poznanych technik
-
18Rozwiązanie zadania - ostyluj stronę za pomocą poznanych technik
-
19Zadanie z debugowania
-
20Rozwiązanie zadania z debugowania
-
21Ściąga SASS
Animacje
Flexbox
-
29Animacje - wprowadzenie
-
30@keyframes i właściwość animation
-
31Fill mode
-
32Zadanie z animacji
-
33Rozwiązanie zadania z animacji
-
342 proste projekty
-
35Stwórzmy razem animację cz. 1
-
36Stwórzmy razem animację cz. 2
-
37Stwórzmy razem animację cz. 3
-
38Przydatna strona do animacji
-
39Kilka słów na temat optymalizacji
-
40Co animować, aby optymalizacja była jak najlepsza?
JavaScript
Bootstrap
-
56Czym jest JS? Jak się go uczyć?
-
57Gdzie umieszczać JS na stronie?
-
58Czym są zmienne?
-
59Błędy i ostrzeżenia w konsoli
-
60Różnica między let i const
-
61Nazywanie zmiennych
-
62Dlaczego nie nazywamy zmiennych po polsku?
-
63Treść zadania #1
-
64Zadanie #1
-
65Document Object Model
-
66Typy danych w JS
-
67Operatory arytmetyczne
-
68Operatory przypisania
-
69Operatory porównania
-
70Operatory logiczne
-
71Wprowadzenie do zadania #2
-
72Zadanie #2
-
73QUIZ ze zmiennych i operatorów logicznych
-
74Instrukcja warunkowa (IF, ELSE IF oraz ELSE)
-
75Tablice
-
76Pętla FOR
-
77Funkcje
-
78Zadanie #3
-
79Pobieranie elementów
-
80addEventListener - wprowadzenie
-
81addEventListener - projekt
-
82Info do kolejnego odcinka
-
83PROJEKT - chowanie i odkrywanie obrazka
-
84PROJEKT - zmniejsz, zwiększ i zmień kolor