Belajar Langkah Fundamental Untuk Menjadi Web Programmer (Daring)

Tentang Kelas
Tingkat Materi
Dasar

Total Durasi Kelas
16 jam

Tentang Kelas/Deskripsi
Peserta akan mempelajari membuat sebuah website yang dinamis, dimulai dari pengenalan Algoritma dasar sebagai fundamental awal Pola Pikir Programming dilanjutkan dengan eksplorasi HTML Dan CSS Dasar sebagai Basic pengembangan Website. Selain itu, Peserta akan mempelajari Javascript untuk implementasi website static - dinamis menggunakan Javascript di Project Portfolio Online. Profesi setelah mengikuti pelatihan: Web Developer, Web Programmer.

Deskripsi Metode Pembelajaran
Metode ajar yang digunakan adalah ceramah interaktif, demonstrasi, dan bahan bacaan dengan penugasan praktek

Metode Evaluasi
Pre Test
Post Test
Quiz
Unjuk Keterampilan

Tujuan Pembelajaran
Tujuan Umum
Peserta pelatihan mampu membuat sebuah website statis melalui penggunaan bahasa pemrograman Javascript dengan menunjukkan minimal 60 persen penguasaan materi pada saat praktik mandiri.

Tujuan Khusus
1. Memahami Dasar dan Fundamental untuk menjadi seorang programmer website.
2. Mampu mengimplementasikan pengembangan dasar sebuah Website.
3. Mampu mengaplikasikan satu cycle development website.
4. Melakukan development dan deployment website secara online.
5. Membuat website yang berisi online portfolio.
6. Memiliki manajemen waktu yang baik dan fokus untuk menyelesaikan tugas sebagai web developer.
7. Mampu mengembangkan website berdasarkan tujuan/permintaan klien.

Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1
19.00 - 21.00 WIB (120 menit - Perkenalan: Pekerjaan Software Developer, Pemrograman Berbasis Website, dan Instalasi Tools)
- Pengenalan Awal Course dan Pengenalan Pekerjaan Software Developer
- Pengenalan Pemrograman Berbasis Website mulai dari struktur website
- Pengenalan dan instalasi tools Visual Studio Code
Pertemuan 2
19.00 - 21.00 WIB (120 menit - HTML dan prakteknya dalam membuat Online Portfolio )
- Pengenalan dasar HTML5 dan struktur HTML5 sebagai bahasa pemrograman dasar membuat website
- Pemahaman dengan Implementasi Layout HTML
- Pemahaman dengan Implementasi Form HTML
- Uji Praktek membuat Online Portfolio berbasis website dengan Bahasa Dasar HTML
Pertemuan 3
19.00 - 21.00 WIB (120 menit - Penggunaan CSS untuk styling serta dasar Git & GitHub)
- Pengenalan cara styling Website dengan CSS
- Latihan implementasi Styling Portfolio Online dengan menggunakan syntax CSS
- Belajar berbagai macam cara styling menggunakan Syntax CSS pada HTML
- Berkenalan dengan CLI, Analogi tentang Git dengan parcel, Berkenalan dengan beberapa fitur di GitHub
Pertemuan 4
19.00 - 21.00 WIB (120 menit - Algoritma)
- Belajar Implementasi pembuatan algoritma.
- Belajar pembuatan pseudocode.
- Belajar Konsep Kondisional dengan Algoritma
- Belajar Konsep Perulangan dengan Algoritma
Pertemuan 5
19.00 - 21.00 WIB (120 menit - Javascript untuk membuat website menjadi lebih dinamis)
- Belajar Javascript untuk membuat website menjadi lebih dinamis dan explorasi variabel dan tipe data Javascript
- Belajar function dan event javascript
- Belajar logika bisnis dengan konsep kondisional dan looping dengan syntax javascript
Pertemuan 6
19.00 - 21.00 WIB (120 menit - DOM dan Regular Expression)
- Belajar konsep DOM dan cara manipulasi DOM
- Belajar cara penggunaan Regular Expression
Pertemuan 7
19.00 - 21.00 WIB (120 menit - Melakukan testing & deploy website)
- Belajar cara melakukan testing pada website
- Belajar cara mendeploy website menggunakan 3rd Parties Cloud Env (Heroku/Netlify)
Pertemuan 8
19.00 - 21.00 WIB (120 menit - Instruksi Final project: Membuat Landing Pages Online Portfolio
- Pembekalan soft skill terkait Goals Setting & Time Managements
- Penjelasan tugas praktek: Membuat Landing Pages Online Portfolio

Aspek Kompetensi
Pengetahuan (Kognisi)
1. Pemrograman Berbasis Website, Pekerjaan Software Developer, dan Instalasi tools
2. Penggunaan Visual Studio code sebagai media coding
3. Pengaplikasian dasar HTML5 dan struktur HTML5 sebagai bahasa pemrograman dasar membuat website
4. Styling Website dengan menggunakan CSS
5. Pengaplikasian dasar Git & GitHub
6. Pembuatan Algoritma
7. Komponen Struktur Website dan Bahasa Pemrograman Javascript untuk membuat website menjadi lebih dinamis
8. Aplikasi DOM dan Regular Expression dalam mengembangkan website
9. Pengembangan website secara online dengan melakukan testing dan deploy website
Sikap Kerja (Afeksi)
1. Fokus untuk menyelesaikan tugas sebagai seorang pengembang website
2. Berpikir kritis dan analisis
3. Mencari alternatif penyelesaian masalah terkait dengan pengelolaan/pengaplikasian coding yang error
4. Responsif dan proaktif dalam berdiskusi, mengumpulkan data dan fakta
5. Mengikuti Standar Requirement Struktur Landing Pages Website yang ingin dibangun oleh Client
6. Mampu mengatur waktu pengerjaan setiap tugas pada saat membangun sebuah website
7. Mampu membuat coding yang terstruktur dalam media pengembangan website
Keterampilan (Psikomotor)
1. Mampu Menentukan pembagian struktur website
2. Mampu Menentukan penggunaan HTML + CSS + JS Dasar untuk membangun sebuah landing pages website
3. Mampu Menentukan penggunaan Framework CSS untuk mempercantik tampilan landing pages website
4. Mampu Melakukan penggunaan CLI untuk menyimpan source code kedalam repository github
5. Mampu Melakukan penggunaan CLI untuk men-deploy landing pages secara online menggunakan 3rd Parties Heroku / Netlify

Unjuk Ketreampilan

Buat sebuah landing-page dalam 1 halaman , memiliki menu :

a. About

b. Experiences

c. Education

d. Skills

e. Interests

f. Award

Submit laporan ke Google Classroom dengan format:

- upload laporan/hasil atas pengembangan website dengan format .docx atau .pdf berisi link

website

Waktu Pelaksanaan Unjuk Keterampilan: Setelah Post Test

Fasilitas
1. Ujian & Evaluasi
2. Sertifikat Digital

Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan

Instruktur
Mutia Ayu Dianita
Pengalaman Bekerja
Jan 2019 - Sekarang
▪ Hacktiv8 Indonesia, Part-Time Program Instructor
Jun 2020 - Sekarang
▪ SG-EDTS, Front End Engineer
Mei 2018 - Jun 2020
▪ Elevenia, UI Developer
Feb 2018 - Mei 2018
▪ Xdana Investa, Software Developer

Pengalaman Mengajar
2019 - Sekarang
Hacktiv8 Indonesia, Part-Time Program Instructor
▪ Teaching Web Development Program for both experienced programmers or students with no programming background
Nov 2015 - Des 2015
Badiklat Kementerian Pertahanan, Asisten Pengajar Keamanan Jaringan

Pengalaman Lainnya
Sertifikat/Penghargaan Pada Bidang yang Relevan Dengan Materi Pelatihan
▪ Facebook Developer Circle Jakarta: Mentor Award 2019 - Best Teamwork Mentor (Basic Frontend)
▪ Microsoft Technology Associate: HTML5 Application Development Fundamentals. (http://verify.certiport.com/ : wE6my-4S26)
▪ Microsoft Technology Associate: Software Development Fundamentals. (http://verify.certiport.com/ : hQ2N-FVKn)
▪ Kurio X UMN Hackathon 2016: CCIT Sans - Juara Harapan 1

Pengalaman Presentasi Publik (Public Speaking) Dalam 5 Tahun Terakhir
SPEAKER SEMINAR/TALKSHOW/MENTOR:
▪ Gerakan Nasional 1000 Startup Digital, Sekolah Beta Kelas Daring - Hacker: Basic of React Native - 16 Agustus 2022 (https://www.youtube.com/watch?v=gy8uhIuqV70)
▪ Facebook Developer Circle Jakarta x FemaleGeek, International Women’s Day: UI Development using ReactJS) - 3 April 2021 (event: https://fb.me/e/1fTJryJdX, live video: https://www.facebook.com/1109853220/videos/10224513210713669/)

Rizki Cahyana
Pengalaman Bekerja
Juni 2022 - Sekarang
▪ Hacktiv8 Indonesia, Part-Time Program Instructor
November 2021 - Sekarang
▪ Krakatau Information Technology, Web Developer
Januari 2019 - November 2021
▪ Badan Perencanaan Pembangunan Daerah (BAPPEDA) Kota Cimahi, Tenaga Ahli Web Developer
Mei 2018 - November 2018
▪ Ofal Kreatif Indonesia, Web Developer
November 2017 - Maret 2018
▪ Ide Bertiga Satu Visi (NuMedia), Web Developer

Pengalaman Mengajar
▪ Hacktiv8 Indonesia, Part-Time Program Instructor, Juni 2022 - Sekarang
▪ SMKN 11 Kota Bandung, Teacher Internship, September 2016 - Desember 2016
▪ Departemen Pendidikan Ilmu Komputer UPI, Asisten Dosen Rekayasa Perangkat Lunak, Maret 2016 - Juni 2016
▪ Departemen Pendidikan Ilmu Komputer UPI, Asisten Dosen Sistem Basis Data, Oktober 2015 - Desember 2015
▪ Departemen Pendidikan Ilmu Komputer UPI, Asisten Dosen Basis Data, Maret 2015 - Desember 2015
▪ Departemen Pendidikan Ilmu Komputer UPI, Asisten Dosen Pengantar Teknologi Informasi, Oktober 2014 - Desember 2014

Arif Setiawan
Pengalaman Bekerja
2021 - Sekarang
▪ Hacktiv8 Indonesia, Part-Time Program Instructor
2021 - Sekarang
▪ Smart Village Lampung, Full Stack Developer
2020 - 2021
▪ CV Premioem Furniture, Android Developer
2017 - 2021
▪ Institut Teknologi Sumatera, Android Developer
Jul 2017 - Oct 2017
▪ PT. Mahkota Anugrah Satria, Android Developer

Pengalaman Mengajar
2021 - Sekarang
Hacktiv8 Indonesia, Part-Time Program Instructor
▪ Teaching Web Development Program for both experienced programmers or students with no programming background

Pengalaman Lainnya
Sertifikat/Penghargaan Pada Bidang yang Relevan Dengan Materi Pelatihan
▪ Android Developer Program Professional Academy (Digital Talent Scholarship) - April 2021 (0970679101-5/DTS/BLSDM.KOMINFO/06/2021)
▪ Artificial Intelligence with Machine Learning in Java (Digital Talent Scholarship) - Juli 2022 (149293972101-57 - https://digitalent.kominfo.go.id/cek-sertifikat?registrasi=149293972101-57)
▪ Belajar Android Jetpack Pro (Dicoding Indonesia) - Desember 2020 (JMZVMD3ENZN9 - https://www.dicoding.com/certificates/JMZVMD3ENZN9)

Syarat dan Cara Mengikuti Pelatihan

Syarat

1. Peserta diharapkan telah memahami kemampuan dasar komputer (web browsing, app installation, file navigating).

2. Tidak diperlukan pengalaman pemrograman atau pengembangan aplikasi web apa pun sebelumnya.

3. Peserta wajib menggunakan komputer/laptop

4. Untuk persyaratan device minimal adalah Processor Core i3 (recommended: Core i5), RAM minimum 4GB (recommended: 8GB) dan setidaknya ada 100GB storage available

Cara Mengikuti Pelatihan

1. Kunjungi auth.kode.id/signup, lakukan pendaftaran dengan memasukkan semua data yang dibutuhkan. Harap memasukkan nama yang sama dengan yang kamu daftarkan di website Prakerja. Perbedaan nama yang kamu berikan akan menghambat sertifikat kamu.
2. Setelah pendaftaran selesai kamu akan mendapatkan email untuk memverifikasi email kamu.
3. Bagi kamu yang sudah memiliki akun di KODE, pastikan kamu sudah sign in terlebih dahulu sebelum melakukan redeem voucher. Jika kamu belum sign in, maka kamu dapat melakukan sign di auth.kode.id/signin
4. Setelah sudah berhasil sign in maka kamu dapat langsung melakukan redeem voucher dengan mengakses link pay.kode.id/voucher-redeem
5. Pilih jenis voucher Prakerja
6. Silahkan memasukkan voucher code yang kamu dapat dari Digital Platform dan redemption code yang kamu dapat dari dashboard Prakerja lalu klik button Redeem Voucher.
7. Setelah voucher berhasil di redeem, Klik “Mulai Belajar” untuk langsung belajar di platform KODE.
8. Setelah itu, kamu akan mendapat email berupa informasi seputar kelas. Pastikan selalu mengecek inbox email kamu.