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
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Figure Drawing Canva
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence 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 Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development HTML

Kurs Tworzenia Stron WWW w HTML i CSS od Podstaw do Eksperta

Naucz się HTML 5, CSS 3, JS, XML, jQuery, AJAX, Responsive web design od podstaw. Wyjaśnię Ci wszystko od A do Z!
Bestseller
Rating: 4.4 out of 54.4 (4,540 ratings)
26,220 students
Created by Arkadiusz Włodarczyk
Last updated 2/2021
Polish
30-Day Money-Back Guarantee

What you'll learn

  • tworzyć od zera stronę WWW w HTML z rozwijanym menu w CSS
  • pobierać/zmieniać/dodawać zawartość na stronie bez przeładowywania
  • czym są, jakie są oraz jak korzystać z tagów HTML/selektorów CSS
  • tworzyć animacje/przejścia
  • nowości związane z HTML 5: tagi semantyczne, eventy, atrybuty
  • Responsive Web Design (idealnie wyglądająca strona niezależnie od urządzenia)
  • różnice między HTML, XHTML, HTML 5, CSS i CSS 3
  • czym jest jQuery, jQuery UI, jak z nich korzystać i jak tworzyć własne pluginy
  • pełnego wsparcia CSS 3
  • video i audio tagów, geolokalizacji
  • grafikę 2D / 3D (element canvas)
  • local storage
  • tworzyć aplikację, która przeniesione pliki z pulpitu ładuje od razu bezpośrednio na serwer z paskiem postępu
  • wielowątkowych aplikacji w JavaScript
  • nowych selektorów CSS 3, Web fonts - własne czcionki, rozwijane menu
  • stworzyć sklep z koszykiem do którego można przeciągać przedmioty. Koszyk automatycznie podlicza kwotę dodanych elementów.
  • zaokrąglać krawędzie, transformacji 2D/3D
  • tworzyć gradienty / cienie / przeźroczyste elementy
  • flex / table layout
  • AJAX, czyli technologię która umożliwi Ci wczytywanie / sprawdzanie danych na Twojej witrynie przez użytkownika bez przeładowywania lub też przechodzenia na inną stronę
  • czym jest XML i jego praktyczne zastosowanie w AJAX
  • tworzyć aplikację: suggestBox - pudełko z podpowiedziami, po wpisaniu pewnej literki, pudełko będzie podpowiadało użytkownikowi co miał na myśli (coś na wzór Google suggest box)
  • tworzyć aplikację: dynamiczna filtracja danych - po wpisaniu do formularza danych, dane tabelaryczne na stronie będą natychmiast aktualizowane bez przeładowywania strony, dodatkowo będzie zmieniał się URL, przez co użytkownicy będą mogli dzielić się dynamicznie wygenerowaną treścią oraz zaczną działać button'y historii BACK i FORWARD
  • tworzyć aplikację: rozwijane boxy - po kliknięciu na nagłówek rozwinie się pudełko, którego zawartość będzie pobrana dynamicznie z bazy danych
  • tworzyć aplikację: podpowiedzi, które po najechaniu myszką na element, pojawią się koło elementu i dadzą użytkownikowi więcej informacji o takim elemencie
  • tworzyć aplikację: automatyczne odświeżanie zawartości strony - dowiesz się jak sprawić, aby pewna część często zmieniającej się strony, mogła być aktualizowana natychmiast po zmianie bez żadnej ingerencji użytkownika i przeładowywania strony
  • SASS - rozszerzenie możliwości CSS, zredukujesz czas potrzebny na pisanie i edytowanie CSS
  • Compass - bibliotekę SASS
  • Grunt.js - biblioteka wykonująca za Ciebie monotonne zadania jak np. automatyczna kompresja obrazków/CSS/JS czy też dodawanie dodawanie vendor prexifów
  • Application Cache - aplikacje offline

Course content

