Javascript Untuk Pemula - FR-ACADEMY - Online Learning Platform

1

1. Apa Itu JavaScript? Sejarah dan Peranannya dalam Web Development Gratis

2

2. Cara Menambahkan JavaScript ke HTML (Inline, Internal, External) Gratis

3

3. Menjalankan JavaScript di Browser (Console dan Developer Tools) Gratis

4

4. Sintaks Dasar JavaScript: Statement, Expression, dan Comments Gratis

5

5. Variabel: var, let, dan const (Perbedaan dan Kapan Menggunakannya) Gratis

6

6. Tipe Data Primitif: String, Number, Boolean, Null, Undefined, Symbol Gratis

7

7. Tipe Data Non-Primitif: Object, Array, Function Gratis

8

8. Konversi Tipe Data (Type Conversion dan Type Coercion) Gratis

9

9. Operator Aritmatika (+, -, *, /, %, **) Gratis

10

10. Operator Penugasan (Assignment Operator) Gratis

11

11. Operator Perbandingan (==, ===, !=, !==, >, <, >=, <=) Gratis

12

12. Operator Logika (&&, ||, !) dan Short-Circuit Evaluation Gratis

13

13. Operator Ternary (Conditional Operator) Gratis

14

14. Operator String (Concatenation dan Template Literals) Gratis

15

15. String: Properti dan Method (length, toUpperCase, toLowerCase, slice, substring, replace, trim, split, join) Gratis

16

16. Number: Properti dan Method (toFixed, parseInt, parseFloat, Math Object, random, floor, ceil, round) Gratis

17

17. Array: Pengertian dan Cara Membuat Array Gratis

18

18. Array Method Dasar (push, pop, shift, unshift, length, indexOf, includes) Gratis

19

19. Array Method Lanjutan (map, filter, reduce, forEach, find, some, every) Gratis

20

20. Spread Operator dan Rest Parameter pada Array Gratis

21

21. Destructuring Array Gratis

22

22. Object: Pengertian dan Cara Membuat Object (Literal, new Object) Gratis

23

23. Mengakses dan Memodifikasi Properti Object (Dot Notation vs Bracket Notation) Gratis

24

24. Object Method (keys, values, entries, assign, freeze) Gratis

25

25. Looping pada Object (for...in, Object.keys, Object.values) Gratis

26

26. Destructuring Object Gratis

27

27. Optional Chaining (?.) dan Nullish Coalescing (??) Gratis

28

28. Percabangan if, else if, else Gratis

29

29. Percabangan switch case Gratis

30

30. Perulangan for (for, for...of, for...in) Gratis

31

31. Perulangan while dan do...while

32

32. Break dan Continue

33

33. Apa Itu Function? (Function Declaration vs Function Expression)

34

34. Parameter dan Argumen (Default Parameter, Rest Parameter)

35

35. Return Value dan Void Function

36

36. Arrow Function (=>)

37

37. Scope: Global Scope, Function Scope, Block Scope

38

38. Closures di JavaScript

39

39. Immediately Invoked Function Expression (IIFE)

40

40. Callback Function

41

41. Higher Order Function

42

42. This Keyword (Kontekstual dan Aturannya)

43

43. Constructor Function dan new Keyword

44

44. Prototype dan Prototypal Inheritance

45

45. Class di JavaScript (Syntactic Sugar)

46

46. Getter dan Setter pada Class

47

47. Static Method dan Static Property

48

48. Inheritance (extends) dan Super

49

49. Error dan Exception di JavaScript

50

50. Try, Catch, Finally, Throw

51

51. Custom Error

52

52. Synchronous vs Asynchronous JavaScript

53

53. Callback Hell dan Cara Mengatasinya

54

54. Promise (Pengertian dan Penggunaan)

55

55. Promise Chaining

56

56. Promise Methods (all, allSettled, race, any)

57

57. Async/Await (Cara Modern Menangani Asynchronous)

58

58. Fetch API (Mengambil Data dari Server)

59

59. Mengolah Data JSON (JSON.stringify dan JSON.parse)

60

60. Apa Itu DOM (Document Object Model)?

61

61. Memilih Elemen DOM (getElementById, getElementsByClassName, getElementsByTagName, querySelector, querySelectorAll)

62

62. Memanipulasi Konten Elemen (innerHTML, textContent, innerText)

63

63. Memanipulasi Atribut Elemen (getAttribute, setAttribute, removeAttribute, classList)

64

64. Memanipulasi Style Elemen (style property, className, classList.add/remove/toggle)

65

65. Membuat dan Menghapus Elemen (createElement, appendChild, removeChild, insertBefore)

66

66. Menjelajahi Node (parentNode, childNodes, nextSibling, previousSibling)

67

67. Apa Itu Event? Jenis-jenis Event (click, mouseover, keyup, submit, dll)

68

68. Menambahkan Event Listener (addEventListener, removeEventListener)

69

69. Event Object (target, currentTarget, preventDefault, stopPropagation)

70

70. Event Bubbling dan Event Capturing

71

71. Event Delegation

72

72. Form Event (submit, change, input, focus, blur)

73

73. Keyboard Event (keydown, keyup, keypress)

74

74. Mouse Event (click, dblclick, mouseenter, mouseleave, mousemove)

75

75. Apa Itu BOM? (Window, Navigator, Screen, History, Location)

76

76. Window Object (alert, confirm, prompt, open, close, setTimeout, setInterval)

77

77. Navigator Object (userAgent, language, geolocation)

78

78. Location Object (href, reload, assign, replace)

79

79. History Object (back, forward, go)

80

80. Screen Object (width, height, availWidth, availHeight)

81

81. LocalStorage dan SessionStorage (Menyimpan Data di Browser)

82

82. Cookies di JavaScript

83

83. Apa Itu Module? (export dan import)

84

84. Named Export vs Default Export

85

85. Dynamic Import

86

86. Proyek: Membuat To-Do List App dengan DOM Manipulation

87

87. Proyek: Membuat Kalkulator Sederhana

88

88. Proyek: Membuat Digital Clock dan Countdown Timer

89

89. Proyek: Membuat Random Quote Generator dengan Fetch API

90

90. Proyek: Membuat Weather App dengan OpenWeatherMap API

91

91. Proyek: Membuat Game Sederhana (Tebak Angka atau Suit Jawa)