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 CompTIA Security+ AWS Certified Developer - Associate
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 Data Science
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 18:19:39
30-Day Money-Back Guarantee

This course includes:

  • 11.5 hours on-demand video
  • 12 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Full Stack Web Development

[2021] Kurs Tworzenia Stron WWW cz. I - HTML, CSS, RWD

Podstawy HTML, CSS, semantyka, dobre praktyki pisania kodu i RWD, czyli responsywne strony internetowe!
Rating: 4.8 out of 54.8 (799 ratings)
8,085 students
Created by Mateusz Maj
Last updated 12/2020
Polish
30-Day Money-Back Guarantee

What you'll learn

  • W tej części kursu poznasz od podstaw HTML oraz CSS. Stworzysz też swoje dwie pierwsze strony internetowe! :)
  • Dowiesz się jak tworzyć responsywne strony internetowe.
  • Dowiesz się czym jest pojęcie 'mobile first' i czemu jest tak ważne.
  • Poznasz dobre praktyki pisania kodu, wykorzystywane przez deweloperów z wieloletnim doświadczeniem!

Course content

13 sections • 112 lectures • 11h 47m total length

  • Preview03:45
  • Preview06:45
  • Preview01:38
  • Preview00:11
  • Preview00:13
  • Darmowe materiały naukowe
    00:05
  • Z jakiej przeglądarki korzystać?
    00:43

  • Zanim zaczniemy... ;)
    00:28
  • Preview06:05
  • Visual Studio Code
    08:39
  • Lista wtyczek i ustawień do Visual Studio Code
    00:23
  • Podstawowa struktura HTML
    06:05
  • Semantyka i najczęściej używane tagi HTML
    11:14
  • Główne tagi HTML cz. 1
    14:44
  • Główne tagi w HTML cz. 2
    06:28
  • QUIZ z tagów HTML
    5 questions
  • Metatagi
    05:36
  • Formularze
    05:38
  • Formatowanie i zabawa z tekstem
    11:17
  • Metatagi, formularze i formatowanie
    5 questions
  • Listy w HTML
    04:00
  • Tabele w HTML
    14:28
  • Tagi SCRIPT
    02:41
  • Pozostałe tagi HTML
    09:53
  • QUIZ ze wszystkich tagów HTML
    13 questions
  • DOCTYPE & HTML lang
    03:17
  • Wprowadzenie do zadania - stwórz podobną stronę!
    02:54
  • Rozwiązanie zadania - stwórz podobną stronę!
    06:20

  • CSS - wprowadzenie
    07:33
  • QUIZ z budowy CSS
    8 questions
  • Gdzie umieścić CSS?
    08:34
  • QUIZ z umieszczania CSS na stronie
    3 questions
  • Zapis skrócony i komentarze
    12:05
  • !important oraz dobra praktyka nazywania klas
    07:16
  • Wprowadzenie do zadania - ostyluj stronę według wytycznych
    03:55
  • Rozwiązanie zadania - ostyluj stronę według wytycznych
    04:40

  • Domyślne style przeglądarek
    03:09
  • Narzędzia deweloperskie
    07:37

  • Wprowadzenie do czcionek
    11:07
  • Info odnośnie Google Fonts
    01:04
  • Google Fonts & Font Awesome
    13:28
  • Aktualizacja Google Fonts
    03:17
  • Stylowanie tekstu
    14:15
  • Stylowanie tekstu - właściwości CSS
    00:07
  • QUIZ z czcionek
    4 questions
  • Kolory
    10:59
  • Obrazy
    10:21
  • Wprowadzenie do zadania - ostyluj stronę według wytycznych
    03:45
  • Rozwiązanie zadania - ostyluj stronę według wytycznych
    12:53

  • Jednostki
    12:53
  • Kaskadowość
    08:01
  • Specyficzność CSS
    00:09
  • Dziedziczenie
    05:34
  • Kombinatory
    07:02
  • QUIZ z dziedziczenia oraz rodziny w CSS
    11 questions
  • Zadanie z kombinatorami
    08:49
  • BONUS: Dodatkowy materiał – ściąga CSS
    00:11

  • Box model
    10:21
  • Overflow
    01:45
  • QUIZ z box model
    7 questions
  • Border
    04:54
  • Stylowanie linków
    05:47
  • Stylowanie przycisków i :hover
    09:58
  • Display inline, inline-block oraz block
    04:58
  • QUIZ z właściwości Display
    3 questions
  • Position relative i z-index
    05:41
  • Position absolute
    07:41
  • Wprowadzenie do zadania - zabawa z position!
    04:07
  • Rozwiązanie zadania - zabawa z position!
    05:38
  • Position fixed
    02:44
  • Position sticky
    04:04
  • QUIZ z position
    4 questions
  • Wprowadzenie do zadania - ułóż elementy za pomocą position
    07:37
  • Rozwiązanie zadania - ułóż elementy za pomocą position
    09:42
  • Wprowadzenie do zadania - zoom, move & color
    04:56
  • Rozwiązanie zadania - zoom, move & color
    15:54

  • Transition
    08:41
  • Transition - porównanie
    01:47
  • Transform
    09:51
  • Transform origin
    04:41
  • Wyjaśnienie problemu z transform origin
    00:09
  • Wprowadzenie do zadania - transform & transition
    02:26
  • Treść zadania transform & transition
    00:45
  • Rozwiązanie zadania - transform & transition
    11:14
  • Optymalizacja zadania z transform & transition
    06:47
  • Float
    06:41
  • Background
    08:00

  • RWD - co to jest? Czemu jest tak ważne?
    08:27
  • Różnice między RWD i AWD
    02:19
  • Metatag viewport
    05:17
  • @media queries
    12:12
  • Mobile first!
    04:39

  • Dobre praktyki pisania kodu
    10:07
  • Dlatego dbanie o kolejność jest tak ważne... ;)
    00:18
  • BEM
    04:13