42 sections • 245 lectures • 46h 46m total length

  • Preview04:43

  • Preview06:35
  • Preview05:37
  • Preview08:40
  • Preview08:11
  • Preview02:15

  • Preview09:14
  • Preview05:57

  • Preview10:01
  • Preview04:28
  • Atrybuty i Kolory
    17:46
  • Meta Tagi
    10:50
  • Kodowanie
    10:39
  • DTD - typ oraz reguły pisewnictwa
    07:07
  • Encje - walidacja strony
    08:48

  • Formatowanie Tekstu
    27:39
  • Wykazy List
    11:51
  • Tabelki
    28:13
  • Obrazki
    14:17
  • Odnośniki (linki)
    19:41
  • Ramki
    23:38
  • Formularze
    38:10

  • Preview03:11
  • Preview18:20
  • Class oraz Id
    10:13
  • id vs class
    00:38
  • Div i span
    09:54
  • Linki
    10:12
  • Formatowanie tekstu
    19:27
  • czcionki
    11:28
  • tła
    14:20
  • obramowanie
    09:42
  • tabelki
    07:54
  • wykazy list
    04:43
  • zmiana kursora myszki
    03:54
  • przeźroczystość
    06:09

  • Marginesy - wypełnienia - box model
    13:33
  • Pływanie elementów - float i clear
    08:13
  • pozycjonowanie
    13:55
  • warstwy - z-index
    03:33
  • przepełnienie - overflow
    02:47

  • Zapowiedź
    05:15
  • Tło
    05:57
  • Kontener i górna część
    09:47
  • Kontakt Box
    06:48
  • Górne Menu
    11:56
  • Środkowe Menu
    08:22
  • Rozwijane menu w CSS
    22:03
  • Środkowa część strony
    23:21
  • Dolna część strony i stopka
    15:23
  • Tworzenie podstron
    04:41

  • Czym jest CSS 3?
    10:00
  • CSS vs CSS3
    00:21
  • Stworzenie projektu w Netbeans i omówienie szablonu html5boilerplate
    11:13
  • Czym są vendor prefixy
    13:01
  • Selektory i właściwości pod IE
    06:58
  • Selektory
    11:12
  • Selektory Atrybutów
    17:54
  • Pseudo Selektory
    34:08
  • Web fonts - własne czcionki
    16:16
  • Transformacja Tekstu
    01:44
  • Cienie
    09:36
  • Przeźroczystość
    05:07
  • Zaokrąglone krawędzie
    04:06
  • Gradienty
    10:37
  • Transitions - płynne przejścia
    16:47
  • Transformacje 2D
    08:12
  • Animacje
    16:03
  • Transformacje 3D
    23:43
  • Kostka 3D
    14:18
  • Zabawa z tłem
    10:43
  • Wielokolumnowy układ treści
    03:51

  • Flex Box Layout
    22:38
  • Flex box - szablon strony
    11:17
  • Flex Box - wsparcie
    10:59

Requirements

  • Wszystko wyjaśnione jest w kursie. Nie musisz posiadać żadnych wiadomości. Wystarczą dobre chęci :)

Description

Naucz się wszystkiego od zera. Obal mit, że tworzenie stron internetowych jest trudne. Twórz własne strony WWW od A do Z. 

Po moim kursie możesz zostać pożądanym na rynku pracy front-end developerem tzn. osobą, która zajmuje się tym co widać na stronie.

Będziesz znał i rozumiał HTML 5, CSS 3, JS, XML, jQuery oraz AJAX. 

Co więcej nauczysz się Responsive Web Design czyli techniki, która sprawi, że Twoja strona będzie wyglądać idealnie na smartfonach jak i na komputerach stacjonarnych. 

To jeszcze nie koniec! Przekażę Ci w kursie cenną wiedzę na temat SASS, Compass oraz Grunt.js. Są to biblioteki używane przez profesjonalistów. Oszczędzą Ci one ogromną ilość czasu podczas tworzenia stron!

Po kursie nauczysz się szybko i bezproblemowo tworzyć ładnie wyglądająca stronę, zgodnie z najnowszymi normami. 

W każdej lekcji podaję jak najwięcej szczegółów, aby każdy mógł zrozumieć techniki tworzenia stron. Staram się nie tylko uczyć, ale również podczas wyjaśniania radzić jak przyjacielowi co jest "lepsze", a co "gorsze" :-)


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Ponad 250,000 studentów na Udemy uczy się z moich kursów. Dołącz do grupy zadowolonych Użytkowników. Jeśli mój kurs Ci się nie spodoba to pamiętaj, że masz aż 30 dni na to by uzyskać pełną refundację. Gwarantuję Ci 100% satysfakcji.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Jeśli masz jakiekolwiek pytania  związane z poruszonymi tematami to pisz śmiało, zawsze chętnie pomogę :)

Proszę zanim zakupisz kurs oglądnij darmowe lekcje! Nie kupuj kota w worku! Sprawdź jakość kursów przed zakupem!

Naucz się szybko i bezproblemowo tworzyć strony WWW :) Zostań web developerem już dziś!

Who this course is for:

  • Ten kurs tworzenia stron WWW jest przeznaczony dla każdego. Nie musisz wiedzieć nic na temat tworzenia stron internetowych, aby się za niego zabrać.

Instructor

Arkadiusz Włodarczyk
Excellent teacher, Expert in Programming
Arkadiusz Włodarczyk
  • 4.5 Instructor Rating
  • 32,647 Reviews
  • 254,899 Students
  • 18 Courses

I am the author of 27 very popular video courses about programming, web-development and math in Poland. I've also created 7 video courses in English. Over 250,000 people enrolled in my Udemy courses. I put all my heart into creation of courses. I always try to explain everything the easiest possible way. I'm sure that my courses will help you in the programming and web development adventure :)

I believe that everyone has the ability to develop software if they are taught properly. Including you. I'm going to give you the context of each new concept I teach you. After my course you will finally understand everything that you code.

I've been developing websites for over 15 years and I've been programming for over 10 years. I have enormous experience in that field and today I want to share with you my knowledge.

If you have any questions regarding any of the covered topics in my courses, please feel free to ask.

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