Drugą część tej mini-serii również oglądamy bez przerw reklamowych, gdyż także została dla nas zasponsorowana przez firmę NordVPN, która przygotowała ofertę: https://nordvpn.com/pasjainformatyki – otrzymujemy zniżkę na 2-letnią usługę VPN i dodatkowo 1 miesiąc gratis. Firmie dziękujemy za wsparcie serii JavaScript! 👍

Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage’u Pasji informatyki na Facebooku.

🔔 Subskrybuj – http://bit.ly/pasja-sub
Jeśli masz ochotę wesprzeć to co robimy, to możesz:

🖐 Zostać Patronem – https://patronite.pl/pasja-informatyki
☕️ Ufundować nam wirtualną kawę – https://buycoffee.to/pasja-informatyki

👉 Fanpage na Facebooku – http://bit.ly/pasja-fb
👉 Profil Patronite – https://patronite.pl/pasja-informatyki
👉 Lista Patronów – http://pasja-informatyki.pl/patroni
👉 Donacje na blogu – http://miroslawzelent.pl/donate
👉 Harmonogram publikacji – http://bit.ly/pasja-harmonogram
👉 Kontakt z nami – http://pasja-informatyki.pl/kontakt/
👉 Współpraca reklamowa – http://bit.ly/pasja-wspolpraca
👉 Kursy video dla technikum – http://pasja-informatyki.pl
👉 Blog informatyczny – http://miroslawzelent.pl
👉 Trenażer egzaminacyjny – http://egzamin-informatyk.pl
👉 Egzamin-E13.pl – http://egzamin-e13.pl
👉 Forum dyskusyjne – https://forum.pasja-informatyki.pl/
👉 Witryna podcastowa – http://podcast.pasja-informatyki.pl/
👉 Twitter MZ – https://twitter.com/MiroslawZelent
👉 Twitter DS – https://twitter.com/stelmach_damian

🕐 TIMESTAMPS (CHWILE CZASOWE):

00:00:00 Tytułem wstępu, stan po części pierwszej
00:00:55 Sponsor odcinka: NordVPN
00:02:44 Uchwyt pojedyczego obiektu: querySelector()
00:04:14 Silnik selektorów CSS w JS
00:06:50 Jeden obiekt czy ich kolekcja?
00:07:56 Parsowanie: parseFloat(), parseInt()
00:08:37 Not a Number, użycie funkcji isNaN()
00:10:06 Plan strukturalny witryny
00:12:33 Dwa łańcuchy – dla wyrazów ciągu i ratios
00:15:20 Plan interfjesu zmiany stylów generowanych liczb
00:18:14 Pierwsze dwa wyrazy ciągu i stosunki liczbowe
00:21:52 Pokazanie wielu cyfr liczby: funkcja toFixed()
00:26:20 Pętla generująca wyrazy od trzeciego do ostatniego
00:27:53 Użycie tylko zmiennych: a, b zamiast tablicy
00:28:48 Konieczność użycia pomocniczego bufora
00:32:06 Wiodące zero w indeksie wyrazów ciągu
00:36:30 Zmiana zawartości wewnętrznej pojemnika
00:37:45 Porównanie: innerHTML vs. outerHTML
00:40:26 Porównanie: innerText vs. textContent
00:46:01 Uchwyt kolekcji: getElementsByName()
00:47:47 Pętla do pracy z kolekcją: klasyczny for()
00:50:29 Wskaźnik this w metodzie obiektu
00:54:33 Uchwyt kolekcji: getElementsByClassName()
00:55:58 Pętla do pracy z kolekcją: for(of)
00:56:50 Zmiana CSS obiektu w JS: style
00:59:15 Uchwyt kolekcji: querySelectorAll()
00:59:48 Pętla do pracy z kolekcją: forEach()
01:03:01 Funkcja anonimowa zamiast referencji
01:09:21 Zmiana CSS obiektu w JS: style.cssText
01:13:53 Funkcja strzałkowa zamiast referencji
01:18:35 Zmiana CSS obiektu w JS: classList
01:28:27 Uchwyt kolekcji: getElementsByTagName()
01:31:22 Usunięcie atrybutu HTML: removeAttribute()
01:37:18 Pseudoklasa :not() w metodzie querySelectorAll()
01:38:43 Stan atrybutu HTML: toggleAttribute()
01:42:58 Podsumowanie wiedzy z odcinka na slajdach

💾 POBIERZ PLIKI Z ODCINKA:

http://miroslawzelent.pl/kurs-javascript/document-object-model-dom-praktyka

📑 REFAKTORYZACJA I PRZERÓBKI KODU NA FORUM:

https://bit.ly/js-dom-refaktoryzacja

🎵 MUZYKA:

Kayou – Growing_Up:
https://lofigirl.com/blogs/releases/dreamscapes

Music provided by Lofi Girl
Listen: bit.ly/lofigirI-playlists

A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: http://bit.ly/CCAttribution

WYKORZYSTANO ARTWORKI Z GRY VALORANT:
https://playvalorant.com/pl-pl/

#pasjainformatyki #programowanie #kursjavascript