Berkarir Sebagai Frontend Developer

PHPID Online Learning #12

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
24. Bagaimana menjadi Frontend Developer yang baik ? ?
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