Seorang desainer website sesuai standar klasifikasi okupasi KBJI itu dapat membuat rancangan website. Tugasnya meliputi: Membuat rancangan layout website, membuat bentuk visualnya; mengkonversi dari file Photoshop, Firework atau Gimp ke dalam bentuk HTML dan CSS agar bisa dijalankan dengan baik di web browser; mengatur tata letak elemen-elemen yang ada di sebuah website sesuai dengan bentuk visual yang sudah dibuat sebelumnya; memberi efek tambahan yang diperlukan untuk menunjang tampilan website; dan melakukan validasi terhadap kode-kode HTML, melakukan revisi atau update.
Okupasi ini termasuk salah satu dari 50 okupasi yang paling dibutuhkan dan dicari di Indonesia menurut laporan teknis dari Bank Dunia (World Bank).
Okupasi ini adalah okupasi dengan predikat high-skilled (berketerampilan tinggi) sehingga merupakan jalur karier yang sangat menguntungkan.
Menurut laporan teknis dari Bank Dunia (World Bank), 96% dari pemberi kerja merasa bahwa sertifikasi merupakan hal yang sangat berpengaruh dalam mencari karyawan untuk posisi okupasi berpredikat high-skilled (berketerampilan tinggi).
Kurikulum berbasis okupasi ini merupakan salah satu standar pelatihan yang menjadi fokus pemerintah sebagai pelatihan yang sertifikatnya diakui dan distandarkan ke tingkat global.
Pelatih berpengalaman dan bersertifikasi, cek informasi detail pelatih di sini.
Target dan Sasaran Siswa
Kelas ditujukan bagi pemula yang ingin mulai belajar bidang pemrograman agar dapat menjadi desainer website dengan mengacu pada standar okupasi Desainer Website (kode okupasi KBJI: 2166.10)
Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
Syarat minimum pendidikan adalah SMA atau sederajat.
Kelas ini didesain untuk pemula sehingga tidak ada prasyarat dalam pemahaman pemrograman sebelumnya.
Siswa harus bisa belajar mandiri, berkomitmen, benar-benar punya rasa ingin tahu, dan tertarik pada subjek materi, karena sebaik apapun materi kelas ini, tidak akan berguna tanpa keseriusan siswa untuk belajar, berlatih, dan mencoba.
Tujuan Umum dan Khusus Pelatihan
Di akhir pelatihan, siswa mampu mendesain website menggunakan aplikasi Figma dan mengonversinya ke dalam bentuk file HTML menggunakan aplikasi Wordpress web page builder Elementor dan code editor secara tepat sesuai dengan desain yang telah dibuat.
Peserta mampu menganalisis kebutuhan bisnis untuk kemudian dituangkan ke dalam rancangan desain web menggunakan aplikasi Figma.
Peserta mampu mengonversi desain web yang telah dibuat di Figma ke dalam bentuk halaman web menggunakan aplikasi Wordpress web page builder Elementor.
Peserta mampu menambahkan efek animasi pada halaman website menggunakan fitur yang tersedia di Elementor.
Peserta mampu memvalidasi dan menambahkan kode HTML dan CSS yang dibutuhkan untuk menyempurnakan tampilan sesuai dengan desain yang telah dibuat.
Silabus
Menganalisis kebutuhan bisnis : Belajar teori dan metodologi dalam menggali dan memahami kebutuhan bisnis serta menuangkan kebutuhan menjadi poin-poin antarmuka web. Implementasi keterampilan ke dalam studi kasus membuat menyusun daftar pertanyaan, wawancara dan mencatat kebutuhan bisnis. Belajar tips sikap kerja dalam menggali informasi seputar penawaran bisnis, layanan produk dan informasi yang harus ditampilkan untuk kebutuhan pembuatan website. (32 menit)
Menuangkan kebutuhan bisnis ke dalam rancangan desain web : Belajar teori antarmuka aplikasi Figma, teori komponen website, teori dasar user interface dan teori dasar user experience. Implementasi keterampilan ke dalam studi kasus membuat project baru di Figma, membuat komponen website di Figma dan manipulasi parameter komponen, membuat simulasi alur website di Figma dan menuangkan poin-poin spesifikasi bisnis hasil analisis ke dalam desain website. Belajar tips dan trik penggunaan shortcut di aplikasi Figma, mendapatkan gambar ilustrasi bagus dan legal untuk digunakan dan memainkan kombinasi warna dan spasi agar desain web nyaman dilihat. (277 menit)
Mengonversi desain web menjadi halaman web : Belajar teori antarmuka aplikasi Elementor. Implementasi keterampilan ke dalam studi kasus membuat halaman web berdasarkan desain yang telah dibuat pada aplikasi Figma. Belajar tips dan trik membangun halaman web lebih cepat dan tepat dengan desain. (152 menit)
Menambahkan efek animasi pada halaman web : Belajar teori animasi web dengan Javascript dan CSS. Implementasi keterampilan ke dalam menambahkan animasi pada komponen di halaman web.. Belajar tips dan sikap kerja dalam menambahkan animasi secukupnya yang cocok untuk memperindah tampilan web dan mempelajari contoh website dan template yang sudah memiliki animasi. (14 menit)
Menuliskan kode HTML dan CSS tambahan : Belajar teori dasar penggunaan code editor, teori dasar HTML dan teori dasar CSS. Implementasi keterampilan ke dalam studi kasus menambahkan kode HTML dan CSS pada bagian spesifik untuk tepat menyesuaikan halaman web dengan desain yang telah dibuat. Belajar tips sikap kerja dalam mempelajari HTML dan CSS yang mudah dan menyenangkan. (30 menit)
Kelas ini membutuhkan spesifikasi perangkat seperti berikut:
RAM
2GB (Rekomendasi 4GB)
Layar
1366 x 768 (Rekomendasi Full HD 1920 x 1080)
Sistem Operasi
Windows, Linux, MacOS
Prosesor
Intel Dual Core (Rekomendasi Core i3 ke atas)
Tools
Kelas ini membutuhkan beberapa tools berikut:
Visual Studio Code
Cara instalasi dan menggunakan Visual Studio Code diajarkan di kelas ini
Web Browser (Google Chrome atau Mozilla Firefox)
Laragon
Peralatan Belajar
Spesifikasi minimal perangkat
Kelas ini membutuhkan spesifikasi perangkat seperti berikut:
RAM
2GB (Rekomendasi 4GB)
Layar
1366 x 768 (Rekomendasi Full HD 1920 x 1080)
Sistem Operasi
Windows, Linux, MacOS
Prosesor
Intel Dual Core (Rekomendasi Core i3 ke atas)
Tools
Kelas ini membutuhkan beberapa tools berikut:
Visual Studio Code
Cara instalasi dan menggunakan Visual Studio Code diajarkan di kelas ini
Web Browser (Google Chrome atau Mozilla Firefox)
Laragon
Metode Ajar
Online - Self-paced Learning.
Total jam belajar : 08 jam 39 menit untuk materi. Total 10 jam 48Â menit jika termasuk persiapan belajar dan perkiraan waktu penyelesaian evaluasi pembelajaran.
Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 8 hari).
Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas.
Fasilitas Pengajaran
Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan.
Video : Setiap materi utama akan disajikan dalam bentuk video pengantar.
Sesi Konsultasi Online:Â Pada kelas ini disediakan sesi konsultasi online dengan instruktur agar siswa dapat tanya-jawab dan berkonsultasi mengenai ujian akhir yang wajib dikerjakan untuk lulus sepenuhnya dari kelas ini.
Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi.
Pre-test : Tes yang diberikan sebelum pengajaran dimulai untuk mengetahui sampai dimana penguasaan siswa terhadap bahan pengajaran (pengetahuan dan keterampilan) yang akan diajarkan.
Total jam belajar : 08 jam 39 menit untuk materi. Total 10 jam 48Â menit jika termasuk persiapan belajar dan perkiraan waktu penyelesaian evaluasi pembelajaran.
Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 8 hari).
Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas.
Fasilitas Pengajaran
Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan.
Video : Setiap materi utama akan disajikan dalam bentuk video pengantar.
Sesi Konsultasi Online:Â Pada kelas ini disediakan sesi konsultasi online dengan instruktur agar siswa dapat tanya-jawab dan berkonsultasi mengenai ujian akhir yang wajib dikerjakan untuk lulus sepenuhnya dari kelas ini.
Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi.
Pre-test : Tes yang diberikan sebelum pengajaran dimulai untuk mengetahui sampai dimana penguasaan siswa terhadap bahan pengajaran (pengetahuan dan keterampilan) yang akan diajarkan.
Evaluasi Pembelajaran :
Ujian Akhir Kelas
Sertifikat Kompetensi Kelulusan
Metode Ajar
Online - Self-paced Learning.
Total jam belajar : 08 jam 39 menit untuk materi. Total 10 jam 48Â menit jika termasuk persiapan belajar dan perkiraan waktu penyelesaian evaluasi pembelajaran.
Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 8 hari).
Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas.
Fasilitas Pengajaran
Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan.
Video : Setiap materi utama akan disajikan dalam bentuk video pengantar.
Sesi Konsultasi Online:Â Pada kelas ini disediakan sesi konsultasi online dengan instruktur agar siswa dapat tanya-jawab dan berkonsultasi mengenai ujian akhir yang wajib dikerjakan untuk lulus sepenuhnya dari kelas ini.
Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi.
Pre-test : Tes yang diberikan sebelum pengajaran dimulai untuk mengetahui sampai dimana penguasaan siswa terhadap bahan pengajaran (pengetahuan dan keterampilan) yang akan diajarkan.
Evaluasi Pembelajaran :
Ujian Akhir Kelas
Sertifikat Kompetensi Kelulusan
Kontributor
1
Curriculum Developer yang membangun kelas ini:
Yusuf Fazeri
Instructor at Codepolitan
Reviewer
1
Code Reviewer yang akan me-review tugas dan kode Anda:
Sering terlibat dalam pelatihan sebagai mentor untuk topik kelas pemrograman web di Codepolitan. Berdedikasi dalam membuat produk yang mudah untuk digunakan, cepat dikembangkan, mudah pemeliharaan dan menggunakan algoritma yang efektif.
Sering terlibat dalam pelatihan sebagai mentor untuk topik kelas pemrograman web di Codepolitan. Berdedikasi dalam membuat produk yang mudah untuk digunakan, cepat dikembangkan, mudah pemeliharaan dan menggunakan algoritma yang efektif.
Kontributor & Reviewer
Kontributor kelas
Curriculum Developer yang membangun kelas ini:
Yusuf Fazeri
Instructor at Codepolitan
Tim Reviewer
Code Reviewer yang akan me-review tugas dan kode Anda:
Sering terlibat dalam pelatihan sebagai mentor untuk topik kelas pemrograman web di Codepolitan. Berdedikasi dalam membuat produk yang mudah untuk digunakan, cepat dikembangkan, mudah pemeliharaan dan menggunakan algoritma yang efektif.
Yusuf Fazeri
Instructor at Codepolitan
Sering terlibat dalam pelatihan sebagai mentor untuk topik kelas pemrograman web di Codepolitan. Berdedikasi dalam membuat produk yang mudah untuk digunakan, cepat dikembangkan, mudah pemeliharaan dan menggunakan algoritma yang efektif.
Testimoni Siswa
Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.
Danar Dono
Institut Sains dan Teknologi Terpadu Surabaya
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Di kelas ini, akan diajarkan bagaimana konsep dasar pemograman. Saya sendiri merasa (seperti mengulas) kembali belajar mata kuliah algoritma 1, namun materinya disampaikan secara interaktif dan menyeyangkan sehingga relatif lebih cepat paham. Terima kasih Dicoding.
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Kelas ini benar-benar memberikan pemahaman yang baik tentang pemrograman. Dengan bahasa yang menarik, mudah dipahami, dan sedikit humor, saya selaku orang non-IT dapat memahami kelas ini dengan baik. Terima kasih Dicoding.
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Di kelas ini, Anda akan diajarkan bagaimana konsep dasar pemograman. Saya sendiri merasa (seperti mengulas) kembali belajar mata kuliah algoritma 1, namun materinya disampaikan secara interaktif dan menyeyangkan sehingga relatif lebih cepat paham. Terima kasih dicoding atas materi pembelajarannya. Salam.
Muhammad Rafli
Universitas Padjadjaran
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Kelas ini benar-benar memberikan pemahaman yang baik tentang pemrograman. Dengan bahasa yang menarik, mudah dipahami, dan sedikit humor, saya selaku orang non-IT dapat memahami kelas ini dengan baik. Terima kasih Dicoding
Thifal Nurrifqi Ariel Kurniawan
Universitas Pendidikan Indonesia
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Kelas ini sangat informatif dan bermanfaat bagi siapapun yang hendak memulai langkah di dunia pemrograman. Hal ini dikarenakan media dan pendekatan yang digunakan menjadikan saya mudah memahami tentang pemrograman dari 0 dan tidak buta arah untuk menentukan langkah selanjutnya.
Timotius Haniel
Boston Consulting Group
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Melalui kelas Basic Programming 101, Saya menyadari bahwa betapa pentingnya basic yang kuat bagi seorang developer. Melalui basic yang kuat, seorang programmer dapat lebih mudah mengembangkan setiap software yang akan dibangun. "Bangunan yang tinggi dan besar, pasti memiliki pondasi yang kokoh"
Testimoni Siswa
Danar Dono
Institut Sains dan Teknologi Terpadu Surabaya
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Di kelas ini, Anda akan diajarkan bagaimana konsep dasar pemograman. Saya sendiri merasa (seperti mengulas) kembali belajar mata kuliah algoritma 1, namun materinya disampaikan secara interaktif dan menyeyangkan sehingga relatif lebih cepat paham. Terima kasih dicoding atas materi pembelajarannya. Salam.
Muhammad Rafli
Universitas Padjadjaran
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Kelas ini benar-benar memberikan pemahaman yang baik tentang pemrograman. Dengan bahasa yang menarik, mudah dipahami, dan sedikit humor, saya selaku orang non-IT dapat memahami kelas ini dengan baik. Terima kasih Dicoding
Thifal Nurrifqi Ariel Kurniawan
Universitas Pendidikan Indonesia
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Kelas ini sangat informatif dan bermanfaat bagi siapapun yang hendak memulai langkah di dunia pemrograman. Hal ini dikarenakan media dan pendekatan yang digunakan menjadikan saya mudah memahami tentang pemrograman dari 0 dan tidak buta arah untuk menentukan langkah selanjutnya.
Timotius Haniel
Boston Consulting Group
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Melalui kelas Basic Programming 101, Saya menyadari bahwa betapa pentingnya basic yang kuat bagi seorang developer. Melalui basic yang kuat, seorang programmer dapat lebih mudah mengembangkan setiap software yang akan dibangun. "Bangunan yang tinggi dan besar, pasti memiliki pondasi yang kokoh"
Punya pertanyaan seputar kelas ini?
Berikut adalah beberapa pertanyaan yang paling sering ditanyakan.
