Belajar Membuat Tampilan Website yang Menarik Dari Nol
Fundamental HTML & CSS ; 101 HTML & CSS; Intro to Visual Studio Code; Media Query & Grid System
Description
Di era digital ini, tentunya pengembang website menjadi salah satu profesi yang sangat menjanjikan. Kebutuhan yang tinggi, dan apresiasi yang diberikan untuk profesi ini pun juga sangat bagus. Meniti karir di bidang ini, sudah barang tentu akan sangat menjanjikan. Banyaknya perusahaan-perusahaan ataupun startup yang menjalankan bisnis mereka melalui platform digital, membuat profesi ini semakin banyak dicari.
Pada program “Belajar Membuat Website untuk Menjadi Pengembang Website Profesional” ini, akan dipelajari teori dan praktik untuk membangun website yang menarik. Selain itu, pada program ini akan dipelajari juga tips dan trik serta sikap yang harus dimiliki oleh seorang frontend developer, agar bisa profesional dalam berkarya, mengembangkan website yang menarik. Bagaimana seharusnya seorang pengembang (developer) bersikap agar semakin sukses dalam menekuni profesinya.
Di antara materi yang akan dipelajari pada program ini adalah HTML dan penerapannya sesuai standar komunitas, CSS dan studi kasus dalam pembuatan website, flexbox dan berbagai properti dalam flexbox, teknik pembuatan layout menggunakan flexbox, mengaplikasikan setup plugin VSCode untuk menjadi website developer, scss dan penerapan scss, teknik slicing dalam website developer, debugging CSS, rekomendasi aset digital gratis yang bisa digunakan dalam website, serta materi-materi penunjang skill seorang pengembang website (website developer) yang lainnya.
Tujuan Pelatihan (Umum)
Peserta (A) mampu mengetahui, memahami, dan mengaplikasikan langkah-langkah untuk membuat website (B) yang responsive (C) untuk menjadi seorang developer yang profesional (D).
Tujuan Pelatihan (Khusus)DimensiPeserta mampu mengetahui langkah-langkah membuat website mulai dari awal (dasar)CerdasPeserta mampu mengetahui coding standar komunitas developerCerdasPeserta memiliki sikap yang harus dimiliki oleh seorang frontend developer (kreatif, kooperatif, komunikatif, memiliki rasa ingin tahu yang tinggi, berpikir logis dan sistematis, tanggung jawab, serta berkomitmen) Reflektif Peserta mampu mengimplementasikan langkah-langkah membuat website yang responsiveBerprinsip
Aspek Kompetensi
1. Aspek Pengetahuan,
Kompetensi : Peserta mampu mengetahui langkah-langkah membuat website mulai dari awal (dasar)
Materi :
Topik 2 – 101 HTML & CSS
Topik 3 – Intro to VSCODE
Topik 4 – Media Query & Grid System
Topik 5 – Dasar-dasar Git & Deploy di vercel
Topik 8 – Penjelasan Flexbox
Topik 10 – Metode Pengembangan Software & pengenalan SCSS
Kompetensi : Peserta mampu mengetahui coding standar komunitas developer
Materi :
Topik 1 – Fundamental HTML & CSS
2. Aspek Keterampilan,
Kompetensi : Peserta mampu mengimplementasikan langkah-langkah membuat website yang responsive
Materi :
Topik 9 – Studi Case Flexbox
Topik 11 – Introduction to Project
Topik 12 - Detail Project & Debugging CSS
3. Aspek Sikap
Kompetensi : Peserta memiliki sikap yang harus dimiliki oleh seorang frontend developer (kreatif, kooperatif, komunikatif, memiliki rasa ingin tahu yang tinggi, berpikir logis dan sistematis, tanggung jawab, serta berkomitmen)
Materi :
Topik 6 – Hal-hal penting bagi frontend developer
Topik 7 – Mindset Frontend Developer
Metode Pembelajaran
Pembelajaran pada program ini menggunakan sistem LMS - Self-Paced Learning. Adapun metode ajar yang digunakan adalah metode ceramah, peragaan/demonstrasi, dan studi kasus.
What You Will Learn!
- Mengetahui langkah-langkah membuat website mulai dari awal (dasar)
- Mengetahui coding standar komunitas developer
- Mengimplementasikan langkah-langkah membuat website yang responsive
- Memiliki sikap yang harus dimiliki oleh seorang frontend developer
Who Should Attend!
- Pengembang pemula yang ingin membuat dan mendesugn website