Deskripsi Kelas

Web Developer atau Pengembang Web merupakan profesi seseorang yang bertugas untuk membuat, memelihara dan mengembangkan situs. Di tengah meningkatnya konsumsi internet di Indonesia saat ini, developer menjadi salah satu profesi kunci yang banyak dibutuhkan perusahaan untuk mengembangkan ke arah digitalisasi yang mampu bersaing. Pada pelatihan ini kita akan mempelajari JavaScript. JavaScript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. Pada pelatihan ini kita akan mempelajari dasar-dasar Javascript, Jenis, fungsi dan cara mengoprasikan Bahasa JavaScript ini dalam mengembangkan suatu Web. Kelas ini cocok bagi pemula yang ingin mempelajari bagaimana menjadi seorang Pemgembang WEB yang professional.

Setelah mengikuti kelas ini, diharapkan peserta mampu memahami Javascript, mampu mengidentifikasi komponen Variabel, Tipe Data dan Operator, If Switch, Looping, Get Element, Popup Message dan Array, Object, dan Array method untuk menjadi seorang pengembang Web yang andal.

Tujuan Umum

Peserta mampu memahami, mempraktikkan dan mengimplementasikan dasar dari Javascript dalam pembuatan website untuk menjadi Pengembang Web yang andal dan cekatan.

Tujuan Khusus

1. Mampu memahami seputar Pengantar JavaScript

2. Mampu mengenali komponen dari Variabel, Tipe Data dan Operator

3. Mampu mengenali Percabangan If Switch

4. Mampu memahami seputar Looping

5. Mampu memahami seputar Get element

6. Mampu mengidentidikasi tentang Popup message

7. Mampu menganalisa penggunaan  Array, Object, dan array method

Kelompok Sasaran (Syarat dan Prasyarat):

1.Pendidikan minimal setara SMA/SMK

2.Memiliki ketertarikan dalam bidang IT

3.Memiliki komputer / Laptop yang memadai

4.Memiliki kemampuan dasar dalam Programming

5.Memiliki minat untuk menjadi seorang Pengembang Web

Durasi Detail :

1. Definisi, Sejarah & Kelebihan JavaScript - Part 1 (09:52)

2. Definisi, Sejarah & Kelebihan JavaScript - Part 2 (09:12)

3. Definisi, Sejarah & Kelebihan JavaScript - Part 3 (08:43)

4. Kelebihan Javascript & Sintaks Dasar JavaScript (05:26)

5. Komentar Vanilla JS (07:41)

6. Mengenal JavaScript (11:00)

7. Cara Menjalankan JavaScript (02:00)

8. Aturan Dasar Penulisan Kode Program Javascript (03:39)

9. Pengertian Hasil Operasi Matematis NaN dan Infinity di Dalam JavaScript (02:59)

10. Pengertian Emra Script dan DOM ( Documput Object Model) (02:16)

11. Cara Menulis  Variabel (09:29)

12. Cara Menampilkan Variabel & Perbedaan VAR, LET dan CONST (09:30)

13. Perbedaan VAR, LET dan CONST & Tipe Data pada Javascript (09:22)

14. Tipe Data pada Javascript & Operator Variabel (09:22)

15. Operator Variabel & Date Object (09:36)

16. Data Object - Part 1 (09:30)

17. Data Object - Part 2 (06:54)

18. Data Object - Part 3 (06:32)

19. Tipe Data Boolean di Dalam JavaScript (02:34)

20. Tipe Data Array di dalam JavaScript (04:59)

21. Perintah Break dan Continue dalam JavaScript (01:56)

22. Pengertian Nilai Null dan Undefined di dalam JavaScript (03:08)

23. Operasi Perbandingan dan Operasi Logika di Dalam Javascript (05:59)

24. Cara Konversi Tipe Data dalam JavaScript (04:56)

25. Jenis-Jenis Tipe Data dalam JavaScript (02:46)

26. Tipe Data String di dalam JavaScript (04:59)

27. Pengertian dan Cara Membuat Variabel didalam JavaScript (03:06)

28. Tipe Data Number JavaScript (03:17)

29. Percabangan IF (09:51)

30. Percabangan Switch - Part 1 (09:09)

31. Percabangan Switch - Part 2 (08:50)

32. Ternary (07:21)

33. Cara Penulisan Struktur Logika Switch dalam JavaScript (02:59)

34. Cara Penulisan Struktur Logika If Else dalam JavaScript (04:02)

35. Macam Looping pada JavaScript & Looping For (06:48)

36. Break Statement & Continue Statement (06:54)

37. Perulangan While dalam JavaScript (01:58)

38. Struktur Perulangan For  di dalam JavaScript (02:06)

39. Perulangan For In di dalam JavaScript (01:59)

40. Fungsi dan Jenis Get Element (08:14)

41. Praktikum Get Element - Part 1 (09:47)

42. Praktikum Get Element - Part 2 (04:37)

43. Jenis dan Fungsi Popup Message (07:00)

44. Praktikum Popup Message (08:17)

45. Definisi, Cara Menulis Array (09:02)

46. Praktikum Membuat Aplikasi "Kapan saat ini" - Part 1 (06:49)

47. Praktikum Membuat Aplikasi "Kapan saat ini" - Part 2 (05:33)

48. JavaScript Object (08:56)

49. Array Iteration (02:58)

50. Array Method - Part 1 (08:27)

