Belajar Tools Front-End Web Intermediate
4.80
Front-End Web

Learning Path

Belajar Tools Front-End Web Intermediate

Teknologi:

Web
Level: Mahir
Level: Mahir 65 Jam Belajar
1.335

Siswa Terdaftar

Pelajari tools berstandar industri dengan Sass, Bootstrap, Lit, Axios, dan Firebase dalam membangun aplikasi web yang efisien dan powerful.
Apa yang akan Anda dapatkan

Sertifikat

Dapatkan sertifikat standar industri setelah menyelesaikan kelas ini.

Code Review

Kode yang Anda kerjakan akan di-review secara komprehensif oleh Reviewer.

Forum Diskusi

Diskusikan materi belajar dengan siswa lainnya.

Modul Tutorial

Materi bacaan elektronik disajikan dengan bahasa yang mudah dipahami.

Submission

Uji kemampuan teknis Anda dengan mengerjakan tugas submission.

Kode Interaktif

Modul belajar dalam bentuk video, disertai dengan latihan untuk menguji pemahaman.

Kuis

Kuis pilihan ganda membantu Anda memahami materi yang dipelajari.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.
Level Mahir
Menguasai materi dan latihan tingkat lanjut. Kelas ini mensyaratkan sejumlah penguasaan landasan pengetahuan yang baik.

Deskripsi

Perkembangan teknologi makin pesat, begitu pula dengan aplikasi berbasis website. Banyak tools yang bisa diterapkan untuk mempermudah dan mempercepat pekerjaan developer, terutama dalam pengembangan aplikasi web. Tools tersebut antara lain Sass untuk CSS preprocessor, Bootstrap untuk CSS framework, Lit untuk Web Component, Axios untuk HTTP client, dan Firebase untuk Platform as a Service (PaaS). Dengan mempelajari tools tersebut, developer akan semakin andal dalam membuat aplikasi web berkualitas.

Beberapa alasan wajib bagi Anda dalam mengambil dan mempelajari kelas ini dapat dilihat pada poin-poin berikut.

  • Memudahkan developer dalam mengembangkan aplikasi web dengan memanfaatkan fitur-fitur yang ditawarkan oleh framework ataupun library. 
  • Meningkatkan fleksibilitas dan efisiensi penulisan styling dengan logika layaknya bahasa pemrograman menggunakan Sass dalam pengembangan aplikasi web. 
  • Mempelajari komponen-komponen siap pakai dan customizable yang ditawarkan oleh Bootstrap untuk meningkatkan kecepatan pengembangan aplikasi web. 
  • Membuat web component yang andal dengan menghilangkan beragam boilerplate menggunakan library milik Google bernama Lit. 
  • Mempelajari teknik penyediaan layanan back-end dan hosting menggunakan Platform as a Service (PaaS) yang dikembangkan oleh Google bernama Firebase.

Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website dengan cepat, simpel, reusable, dan powerful.
  • Kelas ini dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki komputer dan mengoperasikan dengan baik.
  • Siswa diharapkan sudah memiliki pemahaman dasar dalam pembuatan website menggunakan HTML, CSS, dan JavaScript dengan baik.
  • Siswa harus bisa belajar mandiri, berkomitmen, memiliki rasa ingin tahu yang tinggi, dan tertarik pada subjek materi. Hal ini karena sebaik apa pun materi yang disajikan, kelas ini tidak akan berguna tanpa keuletan siswa dalam belajar dan usaha.
  • Di akhir kelas, siswa mampu menguasai konsep dan implementasi tools dalam pengembangan web yang cepat, mudah, serta powerful hingga membuat aplikasi web yang dapat diakses oleh banyak orang pada akhir kelas.



Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Celeron (Rekomendasi Core i3 ke atas)

Tools yang dibutuhkan untuk belajar:

Teks Editor (VSCode)

Lihat semua peralatan belajar

Lihat semua peralatan belajar

Peralatan Belajar

Spesifikasi minimal perangkat

Kelas ini membutuhkan spesifikasi perangkat seperti berikut:

RAM

1 GB (Rekomendasi 2 GB)

Layar

1366 x 768 (Rekomendasi Full-HD)

Sistem Operasi

Windows, Linux, MacOS

Prosesor

Intel Celeron (Rekomendasi Core i3 ke atas)

Tools

Kelas ini membutuhkan beberapa tools berikut:

Teks Editor (VSCode)

Web Browser (Google Chrome atau Mozilla Firefox)

Command Line (Terminal atau cmd)


Metode Ajar

  • Online - Self-paced Learning
    •   Total jam belajar: 65 jam
    •   Rekomendasi waktu belajar: 10 jam/minggu (selesai dalam 46 hari)
    •   Anda dapat menentukan lama waktu secara mandiri dalam menyelesaikan materi selama masih aktif terdaftar di kelas ini.
  •  Fasilitas Pengajaran
    •   Materi bacaan elektronik: Materi akan disajikan dalam bentuk teks dan bacaan
    •   Forum diskusi: Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi
    •   Evaluasi pembelajaran:
      •     Proyek Awal: membuat Story App dengan Sass, Bootstrap, dan Lit.
      •     Proyek Akhir: mengembangkan kembali Story App dengan Axios.
  •  Sertifikat kompetensi

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning
    •   Total jam belajar: 65 jam
    •   Rekomendasi waktu belajar: 10 jam/minggu (selesai dalam 46 hari)
    •   Anda dapat menentukan lama waktu secara mandiri dalam menyelesaikan materi selama masih aktif terdaftar di kelas ini.
  •  Fasilitas Pengajaran
    •   Materi bacaan elektronik: Materi akan disajikan dalam bentuk teks dan bacaan
    •   Forum diskusi: Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi
    •   Evaluasi pembelajaran:
      •     Proyek Awal: membuat Story App dengan Sass, Bootstrap, dan Lit.
      •     Proyek Akhir: mengembangkan kembali Story App dengan Axios.
  •  Sertifikat kompetensi