Requirements

  • Umiejętność posługiwania się komputerem.

Description

Cześć, mam na imię Mateusz i zapraszam Cię do uczestnictwa w moim kursie tworzenia stron internetowych!

Nauczysz się tworzyć w pełni responsywne i nowoczesne strony internetowe, poznasz język HTML, CSS, JavaScript, preprocesor SASS, poznasz Bootstrapa, dowiesz się, czym jest semantyka no i przede wszystkim - będziesz sporo ćwiczył/a! 

Teoria bez praktyki jest niczym i doskonale zdaję sobie z tego sprawę. Dlatego w moim kursie znajdziesz mnóstwo ćwiczeń i quizów, dzięki którym utrwalisz oraz sprawdzisz swoją wiedzę.


Dla ułatwienia nauki, kurs został podzielony na części, ponieważ ilość materiału do przyswojenia jest ogromna.

Na szczęście nie musisz się niczym przejmować, bo chętnie pomogę z każdym napotkanym przez Ciebie problemem. :) Co więcej – mamy Discorda! I mówiąc "mamy" mam na myśli mnie oraz innych uczestników moich kursów. :)

Zachęcam więc do dołączenia (linki znajdziecie w zasobach do początkowych odcinków kursu), ponieważ czekają tam na Was wskazówki, quizy, konkursy i oczywiście – pomoc!

Warto również dodać, że mimo iż jest to kurs dla zupełnie początkujących, to jednak mówimy tu o tworzeniu stron WWW. Zakładam więc, że radzisz sobie z obsługą komputera, wiesz jak tworzyć pliki i foldery i wiesz, jaka jest różnica między kursorem a przeglądarką. ;) 


Who this course is for:

  • Osoby, które chcą nauczyć się tworzyć strony internetowe od podstaw. :)

Instructor

Mateusz Maj
Front-End Developer
Mateusz Maj
  • 4.8 Instructor Rating
  • 2,227 Reviews
  • 15,833 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.