Menjadi Front-End Web Developer Expert

Menjadi Front-End Web Developer Expert

Disusun oleh: Dicoding Indonesia Level: Mahir - Profesional Estimasi: 90 jam
Teknologi:Web
Bagikan kelas ini:

Deskripsi

2021012015455122e51b074269d6c41062cfa5df54e257.jpg

Saat ini, banyak website aktif dirancang untuk tampak optimal hanya pada perangkat desktop. Namun faktanya, kini pengguna website didominasi oleh smartphone. Dengan begitu, Web Developer dituntut untuk mampu membangun website yang dapat beradaptasi pada smartphone dengan baik. Perusahaan seperti Tokopedia, Twitter, dan Facebook berhasil mengembangkan website yang nyaman diakses pada perangkat smartphone. Hal ini bisa tercapai dengan memperhatikan aspek mobile friendly, accessibility, dan optimization.

  • Web Developer saat ini harus mampu menyajikan website yang optimal pada perangkat smartphone.
  • Web merupakan platform yang dapat diakses melalui banyak macam perangkat. Hal ini menjadi keuntungan jika Anda mengembangkan aplikasi berbasis Web. 
  • Aplikasi yang dibangun menggunakan web memiliki kecanggihan layaknya aplikasi native Android atau iOS. 
  • Website adalah platform yang dijangkau oleh Search Engine seperti Google Search, sehingga website cocok sebagai media promosi bisnis atau konten. 
  • Mengembangkan website termasuk pengembangan yang mudah di-maintenance dan mudah untuk dipublikasi.

Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang optimal, mudah digunakan, serta canggih ketika diakses oleh seluruh perangkat terutama smartphone.
  • Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
  • Siswa diharapkan sudah mampu mengembangkan aplikasi web di sisi Front-End, menguasai HTML, CSS, dan JavaScript serta sudah familier dengan Webpack sebagai module bundler.
  • Siswa harus bisa belajar mandiri, berkomitmen, benar-benar punya rasa ingin tahu, dan tertarik pada subjek materi, karena sebaik apa pun materi kelas ini, tidak akan berguna tanpa keseriusan siswa untuk belajar, berlatih, dan mencoba.
  • Di akhir kelas, siswa dapat membuat aplikasi front-end web yang responsif, memiliki aksesibilitas yang baik, mudah di-maintenance, memiliki sifat native, dapat diuji, dan memiliki performa yang baik.


Silabus

  • Pengenalan Kelas : Menjelaskan tentang pentingnya membuat website yang optimal untuk diakses oleh berbagai perangkat, khususnya smartphone yang mendominasi pengguna internet. (20 menit) 
  • Mobile First Approach : Memahami pendekatan mobile-first, serta belajar membangun website yang responsif menggunakan CSS Grid System, Media Query, dan Off Screen Canvas melalui pendekatan Mobile First. (7 jam 30 menit)
  • Aksesibilitas : Belajar aspek aksesibilitas web seperti focus, semantic HTML, tab order, label, alternative teks, serta penggunaan screen reader agar website yang dikembangkan dapat diakses oleh siapa pun. (13 jam 10 menit) 
  • JavaScript Clean Code : Belajar prinsip-prinsip penulisan kode JavaScript dengan benar berdasarkan senior software engineer Robert C. Martin yang diadopsi dari bukunya berjudul Clean Code. (6 jam)
  • Progressive Web Apps : Belajar membuat website yang progressive sehingga website memiliki sifat native seperti installable, offline capability, dan lainnya. (27 jam)
  • Automation Testing : Belajar penerapan testing seperti Unit Test, Integration Test, dan End to End Test pada website yang dibuat, serta belajar menggunakan DevTools untuk debugging. (16 jam 25 menit)
  • Web Performance : Belajar menggunakan web auditor untuk mengetahui sejauh mana performa website yang dibuat, dan mengoptimalkan performa website berdasarkan hasil yang diperoleh. (8 jam 30 menit)  


Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 90 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 63 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
    • Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi
    • Evaluasi pembelajaran: Submission (proyek akhir) berupa web app katalog restoran dengan experience dan fungsionalitas yang baik ketika diakses pada perangkat mobile
    • Sertifikat kompetensi  

Peralatan Belajar

  • Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
  • Spesifikasi minimal komputer milik siswa
    • Sistem operasi : Windows, Linux, atau MacOS
    • Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas)
    • RAM : 2GB (Rekomendasi 4GB)
    • Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
  • Software
    • Teks Editor VSCode.
    • Web Browser (Google Chrome atau Mozilla Firefox).
    • Command Line (Terminal atau cmd).


Alur Belajar

Langkah ke-4 Front-End Web Developer 

