Development
Web Development
Full Stack Web Development
[2020] Kurs Tworzenia Stron WWW cz. II - SASS, JS, Bootstrap
4.9 (76 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
570 students enrolled

[2020] Kurs Tworzenia Stron WWW cz. II - SASS, JS, Bootstrap

Zaawansowany CSS, podstawy JavaScript, Bootstrap i więcej! Naucz się tworzyć profesjonalne strony WWW! :)
4.9 (76 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
570 students enrolled
Created by Mateusz Maj
Last updated 5/2020
Polish
Preview this course
[2020] Kurs Tworzenia Stron WWW cz. II - SASS, JS, Bootstrap
Current price: $90.99 Original price: $129.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 13 hours on-demand video
  • 5 articles
  • 33 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Stworzysz profesjonalną i w pełni responsywną stronę WWW.
  • Poznasz podstawy języka JavaScript.
  • Poznasz dobre praktyki pisania kodu.
  • Poznasz Bootstrapa, preprocesor SASS, zaawansowany CSS, GRIDa, Flexboxa i więcej!
Course content
Expand all 123 lectures 12:54:57
+ – Visual Studio Code
3 lectures 14:13
Konfiguracja VS Code
05:28
Lista wtyczek i konfiguracja SASS Compilera
00:06
VSC - podstawowe wtyczki
08:39
+ – SASS
8 lectures 43:50
Czym jest SASS? SCSS czy SASS?
05:21
html, :root oraz wstęp do zmiennych
05:21
Zmienne w SASS
03:45
Mapy w SASS i SCSS
04:49
Mixin
08:16
Import i słów kilka o SASS
03:31
Wprowadzenie do zadania - ostyluj stronę za pomocą poznanych technik
05:11
Rozwiązanie zadania - ostyluj stronę za pomocą poznanych technik
07:36
+ – Pseudoklasy , pseudoelementy i atrybuty
8 lectures 43:59
Pseudkolkasy i pseudoelementy - wprowadzenie
04:42
Pseudoklasy first & last
05:50
Nth-child
06:04
Nth-last-child
01:52
Nth-of-type & nth-last-of-type
02:42
Zadanie z pseudoklasami
07:54
Pseudoelementy
07:32
[atrybuty]
07:23
+ – Animacje
11 lectures 01:15:07
Animacje - wprowadzenie
03:24
@keyframes i właściwość animation
09:24
Fill mode
04:27
Najczęstszy błąd przy animowaniu
02:28
2 proste projekty
07:23
Stwórzmy razem animację cz. 1
07:35
Stwórzmy razem animację cz. 2
10:34
Stwórzmy razem animację cz. 3
09:39
Przydatne strony do animacji
02:45
Kilka słów na temat optymalizacji
08:36
Co animować, aby optymalizacja była jak najlepsza?
08:52
+ – GRID
5 lectures 34:21
Wprowadzenie do GRIDa
Preview 06:16
GRID cz. 1
05:36
GRID cz. 2
09:01
GRID cz. 3
12:06
GRID cz. 4
01:22
+ – Flexbox
10 lectures 50:16
Wprowadzenie do Flexboxa
12:25
Właściwości Flexboxa
04:03
Ściąga z właściwości Flexa
Preview 00:25
Justify content
08:03
Align items
10:30
Align content
03:28
Flex basis
03:28
Flex grow & shrink
03:12
Order
02:32
Align self
02:10
+ – Java Script
24 lectures 02:34:46
Wprowadzenie do Java Script
03:56
Gdzie umieszczać JS na stronie?
04:14
Zmienne - czym są, jak je deklarować?
12:30
Nazywanie zmiennych, notacjaWielbłądzia
03:01
Zadanie - stwórz zmienne i wydrukuj je w konsoli
03:44
Czym jest DOM?
01:45
Typy danych w JS
03:02
Operatory arytmetyczne
09:48
Operatory przypisania
03:02
Operatory porównania
04:12
Operatory logiczne
03:51
QUIZ ze zmiennych i operatorów logicznych
6 questions
Instrukcja warunkowa (IF, ELSE IF oraz ELSE)
05:44
Instrukcja warunkowa SWITCH
07:43
Operator warunkowy
04:51
Tablice
04:30
Pętla FOR
04:54
Pętla WHILE
03:42
Funkcje
05:16
Pobieranie elementów
11:36
addEventListener - wprowadzenie
09:54
addEventListener - projekt
13:53
PROJEKT - chowanie i odkrywanie obrazka
14:09
PROJEKT - wysuwane boczne menu z JS
05:04
PROJEKT - zmniejsz, zwiększ i zmień kolor
10:25
+ – Bootstrap
20 lectures 01:04:45
Wstęp do Bootstrapa
03:19
Instalacja Bootstrapa
02:31
Bootstrapowe kontenery
02:32
Break pointy w Bootstrapie
02:19
Kolumny cz. 1
04:23
Kolumny cz. 2
05:07
Zabawa z tekstem
05:24
Listy
02:22
Obrazy
02:43
Tabele
02:47
Kolory
03:12
Cienie
01:38
Border
03:37
Display
04:56
Flex
01:31
Overflow
00:52
Position
00:29
Width & height
00:42
Margin & padding
05:15
Komponenty
09:06
+ – Tworzymy stronę internetową!
30 lectures 04:32:34
Ważna informacja o Animate.css!
00:38
Tworzymy strukturę strony WWW
08:06
Scrollspy & smooth scroll
06:35
Ważna uwaga do nawigacji!
00:08
Stylowanie nawigacji
09:38
Pobieranie obrazków i dodawanie JS
03:16
Header cz.1
14:32
Header cz.2
15:04
Header cz.3
10:14
Dodawanie tła do nawigacji za pomocą JS
12:28
Sekcja about cz. 1
15:51
Sekcja about cz. 2
06:34
Rozwiązanie problemu z menu
03:03
Sekcja about cz. 3
06:11
Sekcja about cz. 4
10:32
Sekcja about cz. 5
19:02
Sekcja portfolio cz. 1
13:38
Sekcja portfolio cz. 2
05:21
Musimy naprawić jedną rzecz
04:53
Sekcja ceny cz. 1
12:02
Sekcja ceny cz. 2
17:02
Slick.js
05:25
Zdjęcia zespołu
02:39
Sekcja zespół cz. 1
08:24
Sekcja zespół cz. 2
13:43
Sekcja zespół cz. 3
10:10
Sekcja zespół cz. 4
03:57
Sekcja osiągnięcia
10:24
Sekcja kontakt
16:53
Stopka i zakończenie projektu
06:10
Requirements
  • Aby przystąpić do drugiej części kursu, należy znać podstawy HTML i CSS.
Description

W tej części kursu nauczysz się zaawansowanego CSS-a, poznasz preprocesor SASS, który ułatwi i przyśpieszy pracę z CSS-em, poznasz Flexboxa oraz Grida, czyli zaawansowane technologie, które umożliwiają rozmieszczanie elementów na stronach WWW. Nauczysz się też podstaw języka Java Script.

Na końcu stworzymy profesjonalną i w pełni responsywną stronę internetową opartą na Bootstrapie!

Who this course is for:
  • Początkujący i średnio-zaawansowani Front-End Deweloperzy.