Tutorial Migrasi Dari jQuery Ke Vanilla JavaScript

Надежный VDS
1 Просмотры
Поддержите сайт и поделитесь материалом в соц.сетях:

Издатель
Jangan salah paham, tidak ada yang salah dengan jQuery. Kesempatan kali ini kita akan coba belajar hal-hal yang sering kita lakukan dengan jQuery dan kita akan melakukannya dengan Vanilla JavaScript atau JavaScript murni.


#CriesInJavaScript adalah sebuah series di mana kita akan membahas hal-hal yang berkaitan dengan JavaScript, seperti tips, tricks, atau membahas "keanehan" JavaScript.


Referensi:
- https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
- https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector
- https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
- https://developer.mozilla.org/en-US/docs/Web/API/Element/nextElementSibling
- https://developer.mozilla.org/en-US/docs/Web/API/Element/previousElementSibling
- https://developer.mozilla.org/en-US/docs/Web/API/Node/parentNode
- https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement
- https://developer.mozilla.org/en-US/docs/Web/API/Element/append
- https://developer.mozilla.org/en-US/docs/Web/API/Element/prepend
- https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
- https://developer.mozilla.org/en-US/docs/Web/API/Element/classList
- https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent
- https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
- https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute
- https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
- https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement
- https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
- https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API


Timestamps:
02:05 Get HTML element
05:24 Find element
07:15 Event listener
09:41 Element sibling & parent
12:44 Create element
15:08 Append & prepend
17:58 CSS
20:02 Show/hide element
21:34 ClasName
25:58 TextContent & innerHTML
28:31 Get & set attribute
30:32 Get & set value
35:17 Network request GET
42:22 Network request POST
47:00 Penutup

Komunitas:
- Discord: https://discord.gg/sk6fEVnzrE​​​​
- Front-end Indonesia: https://discord.gg/p8SMfrQ​​​

Nauval:
- Website: https://nauv.al​​​​
- Github: https://github.com/nauvalazhar​​​​
- Twitter: https://twitter.com/mhdnauvalazhar​​​​
- Buymeacoffee: https://buymeacoffee.com/mhd​​​

Semoga bermanfaat ????
Категория
Other
Комментариев нет.
Kwork.ru - услуги фрилансеров от 500 руб.