https://github.com/jefrydco/slides-deck
Slides deck which I use to give a talks in community meetup or tech conference
https://github.com/jefrydco/slides-deck
mdx mdx-deck slides tailwindcss vuejs
Last synced: 3 months ago
JSON representation
Slides deck which I use to give a talks in community meetup or tech conference
- Host: GitHub
- URL: https://github.com/jefrydco/slides-deck
- Owner: jefrydco
- License: mit
- Created: 2020-02-19T03:22:06.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2022-12-12T02:17:20.000Z (over 2 years ago)
- Last Synced: 2024-12-27T18:30:38.495Z (5 months ago)
- Topics: mdx, mdx-deck, slides, tailwindcss, vuejs
- Language: JavaScript
- Homepage:
- Size: 20.1 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: readme.id.md
- License: license.md
Awesome Lists containing this project
README
# 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](./readme.md)
## Mulai
Menjalankan proyek
```bash
$ SRC_SLIDE= yarn start
```
Membangun proyek untuk produksi
```bash
$ SRC_SLIDE= yarn build
```
Ganti `JUDUL_ARTIKEL` dengan judul artikel yang dapat dilihat pada bagian [Host Sendiri](#host-sendiri) di bawah ini.
## _Host_ Sendiri
### #1 Membuat Sistem Reaktivitas Vue.js Versi Sederhana
Menjalankan proyek
```bash
$ SRC_SLIDE=sistem-reaktivitas-vuejs-bagian-1 yarn start
```
Membangun proyek untuk produksi
```bash
$ SRC_SLIDE=sistem-reaktivitas-vuejs-bagian-1 yarn build
```
Tautan: [bit.ly/dek-slide-sistem-reaktivitas-vuejs-1](https://bit.ly/dek-slide-sistem-reaktivitas-vuejs-1)
Poster even:
1. [JakartaJS Meetup #56 x Mekari](/public/poster/jakartajs-meetup-56-x-mekari.jpeg) (20 Februari 2020)
2. [SurabayaJS Meetup #10](/poster/surabayajs-meetup-10.png) (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](https://bit.ly/dek-slide-adaptive-loading)
Poster even:
1. [Chrome Dev Summit Extended Jakarta 2019](/public/poster/chrome-dev-summit-extended-jakarta-2019.png) (7 Desember 2019)
### #2 Vue.js Fundamental
Tautan: [bit.ly/slide-vuejs](https://bit.ly/slide-vuejs)
Video: [bit.ly/playback-vuejs](https://bit.ly/playback-vuejs)
Poster even:
1. [Vue.js Fundamental](/poster/himit-vuejs-fundamental.jpeg) (26 Juli 2020)
### #3 Vue.js Intermediate - Build Scalable Vue.js App with VueX
Tautan: [bit.ly/vuejs-vuex](https://bit.ly/vuejs-vuex)
Video: [bit.ly/playback-vuejs-vuex](http://bit.ly/playback-vuejs-vuex)
Even poster:
1. [Vue.js Intermediate](/poster/himit-vuejs-intermediate.jpeg) (04 October 2020)
### #4 _Open Source untuk Kaum Rebahan_
Tautan: [bit.ly/oss-for-laymen](https://bit.ly/oss-for-laymen)
Video: -
Even poster:
1. [Jatimdev - OSS for Laymen](/poster/jatimdev-oss-for-laymen.jpeg) (25 October 2020)
### #5 Simple SEO Recipe for Newbie
Tautan: [bit.ly/seo-pemula](https://bit.ly/seo-pemula)
Video: [Chrome Dev Summit Extended Day 2](https://www.youtube.com/watch?v=TDHM8dpLRCg)
Even poster:
1. [Simple SEO Recipe for Newbie](/poster/gdg-indonesia-cds-extended-day-2.jpeg) (23 January 2021)
### #6 Uncover Vue 3 Reactivity System
Tautan: [bit.ly/slide-vue-3-reactivity](https://bit.ly/slide-vue-3-reactivity)
Video: -
Even poster:
1. [Uncover Vue 3 Reactivity](/poster/tutorteknik-uncover-vue-3-reactivity.jpeg) (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](https://vuejs.org)
2. [Tailwind CSS](https://tailwindcss.com/)
4. [mdx-vue-deck](https://github.com/godkinmo/mdx-vue-deck)
5. [mdx-deck](https://github.com/jxnblk/mdx-deck)
6. [mdx](https://mdxjs.com/)
## Sumber
Sebagian besar kode di proyek ini datang dari [mdx-vue-deck](https://github.com/godkinmo/mdx-vue-deck). Saya sangat berterima kasih kepada [@godkinmo](https://github.com/godkinmo) karena telah membuatnya.
## Lisensi
Kode sumber tersedia dibawah lisensi [MIT](https://choosealicense.com/licenses/mit/).
Konten tersedia dibawah lisensi [Creative Commons Non Atribusi Non Komersial Berbagi Serupa](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.id).