Intermediate - Front-End Web

Submission: Integrasi Notes App dengan RESTful API - Kelas Belajar Fundamental Front-End Web Development

Sertifikat Kompetensi Kelas Belajar Fundamental Front-End Web Development

🚀 Deskripsi Kelas

Kelas Belajar Fundamental Front-End Web Development
Disusun oleh: Dicoding Indonesia
Level: Menengah

Kelas ditujukan bagi pengembang aplikasi front-end web yang ingin mengembangkan website dengan teknik yang simpel, reusable, dan optimal. Pada akhir kelas, siswa dapat membuat aplikasi front-end web dengan membangun formulir dengan HTML form, menyusun layout dengan CSS grid, menerapkan Web component, mengimplementasikan module bundler, dan menyajikan data secara dinamis dari Web API menggunakan asynchronous JavaScript request.

Materi yang dipelajari:

• HTML Form Lanjutan : Belajar menerapkan sintaks terbaru pada JavaScript seperti block scope variable, template literals, destructuring object and array, spread operator dan rest parameters, arrow function, classes, promise hingga JavaScript module. (8 jam 10 menit)
• Teknik Layouting dengan CSS Grid : Belajar metode pengaturan tata letak menggunakan teknik yang lebih lanjut dan kompleks, yaitu CSS grid. (7 jam 20 menit)
• Web Component : Belajar membangun component UI website yang bersifat reusable dan encapsulated dengan custom element dan shadow DOM. (11 jam)
• Package Manager untuk Aplikasi Web : Belajar menambahkan, menghapus, dan menggunakan package JavaScript yang tersedia di NPM, serta membedakan peranan dari development dependencies dan production dependencies. (5 jam)
• Bundel dengan Module Bundler : Belajar penerapan module bundler sebagai build tools bagi aplikasi web untuk membundel berkas-berkas JavaScript menjadi satu berkas statis yang siap rilis dan optimal. (7 jam 40 menit)
• Asynchronous JavaScript Request : Belajar transaksi data melalui protokol HTTP/HTTPS menggunakan Fetch API, baik menggunakan method GET, POST, PUT, maupun DELETE. (10 jam 10 menit)

Evaluasi Pembelajaran:

• Proyer Pertama: : Membangun aplikasi web sebagai proyek akhir dengan memanfaatkan setiap materi yang telah diserap, seperti HTML Form Lanjutan, Teknik Layouting dengan CSS Grid, dan Web Component.
• Proyek Akhir : Membangun aplikasi web sebagai proyek akhir dengan memanfaatkan setiap materi yang telah diserap, seperti pengelolaan packages dengan package manager, webpack sebagai module bundler, dan menampilkan data dari REST API.

Total jam yang dibutuhkan untuk menyelesaikan kelas ini, mulai dari persiapan kelas sampai evaluasi belajar, adalah 80 jam.

Tutorial Submission

Tata cara menjalankan project:

1. Install semua package yang berada di package.json

npm install --yes

2. Untuk menjalankan development

npx webpack serve --config webpack.dev.js

3. Untuk menjalankan prettier

npx prettier . --write