Deskripsi Kelas

Web Developer atau Pengembang Web merupakan profesi seseorang yang bertugas untuk membuat, memelihara dan mengembangkan situs atau aplikasi Web. Web developer juga bertanggung jawab atas performa website, database, dan hal-hal lain yang mendukung kinerja website. Dengan meningkatnya konsumsi internet di Indonesia saat ini, developer adalah salah satu profesi yang banyak dibutuhkan perusahaan. Tak hanya itu, banyak perusahaan yang kini juga mulai beralih ke platform online. Artinya, banyak tenaga developer yang dibutuhkan untuk mengembangkan situs perusahaan. Pada pelatihan ini kita akan mempelajari pemrograman JQuery yaitu sebuah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Pada pelatihan ini kita akan mempelajari JQuery mulai definisi dan fungsi JQuery, penerapan Ajax Autocomplete dan Ajax Autofilter, serta pembuatan aplikasi kalkulator, game, dan animasi menggunakan JQuery. Kelas ini cocok bagi pemula yang ingin mempelajari bagaimana menjadi seorang Pengembang WEB yang professional.

Setelah mengikuti kelas ini, diharapkan peserta mampu mengetahui definisi dan fungsi JQuery, penerapan Ajax Autocomplete dan Ajax Autofilter, serta pembuatan aplikasi kalkulator, game, dan animasi menggunakan JQuery untuk menjadi seorang pengembang Web yang andal.

Tujuan Umum 

Peserta mampu memahami dan menerapkan pemrograman JQuery untuk membantu mengatur interaksi antara JavaScript dan HTML/website dalam pembuatan aplikasi atau fitur lainnya sehingga bisa menjadi pengembang website yang handal.

Tujuan Khusus

1. Mampu memahami fungsi pemrograman JQuery

2. Mampu menerapkan dan mengoperasikan fungsi pada pemrograman JQuery

3. Mampu memahami aturan dasar penulisan JQuery

4. Mampu memahami fungsi Ajax Autocomplete dan Ajax Autofilter dalam Pemrograman JQuery

5. Mampu memahami cara membuat efek show, hide, dan slide pada JQuery

6. Mampu memahami cara mengubah CSS menggunakan JQuery

7. Mampu membuat aplikasi kalkulator, game sederhana, dan animasi menggunakan JQuery

8. Mampu menambah elemen baru ke dalam HTML dengan JQuery

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 minat untuk menjadi seorang Pengembang Web

5.Memahami Basic HTML, CSS dan Javascript

Durasi Detail :

1. Definisi Frontend, Perbedaan Frontend dengan UI/UX & Backend dan Tools Frontend (08:45)

2. Pengertian JQuery (02:37)

3. Arti Dari Perintah $(This) Dalam Jquery (04:59)

4. Cara Menjalankan Kode jQuery (02:59)

5. jQuery Event (04:27)

6. Aturan Dasar Penulisan jQuery (01:59)

7. Praktik Membuat Aplikasi Kalkulator - Part 1 (06:56)

8. Praktik Membuat Aplikasi Kalkulator - Part 2 (08:55)

9. Praktik Membuat Aplikasi Kalkulator - Part 3 (08:58)

10. Praktik Membuat Aplikasi Kalkulator - Part 4 (09:48)

11. Praktik Membuat Aplikasi Kalkulator - Part 5 (08:37)

12. Praktik Membuat Aplikasi Kalkulator - Part 6 (09:44)

13. Praktik Membuat Aplikasi Kalkulator - Part 7 (07:30)

14. Praktik Membuat Aplikasi Kalkulator - Part 8 (08:02)

15. Praktik Membuat Aplikasi Kalkulator - Part 9 (08:41)

16. Praktik Membuat Aplikasi Kalkulator - Part 10 (07:41)

17. Praktik Membuat Aplikasi Kalkulator - Part 11 (08:46)

18. Praktik Membuat Aplikasi Kalkulator - Part 12 (05:45)

19. Cara Membuat Game Sederhana dengan jQuery (05:49)

20. Membuat Animasi Dengan Jquery (04:00)

21. Cara Menambah elemen baru ke dalam HTML dengan jQuery (03:59)

22. Cara Menambah Isi Tabel HTML secara dinamis dengan jQuery (02:39)

23. Cara Mencari Element HTML dengan jQuery Selector (04:11)

24. Cara mengambil dan mengubah atribut element HTML (03:59)

25. Cara Mengambil Nilai HTML dengan jQuery (07:47)

26. Cara menghapus elemen HTML dengan jQuery (03:59)

27. Cara Menginput file JQuery ke dalam HTML (02:59)

28. Manipulasi Elemen HTML dengan jQuery (03:59)

29. Cara Mengubah Class CSS Elemen HTML dengan Jquery (05:02)

