Menjadi web developer di masa pandemi

Menceritakan bagaimana caranya memulai untuk menjadi web developer terutama di masa pandemi seperti sekarang dari sudut pandang saya pribadi sebagai web developer

Transcript

1. Menjadi Web
   Developer
   Di Masa Pandemi
   Irfan Maulana
   Principal Engineer - Web Platform @ Tokopedia
   

   View Slide

2. Halo, Saya Irfan Maulana
   Kalian bisa menemukan saya di jejaring sosial daring
   > mazipan.space
   > mazipan.space/s/gh
   > mazipan.space/s/tw
   > mazipan.space/s/fb
   > mazipan.space/s/in
   

   View Slide

3. Karir Saya
   2013 2015 2018 2019
   2013
   Java Web Developer
   2015
   Frontend Devs
   2018
   Frontend Devs
   2019
   Principal Eng
   

   View Slide

4. Apa yang akan kita bahas?
   - Stereotipe mengenai web developer
   - Kenapa menjadi web developer?
   - Web 101
   - Membuat web personal dengan cepat dan murah
   - Dari mana kita bisa memulainya?
   - Bagaimana agar karir terus menanjak?
   - Di masa pandemi, apa yang bisa dikerjakan?
   

   View Slide

5. Stereotipe mengenai
   web developer
   Image by pexels.com
   

   View Slide

6. View Slide

7. View Slide

8. View Slide

9. - Pekerjaan susah dipahami orang di sekitar?
   - Bisa menyelesaikan semua masalah IT?
   - Bisa mengerjakan segala urusan web?
   - Anti sosial?
   - Susah berkomunikasi?
   - Memusingkan? Atau malah mengasyikan?
   Mari validasi!
   

   View Slide

10. Kenapa menjadi web
    developer?
    Image by pexels.com
    

    View Slide

11. Kenapa menjadi web dev?
    ● Bisa dipelajari sendiri, cukup mudah, bisa secara daring,
    bahkan (sebenarnya) bisa dicapai tanpa kuliah
    ● Bisa membuat web untuk membantu menyelesaikan masalah
    ● Peluang pekerjaan yang semakin banyak
    ● Sangat mungkin untuk kerja remote ke luar negeri
    ● Bisa juga buat menawarkan jasa IT solution sendiri
    ● Jenjang karir masih terbuka lebar
    

    View Slide

12. Web 101
    Image by pexels.com
    

    View Slide

13. Pengguna
    Mengakses
    peramban
    Web Server
    BE App
    FE App
    DB
    Icons by iconfinder.com
    

    View Slide

14. View Slide

15. Backend Frontend
    Java
    Go
    PHP
    Python
    Ruby
    C
    etc...
    HTML
    CSS
    JavaScript
    

    View Slide

16. Backend Frontend
    APIs
    Authentication &
    authorization
    DB
    Cache System
    Messaging
    Web Security
    CI/CD
    Containerization
    etc...
    Layouting
    Interaction
    Data Fetching
    UI Kit
    Web Performance
    CI/CD
    etc...
    

    View Slide

17. Membuat web personal
    dengan cepat dan
    murah
    Image by pexels.com
    

    View Slide

18. Pengguna
    Mengakses
    peramban
    Web Server
    Static Web
    Icons by iconfinder.com
    

    View Slide

19. Static Web
    Terdiri dari HTML, CSS, JavaScript , images, dll.
    Tidak ada sumber daya dinamis
    

    View Slide

20. Beli domain murah
    meriah
    Hanya
    14rb/
    tahun
    

    View Slide

21. Alur pembuatan web
    murah meriah
    Custom Domain
    Custom Redirect
    Custom Header
    CI/CD
    Support SSR/SSG/ISR
    Serverless Functions
    Alternatif:
    > Netlify ✅
    > Surge.sh ✅
    > Github Pages ✅
    > Firebase Hosting ✅
    

    View Slide

22. Dari mana memulainya?
    Image by pexels.com
    

    View Slide

23. Dari mana memulainya?
    https://roadmap.sh/frontend
    

    View Slide

24. Dari mana memulainya?
    Bingung?
    Mulai aja dulu!
    

    View Slide

25. View Slide

26. Bloom
    Taxonomy
    

    View Slide

27. Temukan motivasi
    kalian sendiri
    https://mazipan.space/s/cerita-saya
    

    View Slide

28. Fokus ke fundamental
    

    View Slide

29. Banyak mencoba,
    pantang menyerah
    

    View Slide

30. Belajarnya
    berkesinambungan
    

    View Slide

31. Bagaimana agar karir
    terus menanjak?
    Image by pexels.com
    

    View Slide

32. Maksimalkan waktu dan
    tenaga untuk menghasilkan
    dampak terbaik
    

    View Slide

33. Pastikan pekerjaan kita bisa
    diukur dengan data
    

    View Slide

34. Jangan lengah, pastikan kita
    tetap relevan dengan industri
    https://mazipan.space/s/belajar-js
    

    View Slide

35. Bangun jaringan dengan orang
    lain
    https://mazipan.space/s/berkomunitas
    

    View Slide

36. Bagikan, dan kamu akan lebih
    diakui
    

    View Slide

37. Di masa pandemi, apa
    yang bisa dikerjakan?
    Image by pexels.com
    

    View Slide

38. Koding bisa dikerjakan dari
    mana saja, atur beban
    pekerjaan dengan lebih baik
    

    View Slide

39. Mulai berbagi & belajar walau
    secara daring
    

    View Slide

40. Kontribusi ke khalayak ramai
    sebisa kita
    

    View Slide

41. Luangkan waktu berdiskusi
    bersama walau secara daring
    

    View Slide

42. https://twitter.com/resir014/status/1236300292485828608
    

    View Slide

43. Slide ini tersedia di:
    mazipan.space/s/slide/intech-fest
    

    View Slide

44. Terima Kasih.
    

    View Slide