Kontributor

1

Curriculum Developer yang membangun kelas ini:

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia

Reviewer

8

Code Reviewer yang akan me-review tugas dan kode Anda:

Agista Septiyanto
Alfian Yusuf Abdullah
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Alexzander Purwoko
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
YUSRIL ADRIANSYAH PUTRA
YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Nur Rizki Adi Prasetyo
Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia

- Associate Android Developer
- Web and Cloud Enthusiast

Lihat semua kontributor dan reviewer

Lihat semua kontributor dan reviewer

Kontributor & Reviewer

Kontributor kelas

Curriculum Developer yang membangun kelas ini:

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia


Tim Reviewer

Code Reviewer yang akan me-review tugas dan kode Anda:

Agista Septiyanto
Alfian Yusuf Abdullah
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Alexzander Purwoko
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
YUSRIL ADRIANSYAH PUTRA
YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Nur Rizki Adi Prasetyo
Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia

- Associate Android Developer
- Web and Cloud Enthusiast

Fazza Razaq Amiarso
Fazza Razaq Amiarso

Fazza Razaq Amiarso

Web Developer & Open Source Maintainer

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently transitioning from React to Svelte. Interested on learning Interactive Story Telling with Data Visualization.

Personal Website: https://fazzaamiarso.me

Github: https://github.com/fazzaamiarso

Deden Muhamad Furqon
Fiqri ardiansyah
Agista Septiyanto

Agista Septiyanto

Product Engineer at Dicoding

Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia

- Associate Android Developer
- Web and Cloud Enthusiast

Fazza Razaq Amiarso

Fazza Razaq Amiarso

Web Developer & Open Source Maintainer

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently transitioning from React to Svelte. Interested on learning Interactive Story Telling with Data Visualization.

Personal Website: https://fazzaamiarso.me

Github: https://github.com/fazzaamiarso

Deden Muhamad Furqon

Deden Muhamad Furqon

Academy Code Reviewer at Dicoding Indonesia

Google Certified - Associate Android Developer

Fiqri ardiansyah

Fiqri ardiansyah

Frontend Developer at Crealoka

HA, nice!

Take a look my portfolio


Testimoni Siswa

Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.

Danar Dono
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.
Baca selengkapnya
Muhammad Rafli
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.
Baca selengkapnya
Lihat semua testimoni

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 10 Menit

  • 10 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 20 Menit

  • 20 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 15 Menit

  • 20 Menit

  • 20 Menit

  • 15 Menit

  • 25 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 5 Menit

  • 40 Menit

  • 50 Menit

  • 20 Menit

  • 10 Menit

  • 10 Menit

  • 15 Menit

  • 20 Menit

  • 10 Menit

  • 5 Menit

  • 10 Menit

  • 15 Menit

  • 15 Menit

  • 15 Menit

  • 15 Menit

  • 5 Menit

  • 20 Menit

  • 10 Menit

  • 15 Menit

  • 5 Menit

  • 25 Menit

  • 20 Menit

  • 15 Menit

  • 5 Menit

  • 15 Menit

  • 15 Menit

  • 15 Menit

  • 20 Menit

  • 15 Menit

  • 10 Menit

  • 15 Menit

  • 20 Menit

  • 5 Menit

  • 30 Menit

  • 50 Menit

  • 50 Menit

  • 40 Menit

  • 20 Menit

  • 10 Menit

  • 10 Menit

  • 10 Menit

  • 15 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 15 Menit

  • 30 Menit

  • 20 Menit

  • 30 Menit

  • 20 Menit

  • 15 Menit

  • 30 Menit

  • 15 Menit

  • 30 Menit

  • 15 Menit

  • 20 Menit

  • 15 Menit

  • 10 Menit

  • 10 Menit

  • 15 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 20 Menit

  • 15 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 5 Menit

  • 50 Menit

  • 50 Menit

  • 40 Menit

  • 15 Menit

  • 10 Menit

  • 660 Menit

  • 10 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 20 Menit

  • 25 Menit

  • 15 Menit

  • 15 Menit

  • 5 Menit

  • 30 Menit

  • 30 Menit

  • 10 Menit

  • 10 Menit

  • 15 Menit

  • 25 Menit

  • 20 Menit

  • 25 Menit

  • 15 Menit

  • 25 Menit

  • 5 Menit

  • 25 Menit

  • 40 Menit

  • 50 Menit

  • 30 Menit

  • 25 Menit

  • 10 Menit

  • 10 Menit

  • 60 Menit

  • 120 Menit

  • 720 Menit