51. Praktikum Array Method - Part 2 (08:58)

52. Praktikum Array Iterations - Part 1 (08:21)

53. Praktikum Array Iterations - Part 2 (09:03)

54. Praktikum Array Iterations - Part 3 (04:58)

55. Mengenal Property dan Method (Fungsi) Objek String JavaScript (09:37)

56. JavaScript Array Methods (07:17)

57. Mengenal Method Objek Angka (Number) dalam JavaScript (04:56)

58. Mengenal Konstanta Objek Angka (Number) dalam JavaScript (07:13)

59. Mengenal Konstanta dan Method (Fungsi) dari Objek Math (05:39)

60. Cara Membuat Konstanta JavaScript (01:35)

Total Durasi : 379 Menit

Aspek Kompetensi (Output Kompetensi):

1. Mampu memahami definisi dari Javascript (Materi: Definisi, Sejarah & Kelebihan JavaScript)

2. Mampu memahami fungsi dari Javascript (Materi: Definisi, Sejarah & Kelebihan JavaScript)

3. Mampu memahami alasan penggunaan Javascript (Materi: Definisi, Sejarah & Kelebihan JavaScript)

4. Mampu memahami definisi dari Komentar (Materi: Komentar Vanilla JS)

5. Mampu memahami jenis tipe data dari Javascript (Materi: Tipe Data pada Javascript & Operator Variabel)

6. Mampu memahami definisi dari Operator Variabel (Materi: Operator Variabel & Date Object)

7. Mampu memahami jenis data pada percabangan (Materi: Perbedaan VAR, LET dan CONST & Tipe Data pada Javascript)

8. Mampu memahami definisi dari Ternary (Materi: Ternary)

9. Mampu memahami fungsi dari fungsi Looping For (Materi: Macam Looping pada JavaScript & Looping For)

10. Mampu memahami fungsi dari fungsi Looping While (Materi: Macam Looping pada JavaScript & Looping For)

11. Mampu memahami fungsi dari Get Element (Materi: Fungsi dan Jenis Get Element)

12. Mampu memahami contoh penggunaan dari Get Element (Materi: Praktikum Get Element)

13. Mampu memahami definisi, fungsi dan contoh dari Alert (Materi: Jenis dan Fungsi Popup Message)

14. Mampu memahami definisi, fungsi dan contoh dari Confirm (Materi: Jenis dan Fungsi Popup Message)

15. Mampu memahami definisi, fungsi dan contoh dari Prompt (Materi: Jenis dan Fungsi Popup Message)

16. Mampu memahami definisi fungsi dan contoh dari Return Confirm (Materi: Jenis dan Fungsi Popup Message)

17. Mampu memahami definisi,fungsi dan contoh dari Prompt Handle (Materi: Jenis dan Fungsi Popup Message)

18. Mampu memahami definisi fungsi dan contoh dari Line Break (Materi: Jenis dan Fungsi Popup Message)

19. Mampu melakukan perbandingan antara Javascript dan Java (Materi: Definisi, Sejarah & Kelebihan JavaScript)

20. Mampu mengklasifikasikan penggunaan bahasa Javascript di platform Sosial Media (Materi: Definisi, Sejarah & Kelebihan JavaScript)

21. Mampu menerapkan contoh Sintaks Dasar (Materi: Kelebihan Javascript & Sintaks Dasar JavaScript)

22. Mampu mempraktikkan contoh variabel dan konstanta (Materi: Cara Menampilkan Variabel & Perbedaan VAR, LET dan CONST)

23. Mampu menulis Variabel JavaScript (Materi: Cara Menulis Variabel)

24. Mampu mengklasifikasikan perbedaan var,let dan const (Materi: Perbedaan VAR, LET dan CONST & Tipe Data pada Javascript)

25. Mampu membedakan antara Konstanta dan Variabel (Materi: Tipe Data pada Javascript & Operator Variabel)

26. Mampu mengklasifikasikan jenis percabangan If dan Switch (Materi: Percabangan IF) 

27. Mampu menerapkan penggunaan percabangan If dan Switch (Materi: Percabangan IF)

28. Mampu mengklasifikasi ciri-ciri penggunaan Ternary (Materi: Ternary)

29. Mampu mempraktikkan cara penggunaan Ternary (Materi: Ternary)

30. Mampu mempraktikkan penggunaan Looping For (Materi: Macam Looping pada JavaScript & Looping For)

31. Mampu mempraktikkan penggunaan Looping While (Materi: Macam Looping pada JavaScript & Looping For)

32. Mampu mempraktikkan penggunaan Get Element (Materi: Praktikum Get Element)

33. Mampu mengidentifikasi perbedaan Array dan Object (Materi: Definisi, Cara Menulis Array)

34. Mampu mempraktikkan cara menulis Array (Materi: Definisi, Cara Menulis Array)

35. Mampu mempraktikkan penggunaan Array Methods (Materi: Praktikum Array Method)

36. Mampu teliti dalam membuat aplikasi “kapan saat ini” (Materi: Praktikum Membuat Aplikasi "Kapan saat ini)

37. Cermat dalam membuat Popup Message (Materi: Praktikum Popup Message)

38. Fokus dalam membuat Aplikasi “kapan saat ini” (Materi: Praktikum Membuat Aplikasi "Kapan saat ini)

Metode Ajar : Self Paced Learning