Learn, make, publish, repeat.

Pantalk | Impact Hub Zürich  | Oct. 15, 2019

It all started for another ... Pantalk on Oct. 16, 2018

DeckDeckGo

is one year old 🎉

Agenda

  1. ​Web Components today
  2. Rewind one year of development
  3. Takeaway
  4. Q&A

What are Web Components?

(super summarized)

WC are components that work everywhere,  period.

You should

Integrate the same QR code Web Component in React, Angular or Vue

About 8% of all pages use Web components

Mid-2019, Chrome Platform Status

More?
Looking for a logo for your project?

Simply ask your tattoo artist 😉

Designed and offered by Anita  from skinque.com

@deckdeckgo/core 🚀 Oct. 31, 2018

$ npm init stencil

@deckdeckgo/highlight-code 💈 Nov. 2, 2018

create-deckdeckgo ⚒️ Nov. 7, 2018

"I didn't know how to build a npx CLI"

Remote control 🕹️ Oct. 28, 2018

WebRTC

Any tips regarding WebRTC development?

  1. Split your client's code (it makes easier to understand the communication)
  2. You need your own TURN/STUN server

The Gif template 🤣 Dec. 3 2018

# markdown support for developer 📝 Dec. 13, 2018

"How could I parse markdown to JS at build time?"

@deckdeckgo/charts 📊 Dec. 20, 2018

"I was curious to try out D3js "

@deckdeckgo/qrcode 🤳 Dec. 27, 2018 

Timer and local notifications in a PWA ⏳ Jan. 16, 2019

First PRs and support

RTL support 👈 Feb. 3 2019 👉  Abdelaziz Bennouna
 PWA Splash screens 🏞️ Feb. 14. 2019 👉  Justin Noel

DeckDeckGo in any container ... well, I needed a slider for my client project " Our Energy - ETH Zürich " 😉 Feb. 5, 2019

Another custom PWA for the documentation  📚 Feb. 12, 2019 

Nintendo Joy-Con control 👉 Nate Moore   🎮 Feb. 15, 2019

Google Fonts integrated to the CLI and starter kit ✏️ Feb. 21, 2019

Use the force, Luke ✨ Feb. 26 2019

Nicolas Mattia join the core team 😃 Mar. 3 2019

To infinity and beyond ... and to an editor 🚀

First blog post " Environment variables with StencilJS " followed by many others 📓 Mar. 5, 2019

Dev and Medium

@deckdeckgo/inline-editor ✏️ Mar. 7, 2019

First sneak peek of the editor & full screen edition 🔆 Mar. 19, 2019

@deckdeckgo/wai-lambda 🧙‍♂️ Mar. 20, 2019

Haskell servant apps on AWS cloud Lambda

"Don't ask me, no idea - David"

Tenor integrated 😎 Apr. 2 2019

Remote control the editor 📱 Apr. 18, 2019

Code 🤓 May 2, 2019

import {Component, h} from '@stencil/core'; @Component({ tag: 'app-contact', styleUrl: 'app-contact.scss' }) export class AppAbout { render() { return <h1>Hello World</h1>; } }

Bet on the Web  podcast 🎙️ Mai 15, 2019

@deckdeckgo/lazy-img 🌸 Mai 17, 2019

private async init() { if ('loading' in HTMLImageElement.prototype) { await this.platformLazyLoading(); } else if (window && 'IntersectionObserver' in window) { await this.deferIntersectionObserverLoad(); } else { await this.loadImmediately(); } }
Unsplash integrated 🏞️ May 21, 2019

Not a BSoD but the very first presentation published with our editor 😇 Jun. 1, 2019

Towards production 🏃‍♂️ Jul. 2019

  • Web Social Share
  • ​Animated graphs
  • Take photo in the PWA
  • Author template in the editor
  • Reorder slides
  • Screenshots in the cloud

Call for contributors 🙏 Jul. 26, 2019

PRs 👉 Rohit BokadeStefan Nieuwenhuis and Gaurav Mahto

IRL tests and closed beta 🐶 Aug.-Sep. 2019

Call for help to create content 📦 Aug. 28, 2019

Last iterations 🏊‍♂️ Sep. 2019

  • Bugs and features from testers
  • New template "Big image", PR 👉 Noël Macé
  • Help with icons 👉  Natasha Catunda
  • List and reveal (animation)
Finally, it happened...

Take away

It is not about me.

It is not about DeckDeckGo.

It is about

  • ​Learning
  • Making
  • Publishing
  • Repeating
  • It is also about

    ​The awesome open source community 🤩

    Finally it is maybe just all about

    Havin' fun while building stuffs 😉

    Author

    David Dal Busco

    Freelancer by day | Creator of DeckDeckGo by night
    TwitterDevGitHubWeb

    Questions?