Apa kata lulusan Dicoding Academy?

Sudah ribuan siswa yang sukses belajar di Dicoding Academy. Mau tau pendapat dari sisi mereka? Ini adalah testimoni asli mereka. Mau tahu lebih banyak? Lihat testimoni siswa lainnya.

Pertanyaan

Bila Anda memiliki pertanyaan / kendala ketika belajar di kelas ini, Anda dapat membaca pertanyaan-pertanyaan yang sering diajukan di FAQ.

Tim Reviewer

Moch Ridwan Taufik Alamsyah
Moch Ridwan Taufik Alamsyah
External Code Reviewer at Dicoding Indonesia

What We Learn When We Learn By Doing

  • R&D Engineer - CSA Computer
  • Full Stack Developer - RKF Apps
Khrisna Indrawan
Khrisna Indrawan
Head of Reviewer at Dicoding Indonesia
Dimas Catur Wibowo
Dimas Catur Wibowo
Code Reviewer at Dicoding Indonesia
  • Associate Android Developer


Latif Sulistyo
Latif Sulistyo
External Code Reviewer at Dicoding Indonesia
  • Full Stack Web Developer

  • "Work hard, pray harder!"

Luthfi Alfarisi
Luthfi Alfarisi
External Code Reviewer at Dicoding Indonesia
Agista Septiyanto
Agista Septiyanto
Code Reviewer at Dicoding Indonesia
Alfian Yusuf Abdullah
Alfian Yusuf Abdullah
Code Reviewer at Dicoding Indonesia
  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Dimas Maulana Dwi Saputra
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
  • Mobile and Web Enthusiast
  • Associate Android Developer
  • React Developer
  • AWS Certified Cloud Practitioner
Alexzander Purwoko Widiantoro
Alexzander Purwoko Widiantoro
Code Reviewer at Dicoding Indonesia
  • Associate Android Developer
  • Microsoft Certified: Azure Fundamental
  • Android, Web & IoT Enthusiast
Lukman Bahar Agung Pambudi
Lukman Bahar Agung Pambudi
External Code Reviewer at Dicoding Indonesia
  • Freelance Practitioner
  • Full Stack Software Developer
Ananda Dwi Prayoga
Ananda Dwi Prayoga
External Code Reviewer at Dicoding Indonesia
  • Fullstack Web Dev
  • Fullstack Android Dev
  • UI/UX enthusiast
Galang Ekayudha Permana
Galang Ekayudha Permana
External Code Reviewer at Dicoding Indonesia
  • Fullstack Developer
Shaddam Amru Hasibuan
Shaddam Amru Hasibuan
External Code Reviewer at Dicoding Indonesia
  • Front-end Web Developer
  • Freelance Brand Designer
  • VR/AR Enthusiast
Muhammad Rifki Erlangga
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
  • Front-end Web Developer
Ikhsan Fauji
Ikhsan Fauji
External Code Reviewer at Dicoding Indonesia
  • Full Stack Engineer
Rian Mandala Putra
Rian Mandala Putra
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
T Kuswandi
T Kuswandi
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
Chandra Septian
Chandra Septian
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
  • Front-End Developer
Samodra
Samodra
External Code Reviewer at Dicoding Indonesia
  • Front-End Web Developer
  • UI/UX Enthusiast
Muhammad Amru Salim
Muhammad Amru Salim
External Code Reviewer at Dicoding Indonesia
  • Mobile and Web Enthusiast
Yusril Adriansyah Putra
Yusril Adriansyah Putra
External Code Reviewer at Dicoding Indonesia
  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Yudistira Arya Mutamang
Yudistira Arya Mutamang
External Code Reviewer at Dicoding Indonesia
  • Front-End Web Developer
  • Cyber Security Enthusiast
Agustinus Yohannes
Agustinus Yohannes
External Code Reviewer at Dicoding Indonesia
  • Front End Web Developer
  • Blockchain Enthusiast
Ilham Shiddiq
Ilham Shiddiq
External Code Reviewer at Dicoding Indonesia
  • Back-End Web Developer
  • Front-End Web Developer
  • Machine Learning Enthusiast 
Anda belum dapat mempelajari kelas ini. Yuk berlangganan sekarang agar bisa belajar di Kelas ini dan juga Kelas Dicoding Academy lainnya.

Daftar sekarang untuk dapat mengikuti pembelajaran

Daftar Sekarang

Atau Anda dapat mencoba modul gratis yang ditawarkan di Kelas ini

Coba Modul Gratis
Kunjungi Online Store Kami

Kelas ini disusun oleh:

Dicoding Indonesia
Dicoding Indonesia

Decode Ideas
Discover Potentials