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

Pada tahun 2020 menurut WebCraft Webserver Survey, terdapat 1,778,528,325 website yang aktif. 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, Shopee, Twitter, dan Facebook berhasil mengembangkan website yang nyaman diakses pada perangkat smartphone. Hal ini bisa tercapai karena dalam proses pengembangan, mereka selalu memperhatikan aspek mobile friendly, accessibility, dan optimization.

Kelas ini membahas tuntas aspek mobile friendly, web accessibility, dan web optimization. Selain itu, Anda akan belajar membuat website yang progressive sehingga website memiliki sifat layaknya aplikasi native bersama dengan kurikulum Mobile Web Specialist dari Google. Kurikulum telah disusun dan diverifikasi oleh tim expert Dicoding bersama praktisi industri agar materi yang disajikan terstruktur dan komprehensif.

Kenapa saya harus belajar kelas ini?

  • Pengguna website saat ini didominasi oleh smartphone, kelas ini cocok untuk Anda bila website yang Anda buat ingin berjalan optimal pada smartphone.
  • Salah satu keuntungan mengembangkan web adalah dapat diakses melalui banyak macam perangkat.
  • Pengembangan web tidak membutuhkan komputer/laptop yang memiliki spesifikasi tinggi, sehingga tidak menjadi kendala bagi Anda yang tidak memiliki perangkat yang memumpuni.
  • Website menjadi platform yang terjangkau oleh Search Engine seperti Google, sehingga website cocok sebagai media komunikasi.
  • Mengembangkan website termasuk pengembangan yang mudah secara maintenance dan mudah untuk dipublikasi.
  • Bagian dari alur belajar Front-End Web Developer Learning Path yang mempersiapkan siswa untuk menjadi Front-End Web Developer sesuai standar kebutuhan industri.


Materi apa saja yang akan dipelajari?

  • Pengenalan : Membahas tentang statistik pengguna website saat ini, serta menjelaskan prasyarat materi dan menyiapkan tools yang diperlukan untuk mengikuti kelas ini.
  • 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.
  • Web Accessibility : 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.
  • 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.
  • Progressive Web Apps : Belajar membuat website yang progressive sehingga website memiliki sifat native seperti installable, offline capability, dan lainnya.
  • Testing and Debugging :  Belajar penerapan testing seperti Unit Test, Integration Test, dan End to End Test pada website yang dibuat, serta belajar menggunakan DevTools untuk debugging.
  • Web Performance : Belajar menggunakan web auditor untuk mengetahui sejauh mana performa website yang dibuat, dan mengoptimalkan performa website berdasarkan hasil yang diperoleh.
  • Submission : Merupakan proyek akhir yang menentukan kelulusan Anda pada kelas ini. Anda harus membuat web app daftar restoran dengan experience dan fungsionalitas yang baik ketika diakses pada perangkat mobile.

Anda tentukan sendiri berapa lama waktu belajar materi kelas ini. Materi kelas didesain untuk diselesaikan dalam waktu 90 jam. Jika Anda meluangkan waktu sedikitnya 10 jam saja dalam seminggu, maka sangat dimungkinkan Anda bisa menuntaskan kelas ini dalam waktu 63 hari. Namun tidak menutup kemungkinan Anda menyelesaikan dalam waktu yang jauh lebih cepat.


Prasyarat mengikuti kelas ini adalah:

  • Anda diharapkan memiliki latar belakang dan pemahaman mengenai front-end web dalam pembuatan website dengan baik (HTML, CSS dan JavaScript). Jika belum, Anda bisa mempelajari kelas Belajar Fundamental Front-End Web Development.
  • Anda harus mandiri, berkomitmen, benar-benar punya rasa ingin tahu dan tertarik pada subjek.
  • Anda harus gigih, temukan topik yang menarik, bermain-main, dan mengotak-atik ilmu yang Anda dapatkan.
  • Sebaik apa pun materi struktur kelas ini, tak akan berguna tanpa keseriusan Anda untuk belajar, berlatih, dan mencoba.


Spesifikasi minimal Komputer/Laptop:

  • Resolusi layar 1366 x 768 (Rekomendasi Full HD 1920 x 1080).
  • Prosesor Intel Dual Core (Rekomendasi Core i3 ke atas).
  • RAM 1GB (Rekomendasi 2GB).
  • Sistem operasi Windows, Linux, atau MacOS.


Tools yang digunakan:

  • Teks Editor (VSCode, Atom, atau Bracket).
  • NodeJS (versi 12 ke atas)
  • Google Chrome Browser.
  • Terminal.

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 buka tab pertanyaan-pertanyaan yang sering diajukan di FAQ

Tim Reviewer

Khrisna Indrawan Eka Putra
Khrisna Indrawan Eka Putra
Code Reviewer at Dicoding Indonesia
Dimas Catur Wibowo
Dimas Catur Wibowo
Code Reviewer at Dicoding Indonesia
  • Associate Android Developer


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
  • Associate Android Developer
  • Mobile and Web Enthusiast
Alexzander Purwoko Widiantoro
Alexzander Purwoko Widiantoro
External Code Reviewer at Dicoding Indonesia

Android & Web Enthusiasts

IoT Enthusiasts

Lukman Bahar Agung Pambudi
Lukman Bahar Agung Pambudi
External Code Reviewer at Dicoding Indonesia
  • Freelance Software Developer
  • Full Stack 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
  • Flutter Developer at Payuni
  • Software Engineer
Shaddam Amru Hasibuan
Shaddam Amru Hasibuan
External Code Reviewer at Dicoding Indonesia
  • Front-end Web Developer
  • Freelance Brand Designer
  • VR/AR Enthusiast
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 Web Developer

Silakan masuk dahulu ke Dicoding untuk dapat mengambil kelas ini

Masuk

Kunjungi Online Store Kami

Kelas ini disusun oleh:

Dicoding Indonesia
Dicoding Indonesia

Decode Ideas
Discover Potentials