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

Bagaimana implementasi mockup design

Bagaimana implementasi mockup design

Menceritakan bagaimana sebuah mockup design bisa sampai ke dalam web

Irfan Maulana

November 26, 2021
Tweet

More Decks by Irfan Maulana

Other Decks in Programming

Transcript

  1. 👋 Penyangkalan Saya tidak mewakili Tokopedia, jadi segala materi dalam

    sesi kali ini bukan datang dari Tokopedia, melainkan pendapat pribadi saya. Beberapa materi merupakan pendapat pribadi yang bisa jadi sesuai ataupun tidak sesuai dengan kondisi kalian, segala resiko dari kesalahan penerjemahan maksud dari isi materi bukanlah menjadi tanggung jawab saya. Materi ini dimaksudkan untuk kegiatan belajar bersama, dan tidak untuk dikomersialkan.
  2. 2008 2009 2009-2013 2013 2008 Lulus SMK Akuntansi 2009 2009-2013

    2013 Pekerjaan formal pertama: Kasir swalayan populer Kuliah di UMJ Sembari kerja di Pabrik Roti Pekerjaan pertama sebagai programmer ksana.in/mzp.cerita-saya
  3. 2013 2015 2018 2019 2013-2015 Java Web Developer 2015-2018 Frontend

    Devs 2018-2019 Frontend Devs 2019-present Principal Eng
  4. 👋 Pekerjaan di sekitar software development Developer Data Cyber Security

    DevOps/Cloud/SRE Network/SysOps QA/TE IOT Engineer Performance Eng Dan lainnya... IT Support AI/ML Engineer DBA
  5. • Gap buat pemula cukup rendah • Dasar-dasarnya sudah diajarkan

    di kampus • Bisa dipelajari sendiri, cukup mudah, bisa secara daring • Lebih mudah mendistribusikan portofolio • Lebih bisa dilihat hasil kerjanya • Bisa membangun multi platform Apps dengan web • Sudah punya daya saing yang cukup baik dengan developer lainnya dalam memberikan dampak
  6. Backend Frontend APIs Authentication & authorization DB Cache System Messaging

    Web Security CI/CD Containerization etc... Layouting Interaction Data Fetching UI Kit Performance CI/CD etc...
  7. Persiapan: - Pilih framework - Bangun design system/UI Kit sederhana

    - Slicing HTML+CSS berdasarkan spesifikasi design - Tambahkan interaksi - Jahit dengan data (jika diperlukan)