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+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP Node.Js WordPress 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
30-Day Money-Back Guarantee

This course includes:

  • 4 hours on-demand video
  • 8 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
Development Web Development JavaScript

Czysty JavaScript zamiast jQuery

Czysty JavaScript zamiast dodatkowych 30 kB od jQuery, DOM API, nowe przeglądarki, Babel, polyfille, fetch, Promise
Rating: 4.8 out of 54.8 (9 ratings)
78 students
Created by Mateusz Chrzonstowski
Last updated 4/2020
Polish
30-Day Money-Back Guarantee

What you'll learn

  • Poznasz i zrozumiesz najnowsze mechanizmy JS (ES6+) oraz API przeglądarek
  • Dowiesz się, kiedy jQuery jest zbędne
  • Zobaczysz, jak użyć najnowszego API JS w starych przeglądarkach

Course content

10 sections • 65 lectures • 3h 59m total length

  • Preview02:04

  • Intro
    00:04
  • Preview03:51
  • Preview06:53

  • Intro
    00:08
  • Wprowadzenie do następnych lekcji
    01:41
  • class - jQuery
    03:49
  • class - JavaScript
    04:40
  • Preview02:39
  • Kopiowanie elementów - jQuery
    04:43
  • Kopiowanie elementów - JavaScript
    03:54
  • "Owijanie" elementów - jQuery
    03:31
  • "Owijanie" elementów - JavaScript
    03:47
  • "Owijanie" - kiedy jQuery wygrywa?
    05:39
  • Wstawianie elementu w element
    05:08
  • Wstawianie elementu obok elementu
    02:46
  • Preview05:14
  • Podmienianie elementów
    03:39
  • Atrybut a pole
    02:32
  • O pozostałych atrybutach
    07:28

  • Intro
    00:02
  • CSS - jQuery
    05:19
  • CSS - JavaScript (getter)
    05:59
  • Preview04:31
  • "Wymiary"
    04:18
  • CSS - koniec
    03:29
  • Selektory
    05:12
  • Preview01:56
  • Traversing
    04:20

  • Intro
    00:07
  • Eventy jQuery
    02:22
  • Przykłady eventów
    05:39
  • $.ready
    02:38
  • Preview03:53
  • Formularze - val
    03:30

  • Intro
    00:13
  • Co i jak?
    01:56
  • Preview06:15
  • Przykład GitHuba
    04:33
  • Szablony HTML
    04:50
  • Shadow DOM
    04:44

  • Intro
    00:04
  • Nowe API przeglądarek
    04:10
  • async, await
    02:58
  • Obiekty Callbacks i Deferred - jQuery
    07:35
  • Promise - JavaScript
    07:04

  • Intro
    00:03
  • Data - jQuery
    04:46
  • Dataset - JS
    03:48
  • Queue
    01:59
  • Core
    01:34
  • Internals, Properties
    03:57
  • Miscellaneous, Utilities
    03:44

  • Intro
    00:10
  • Wsparcie przy pomocy różnych narzędzi
    05:38
  • Preview02:16
  • Shimy
    04:31
  • Polyfille
    05:08
  • Babel
    04:15
  • Przykładowa aplikacja
    06:18
  • Preview05:57
  • Babel - konfiguracja 2/2 (core-js)
    05:54
  • Babel - rozwiązanie w działaniu
    04:26

  • Udało się!
    00:43
  • Wykład bonusowy: kursy, materiały dodatkowe
    02:18

Requirements

  • Podstawowa znajomość JavaScript
  • Podstawowa znajomość jQuery
  • Chęć poznania nowych mechanizmów JS

Description

A może jQuery? Chyba każdy front-endowiec słyszał o bibliotece korzystającej ze znaczka dolara...

Czy startując z nowym projektem jest jednak sens podpinać jQuery? Do czego można wykorzystać tę bibliotekę w dniu dzisiejszym? Jakie były jej zalety i czy dalej mają taką moc?

W kursie przedstawiam najnowsze mechanizmy przeglądarek i JS-a, którymi z powodzeniem można zastąpić jQuery:

  • classList,

  • querySelector,

  • forEach,

  • dataset,

  • URLSearchParams,

  • fetch,

  • Promise,

  • spread operator

Pojawiają się też mechanizmy, ułatwiające pracę, nawet przy korzystaniu z jQuery, np. async/await i Animate.css.

Znane są przypadki firm, które pozbywają się jQuery ze swojego front-endu. Są to chociażby GitLab i GitHub. Ten drugi zrezygnował z biblioteki na rzecz Web Componentów, którym jest poświęcona w całości jedna sekcja kursu.

Na końcu poruszony jest jeszcze jeden, palący problem - uspójnienie kodu pomiędzy przeglądarkami (cross-browser) oraz wspieranie starych przeglądarek (tak, wliczając IE8). Da się to zrobić z wykorzystaniem tzw. polyfillów oraz chociażby Babela. Przykładowe rozwiązanie zostało szczegółowo omówione w kursie.

Who this course is for:

  • Osoby, które wciąż używają jQuery
  • Osoby, które nie wyobrażają sobie życia bez jQuery
  • Front-endowcy, chcący poznawać najnowsze mechanizmy JS

Instructor

Mateusz Chrzonstowski
Software Engineer, IT Trainer, IT Showman
Mateusz Chrzonstowski
  • 4.5 Instructor Rating
  • 1,065 Reviews
  • 19,989 Students
  • 9 Courses

Software Engineer and IT Trainer, focused on front-end and integration technologies, with a relevant full-stack experience.

Since 2013 I've been making a living by programming. Additionally, I teach how to code in a programming school.

I also share my knowledge at meetups, job fairs and conferences.

Not only a tech geek, but also Dragon Ball, MMA and Frightful 5 strategies fan.

=====

Początkowo nastawiony na front-end, ostatnie lata w obszarze integracji systemów, a tak naprawdę inżynier oprogramowania i programista full-stack. Od 2013 roku zarabiam na życie kodem. Dodatkowo, jestem trenerem w jednej ze szkół programowania.

Staram się dzielić wiedzą i doświadczeniem również podczas meetupów, targów i konferencji.

Oprócz programowania i dzielenia się wiedzą, pasjonuje się jeszcze MMA, Dragon Ballem, strategiami wielkich firm.

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