30. Cara Mengubah Lebar dan Tinggi Element HTML Menggunakan Jquery (03:12)

31. Cara Membuat Efek Fade Untuk Elemen HTML Menggunakan Jquery (02:59)

32. Ajax Autocomplete - Part 1 (09:14)

33. Ajax Autocomplete - Part 2 (09:28)

34. Ajax Autocomplete - Part 3 (08:58)

35. Ajax Autocomplete - Part 4 (09:52)

36. Ajax Autocomplete - Part 5 (09:18)

37. Ajax Autocomplete - Part 6 (09:24)

38. Ajax Autocomplete - Part 7 (07:36)

39. Cara Membuat Efek Show dan Hide jQuery (03:49)

40. Cara Membuat Efek Slide dengan jQuery (02:59)

41. Mengubah CSS menggunakan jQuery (03:59)

42. Ajax Autofilter - Part 1 (09:22)

43. Ajax Autofilter - Part 2 (09:32)

44. Ajax Autofilter - Part 3 (09:12)

45. Ajax Autofilter - Part 4 (09:07)

46. Ajax Autofilter - Part 5 (09:08)

47. Ajax Autofilter - Part 6 (09:29)

48. Ajax Autofilter - Part 7 (09:15)

49. Ajax Autofilter - Part 8 (09:01)

50. Ajax Autofilter - Part 9 (08:18)

51. Ajax Autofilter - Part 10 (09:44)

52. Ajax Autofilter - Part 11 (08:47)

53. Ajax Autofilter - Part 12 (09:18)

Total Durasi : 364 Menit

Aspek Kompetensi (Output Kompetensi):

1.Mampu mengetahui definisi dan fungsi pemrograman Jquery (Materi: Pengertian JQuery, Definisi Frontend, Perbedaan Frontend dengan UI/UX & Backend dan Tools Frontend, Pengertian JQuery)

2.Mampu mengetahui cara menjalankan kode JQuery (Materi: Cara Menjalankan Kode jQuery, JQuery Event, Arti dari perintah $ (this) dalam JQuery )

3.Mampu memahami aturan dasar penulisan JQuery (Materi: Aturan Dasar Penulisan jQuery)

4.Mampu memahami fungsi Ajax Autocomplete dalam Pemrograman JQuery (Materi: Ajax Autocomplete)

5.Mampu memahami fungsi Ajax Autofilter dalam Pemrograman JQuery (Materi: Ajax Autofilter)

6.Mampu memahami cara membuat efek show, hide, dan slide pada JQuery (Materi: Cara Membuat Efek Show dan Hide jQuery, Cara Membuat Efek Slide dengan jQuery)

7.Mampu memahami cara mengubah CSS menggunakan JQuery (Materi: Cara Mengubah Class CSS Elemen HTML dengan Jquery, Mengubah CSS menggunakan jQuery)

8.Mampu menerapkan fungsi pemrograman JQuery (Materi: Pengertian JQuery, Definisi Frontend, Perbedaan Frontend dengan UI/UX & Backend, serta Tools Frontend, Pengertian JQuery, Cara Menjalankan Kode JQuery, Arti dari Perintah $ (This) Dalam JQuery, JQuery Event, Aturan Dasar Penulisan JQuery)

9.Mampu membuat aplikasi kalkulator (Materi : Praktik Membuat Aplikasi Kalkulator)

10.Mampu membuat game sederhana dengan JQuery (Materi : Cara Membuat Game Sederhana dengan JQuery)

11.Mampu membuat animasi dengan JQuery (Materi : Membuat Animasi dengan JQuery)

12.Mampu mengatur elemen dalam HTML menggunakan JQuery (Materi : Cara Menambah Elemen Baru ke dalam HTML dengan JQUery, Cara Menambah Isi Tabel HTML secara dinamis dengan JQUery, Cara Mencari Elemen HTML dengan JQuery Selector, Cara Mengambil dan Mengubah Atribut Elemen HTML, Cara Mengambil Nilai HTML dengan JQuery, Cara Menghapus Elemen HTML dengan JQuery, Cara Menginput file JQuery ke dalam HTML, Memanipulasi Elemen HTML dengan JQuery, Cara Mengubah Class CSS Elemen HTML dengan JQuery, Cara Mengubah Lebar dan Tinggi Elemen HTML Menggunakan JQuery, Cara Membuat Efek Fade Untuk Elemen HTML Menggunakan JQuery)

13.Mampu membuat aplikasi, game, dan animasi dengan teliti (Materi : Praktik Membuat Aplikasi Kalkulator, Membuat Animasi dengan JQuery, Cara Membuat Game Sederhana dengan JQuery)

14.Mampu menerapkan fungsi Ajax Autocomple dan Ajax Autofilter dengan tepat (Materi : Ajax Autocomplete, Ajax Autofilter)

Metode Ajar : Self Paced Learning