Jefrydco Slides Deck

This repository contains slides deck which I use to give a talks in community meetup or tech conference.

Languages

Read this description in another languages:

1. Bahasa Indonesia

Getting Started

Running the project

$ SRC_SLIDE=<SLIDE_TITLE> yarn start

Building the project for production

$ SRC_SLIDE=<SLIDE_TITLE> yarn build

Change SLIDE_TITLE to the slide title which can be found on Self-hosted below.

Self-hosted

#1 Membuat Sistem Reaktivitas Vue.js Versi Sederhana

Running the project

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

Building the project for production

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

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

Event poster:

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

Google Slides

Besides of using self-hosted, sometimes I also use Google slides.

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

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

Event poster:

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

#2 Vue.js Fundamental

Link: bit.ly/slide-vuejs

Video: bit.ly/playback-vuejs

Event poster:

1. Vue.js Fundamental (26 July 2020)

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

Link: bit.ly/vuejs-vuex

Video: bit.ly/playback-vuejs-vuex

Event poster:

1. Vue.js Intermediate (04 October 2020)

#4 Open Source untuk Kaum Rebahan

Link: bit.ly/oss-for-laymen

Video: -

Event poster:

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

#5 Simple SEO Recipe for Newbie

Link: bit.ly/seo-pemula

Video: Chrome Dev Summit Extended Day 2

Event poster:

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

#6 Uncover Vue 3 Reactivity System

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

Video: -

Event poster:

1. Uncover Vue 3 Reactivity (24 April 2021)

Keyboard Shortcut

Key	Description
Arrow Left, Page Up, Shift + Space	Go to previous slide
Arrow Right, Page Down, Space	Go to next slide
Option + v	Toggle Presentation Mode
Option + o	Toggle Overview Mode
Option + g	Toggle Grid Mode

Framework

This project uses framework from

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

Source

Most of the code in this project is coming from mdx-vue-deck. I'm really thankful to @godkinmo for creating it.

License

Source code is available under MIT license.

Content is available under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International license.