readme.id.md

Dek Slide Jefrydco

Repositori ini berisi slide dek yang saya gunakan untuk mengisi acara pertemuan komunitas maupun konferensi teknologi

Bahasa

Baca deskripsi ini di bahasa lain:

1. English

Mulai

Menjalankan proyek

$ SRC_SLIDE=<JUDUL_SLIDE> yarn start

Membangun proyek untuk produksi

$ SRC_SLIDE=<JUDUL_SLIDE> yarn build

Ganti JUDUL_ARTIKEL dengan judul artikel yang dapat dilihat pada bagian Host Sendiri di bawah ini.

Host Sendiri

#1 Membuat Sistem Reaktivitas Vue.js Versi Sederhana

Menjalankan proyek

$ SRC_SLIDE=sistem-reaktivitas-vuejs-bagian-1 yarn start

Membangun proyek untuk produksi

$ SRC_SLIDE=sistem-reaktivitas-vuejs-bagian-1 yarn build

Tautan: bit.ly/dek-slide-sistem-reaktivitas-vuejs-1

Poster even:

1. JakartaJS Meetup #56 x Mekari (20 Februari 2020)
2. SurabayaJS Meetup #10 (31 Juli 2020)

Google Slides

Selain menggunakan host sendiri, saya juga terkadang menggunakan Google Slides.

#1 Adaptive Loading - Improving User Experience on Low-end Devices

Tautan: bit.ly/dek-slide-adaptive-loading

Poster even:

1. Chrome Dev Summit Extended Jakarta 2019 (7 Desember 2019)

#2 Vue.js Fundamental

Tautan: bit.ly/slide-vuejs

Video: bit.ly/playback-vuejs

Poster even:

1. Vue.js Fundamental (26 Juli 2020)

#3 Vue.js Intermediate - Build Scalable Vue.js App with VueX

Tautan: bit.ly/vuejs-vuex

Video: bit.ly/playback-vuejs-vuex

Even poster:

1. Vue.js Intermediate (04 October 2020)

#4 Open Source untuk Kaum Rebahan

Tautan: bit.ly/oss-for-laymen

Video: -

Even poster:

1. Jatimdev - OSS for Laymen (25 October 2020)

#5 Simple SEO Recipe for Newbie

Tautan: bit.ly/seo-pemula

Video: Chrome Dev Summit Extended Day 2

Even poster:

1. Simple SEO Recipe for Newbie (23 January 2021)

#6 Uncover Vue 3 Reactivity System

Tautan: bit.ly/slide-vue-3-reactivity

Video: -

Even poster:

1. Uncover Vue 3 Reactivity (24 April 2021)

Jalan Pintas Papan Ketik

Kunci	Deskripsi
Panah Kiri, Page Up, Shift + Space	Pergi ke slide sebelumnya
Panah Kanan, Page Down, Space	Pergi ke slide selanjutnya
Option + v	Aktifkan mode presentasi
Option + o	Aktifkan mode gambaran
Option + g	Aktifkan mode grid

Kerangka Kerja

Proyek ini menggunakan kerangka kerja yang bersumber dari

1. Vue.js
2. Tailwind CSS
3. mdx-vue-deck
4. mdx-deck
5. mdx

Sumber

Sebagian besar kode di proyek ini datang dari mdx-vue-deck. Saya sangat berterima kasih kepada @godkinmo karena telah membuatnya.

Lisensi

Kode sumber tersedia dibawah lisensi MIT.

Konten tersedia dibawah lisensi Creative Commons Non Atribusi Non Komersial Berbagi Serupa.