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

Menjadi web developer di masa pandemi

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

Irfan Maulana

October 30, 2020
Tweet

More Decks by Irfan Maulana

Other Decks in Programming

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