Development
Web Development
JavaScript
Czysty JavaScript zamiast jQuery
4.8 (5 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.
55 students enrolled

Czysty JavaScript zamiast jQuery

Czysty JavaScript zamiast dodatkowych 30 kB od jQuery, DOM API, nowe przeglądarki, Babel, polyfille, fetch, Promise
4.8 (5 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.
55 students enrolled
Created by Mateusz Chrzonstowski
Last updated 4/2020
Polish
Preview this course
Czysty JavaScript zamiast jQuery
Current price: $12.99 Original price: $19.99 Discount: 35% off
16 hours left at this price!
Buy now
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
  • 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
  • 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
Expand all 65 lectures 03:59:15
+ – Manipulowanie elementami DOM
16 lectures 01:01:18
Intro
00:08
Wprowadzenie do następnych lekcji
01:41
class - jQuery
03:49
class - JavaScript
04:40
Wsparcie przeglądarek?
Preview 02: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
Usuwanie elementów
Preview 05:14
Podmienianie elementów
03:39
Atrybut a pole
02:32
O pozostałych atrybutach
07:28
+ – CSS, selektory, animacje
9 lectures 35:06
Intro
00:02
CSS - jQuery
05:19
CSS - JavaScript (getter)
05:59
CSS - JavaScript (setter)
Preview 04:31
"Wymiary"
04:18
CSS - koniec
03:29
Selektory
05:12
Animacje
Preview 01:56
Traversing
04:20
+ – Formularze, eventy
6 lectures 18:09
Intro
00:07
Eventy jQuery
02:22
Przykłady eventów
05:39
$.ready
02:38
Formularze - serialize
Preview 03:53
Formularze - val
03:30
+ – Lepszy sposób budowania stron - Web Components
6 lectures 22:31
Intro
00:13
Co i jak?
01:56
customElements
Preview 06:15
Przykład GitHuba
04:33
Szablony HTML
04:50
Shadow DOM
04:44
+ – AJAX, Deferred
5 lectures 21:51
Intro
00:04
Nowe API przeglądarek
04:10
async, await
02:58
Obiekty Callbacks i Deferred - jQuery
07:35
Promise - JavaScript
07:04
+ – Pozostałe rzeczy z jQuery
7 lectures 19:51
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
+ – Cross-browser i stare przeglądarki bez jQuery
10 lectures 44:33
Intro
00:10
Wsparcie przy pomocy różnych narzędzi
05:38
Chromium
Preview 02:16
Shimy
04:31
Polyfille
05:08
Babel
04:15
Przykładowa aplikacja
06:18
Babel - konfiguracja 1/2
Preview 05:57
Babel - konfiguracja 2/2 (core-js)
05:54
Babel - rozwiązanie w działaniu
04:26
+ – Zakończenie
2 lectures 03:01
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