Menjadi Web Developer dengan Menguasai Tailwind CSS

Deskripsi Pelatihan

Program ini bertujuan untuk memberikan peserta keterampilan dasar dalam pengembangan web, terutama HTML, CSS, dan JavaScript, dengan menggunakan Tailwind sebagai framework CSS. Peserta akan mempelajari konsep dasar ketiga bahasa tersebut, serta teknik layout menggunakan Flexbox CSS dan manipulasi DOM.

Materi dibagi menjadi beberapa langkah, dimulai dari pengenalan dasar HTML, CSS, dan JavaScript, hingga materi lanjutan seperti Flexbox CSS dan manipulasi DOM. Peserta akan dapat membuat website sederhana dengan teknik layout HTML, CSS, dan Flexbox CSS, serta memahami penggunaan Tailwind untuk desain yang efisien.

Pelatihan dilakukan dalam 5 sesi interaktif, mencakup pembuatan fungsi, manipulasi DOM, dan penggunaan event DOM. Peserta juga akan mempelajari konsep repetisi dan kondisional untuk manipulasi data. Tujuan dari program ini adalah untuk mempersiapkan peserta agar memiliki kemampuan sebagai Pengembang Web sesuai Critical Occupation List (COL) 2018.

Tujuan Umum Pelatihan

Peserta mampu membuat portofolio website menggunakan HTML, CSS dengan Tailwind CSS, dan JavaScript sesuai dengan standar industri dengan menunjukkan minimal 60 persen penguasaan materi pada saat unjuk keterampilan.

Tujuan Khusus Pelatihan

- Peserta mampu membuat website sederhana dengan HTML & CSS serta mengimplementasikan teknik layouting Flexbox CSS guna menyusun tata letak halaman web secara fleksibel dan responsif.

- Peserta mampu mengimplementasikan CSS Framework guna meningkatkan kecepatan pengembangan website dan menjaga konsistensi style (bentuk rupa) website, serta dapat membuat tata letak website yang baik dan efisien sesuai dengan prinsip-prinsip yang dimiliki oleh framework CSS Tailwind.

- Peserta mampu mengembangkan program JavaScript dasar dengan mencakup pembuatan fungsi yang melibatkan operasi aritmatika, teknik manipulasi DOM, dan pemanfaatan event pada pembuatan website.

- Peserta membuat program JavaScript dan dapat mengimplementasikan konsep pengulangan dan kondisional dalam manipulasi data melalui Local Storage dalam pembuatan website.

- Peserta mampu mengimplementasikan cara kerja deployment dan membuat website statis, serta mengunggahnya ke GitHub Pages.

Aspek Kompetensi: Pengetahuan (Knowledge)

Pemrograman Berbasis Website, Pekerjaan Software Developer, dan Instalasi tools

Penggunaan Visual Studio code sebagai media coding

Pengaplikasian dasar HTML5 dan struktur HTML5 sebagai bahasa pemrograman dasar membuat website

Styling Website dengan menggunakan CSS

Styling Website dengan menggunakan Tailwind Framework CSS

Aspek Kompetensi: Keterampilan (Skill)

Mampu Menentukan pembagian struktur website

Mampu menentukan penggunaan HTML, CSS dan JavaScript Dasar untuk membangun sebuah landing pages website

Mampu Menentukan penggunaan Tailwind Framework CSS untuk mempercantik tampilan landing pages website

Mampu Melakukan penggunaan CLI untuk men-deploy landing pages secara online menggunakan 3rd Parties Github Pages

Mampu membuat coding yang terstruktur dalam media pengembangan website 

Aspek Kompetensi: Sikap (Attitude)

Fokus untuk menyelesaikan tugas sebagai seorang pengembang website

Berpikir kritis dan analisis

Mencari alternatif penyelesaian masalah terkait dengan pengelolaan/pengaplikasian coding yang error

Responsif dan proaktif dalam berdiskusi, mengumpulkan data dan fakta 

Mengikuti Standar Requirement Struktur Landing Pages Website yang ingin dibangun oleh Client

Syarat dan Ketentuan Lainnya

1. Pendidikan minimal SMA/sederajat.

2. Berusia minimal 18 tahun.

3. Untuk mengambil program ini, pastikan kamu telah memahami kemampuan dasar komputer (web browsing, app installation, file navigating).

4. Peserta wajib menggunakan PC/Laptop dengan jaringan internet yang stabil

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

Durasi Per Sesi

1. HTML & CSS 180 menit

2. Tailwind 180 menit

3. JavaScript 180 menit

4. Dynamic Data Handling in JavaScript 180 menit

5. Deployment with Github Pages 180 menit

Total Durasi

900 menit

Kapasitas Peserta

100 Peserta

Metode Pembelajaran

Daring

Metode Evaluasi

1. Pre Test
2. Quiz
3. Post Test

Unjuk Keterampilan

Dalam Unjuk Keterampilan, peserta diminta untuk membuat situs portofolio menggunakan HTML, CSS, Javascript, dan Tailwind CSS. Informasi yang akan ditampilkan di situs ini adalah informasi terkait sang peserta sebagai seorang junior programmer. Aspek-aspek yang akan dinilai adalah responsivitas desain Tailwind CSS, integrasi animasi & transisi, interaksi pengguna dengan Javascript, optimasi kinerja dan aksesibilitas.

Jenis/Klasifikasi Sertifikat

Sertifikat Penyelesaian

Profil Pengajar

Rizki Cahyana

Rizki adalah seorang ahli dalam bidang web development atau pengembangan situs. Rizki pernah bekerja sebagai web developer di berbagai perusahaan. Skill yang telah Rizki kuasai adalah pengembangan sistem frontend, socket.io, node,js, dan pengembangan sistem SMART, EIOS, dan EOS.

Fauzan Bintang Aji Maryadi

Fauzan lulus dari SMAN 3 Surakarta dari jurusan IPA di tahun 2018. Sejak itu, Fauzan telah membangun karir di dunia teknologi informasi. Selain bekerja sebagai software engineer dan backend developer, Fauzan juga bekerja sebagai instruktur di perusahaan pendidikan teknologi.

Panduan Redeem Voucher

1. Di website Pijar Mahir (https://pijarmahir.id/), klik menu profil (nama anda) pada pojok kanan atas kemudian klik menu Voucher Saya dan klik Salin Kode (atau catat kode voucher secara manual)

2. 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.

3. Setelah pendaftaran selesai kamu akan mendapatkan email untuk memverifikasi Akun kamu.

4. 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 sign in di https://auth.kode.id/signin

5. Setelah berhasil sign in maka kamu dapat langsung melakukan redeem voucher dengan mengakses link https://pay.kode.id/voucher-redeem-prakerja atau kamu dapat mengklik button “Redeem” di menu bar, kemudian pilih jenis voucher “Prakerja”.

6. Silakan memasukkan kode redemption yang kamu dapat dari dashboard Prakerja

7. Klik button “Redeem Voucher”.

8. Setelah voucher berhasil di redeem, Klik “Mulai Belajar” untuk langsung belajar di platform KODE

9. Setelah itu, kamu akan mendapat email berupa informasi seputar kelas. Pastikan selalu mengecek inbox email kamu.

Kontak Lembaga Pelatihan

Email: halo@hacktiv8.ac.id

WhatsApp: (021) 8067 5787