Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2020-12-07 19:19:36
30-Day Money-Back Guarantee

This course includes:

  • 13 hours on-demand video
  • 8 articles
  • 33 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Full Stack Web Development

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

Zaawansowany CSS, podstawy JavaScript, Bootstrap i więcej! Naucz się tworzyć profesjonalne strony WWW! :)
Rating: 4.8 out of 54.8 (293 ratings)
1,605 students
Created by Mateusz Maj
Last updated 12/2020
Polish
30-Day Money-Back Guarantee

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

12 sections • 127 lectures • 12h 58m total length

  • Preview07:25
  • Preview00:11
  • Preview00:13
  • Darmowe materiały naukowe
    00:05

  • Konfiguracja VS Code
    05:28
  • Ważne info o SASS Compiler
    00:26
  • Lista wtyczek i konfiguracja SASS Compilera
    00:06
  • VSC - podstawowe wtyczki
    08:39

  • 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

  • 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 - 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

  • Preview06:16
  • GRID cz. 1
    05:36
  • GRID cz. 2
    09:01
  • GRID cz. 3
    12:06
  • GRID cz. 4
    01:22

  • Wprowadzenie do Flexboxa
    12:25
  • Właściwości Flexboxa
    04:03
  • Preview00: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

  • 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

  • Bootstrap5
    02:49
  • 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

  • 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.

Instructor

Mateusz Maj
Front-End Developer
Mateusz Maj
  • 4.8 Instructor Rating
  • 2,213 Reviews
  • 15,804 Students
  • 6 Courses

Cześć, mam na imię Mateusz i kocham bawić się w kodzie, tworzyć strony internetowe, bawić się w montowanie filmów i obróbki zdjęć.


Moja przygoda z tym wszystkim zaczęła się wiele lat temu, bo jeszcze w czasach gimnazjum, kiedy to tworzyłem strony z grami oraz edytowałem przeróżne materiały - od filmów ślubnych po materiały z gier wideo.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.