Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Berkarir Sebagai Frontend Developer

Berkarir Sebagai Frontend Developer

PHPID Online Learning #12

73eeac32b9932a63ed361f1ff5c5e92a?s=128

Randy Vianda Putra

April 28, 2020
Tweet

Transcript

  1. Berkarir Sebagai Frontend Developer PHPID Online Learning #12

  2. Randy Vianda Putra, live in Bandung -Lead Frontend Engineer @WorkLifeBeyond

    -Instructor @SekolahFrontend Hello modulloe@gmail.com github.com/randyviandaputra @randyvp
  3. Let’s Start

  4. Agenda ?

  5. 1. Kesalahpahaman mengenai kompleksitas Frontend Developer 2. Mengetahui apa itu

    Frontend Developer. 3. Mengetahui masalah apa saja yang dihadapi Frontend Developer. 4. Gambaran dan Karir seorang Frontend Developer. 5. Bagaimana menjadi Frontend Developer yang baik 6. Bagaimana memulainya ?
  6. Apa kesalahpahaman mengenai Frontend Developer ?

  7. - Harus jago photoshop, adobe xd, sketch, .… Paint -

    Mengganggap HTML, CSS itu mudah - Mengganggap ngerubah wording itu mudah. bener ? - Mengganggap memindahkan sesuatu dari A ke B mudah - Mengganggap itu mah tinggal margin, padding, dst doang
  8. Apa itu Frontend Developer ?

  9. Frontend developer adalah pengembang website yang menggunakan baris kode HTML,

    CSS, dan JavaScript untuk menghasilkan website dengan tampilan yang menarik. Dan juga mengolah desain murni menjadi website yang interaktif dengan pengguna.
  10. “ “Seorang frontend developer harus memastikan tampilan website sesuai dengan

    yang disepakati dengan desainer, baik dari segi tampilan maupun fungsionalitas.”
  11. Kenapa perlu Frontend Developer ?

  12. Human Resource Marketing - Dunia periklanan di internet tumbuh -

    Layanan yang ada memerlukan mobile web solution - Data yang besar perlu divisualisasikan - Dari situ permintaan pekerjaan terhadap frontend developer sangat banyak. - Challenging
  13. Seperti apa peluang karir sebagai Frontend Developer ?

  14. - Cukup Popular - Learning path yang cukup mudah -

    Banyak dicari di perusahaan startup
  15. Frontend Developer yang gimana sih yang dicari saat ini? ?

  16. Non Teknis - Mempunyai fundamental yang kuat - Mau belajar

    - Mempunyai pemahaman tentang UI/UX - Harus Aktif
  17. Teknis - Memahami Html, css, javascript - Memahami tentang Responsive

    Design - Memahami Framework Css dan Javascript - Memahami cara mengconsume API - Memahami Version Control System (Git) - Memahami Testing/Debugging - Memahami Browser Developer Tools - Memahami Collaboration tools - Memahami tentang optimasi tools/website
  18. Seperti Apa Pekerjaannya? ?

  19. - Menentukan struktur dan desain halaman website - Memastikan desain

    web mampu memaksimalkan user experience - Melakukan optimasi agar tetap cepat dan terus dapat dikembangkan - Membuat style guide - Memastikan konsistensi branding melalui desain website - Bekerja sama dengan ui/ux, backend developer untuk melakukan coding dan troubleshooting
  20. None
  21. None
  22. None
  23. None
  24. Bagaimana menjadi Frontend Developer yang baik ? ?

  25. None
  26. - Detail - Berpikir panjang - Haus akan pengetahuan -

    Dapat berkomunikasi dengan baik - Dapat bekerja tim - Mempunyai time management yang baik - Good programming skill - Mengetahui kapan harus optimasi - Good testing skill
  27. Bagaimana memulainya ? ?

  28. “ 1. Apakah kita tertarik dengan desain ? 28

  29. “ 2. Apakah kita peduli dengan hal detail ? 29

  30. “ 3. Apakah kita ingin mempelajari hal-hal baru? 30

  31. “ 4. Selalu mencoba dan berlatih 31

  32. “ 5. Jangan batasi diri kita untuk melakukan sesuatu yang

    baik 32
  33. “ 6. Sering berurusan dengan banyak masalah cross-browser. 33

  34. “ 7. Sering ketemu masalah yang ga logis seperti CSS

    34
  35. “ 8. Pasti mengulangi atau melakukan hal sama 35

  36. “ 9. Kita harus menerima kode orang lain 36

  37. Teknologi - Pelajari HTML, CSS, JavaScript Referensi : https:/ /www.w3schools.com/

    https:/ /developer.mozilla.org/id/docs/Web/JavaScript https:/ /javascript.info/ - Pelajari HTML5, CSS3, JavaScript Lanjutan, Framework CSS & JavaScript - Pelajari Grid system, teknik responsive design - Pelajari mengenai peningkatan performa - Pelajari mengenai visualisasi data
  38. Tools yang sering di pakai

  39. Links - https:/ /frontendmasters.com/books/front-end-handbook/2019/ - https:/ /www.w3schools.com/ - https:/ /developer.mozilla.org/id/docs/Web/JavaScript

    - https:/ /javascript.info/ - https:/ /github.com/kamranahmedse/developer-roadmap/blob/master/img/fro ntend.png?year-2020-2 - https:/ /frontendchecklist.io/
  40. 40 Thanks Any questions? You can find me on github

    : @randyviandaputra