First draft complete!

This commit is contained in:
Jeremy Likness 2020-01-30 14:21:02 -08:00
parent cc5b061d76
commit 86a24e7b46
5 changed files with 47 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -28,4 +28,6 @@
const full = this.computed(() => `${first.value} ${last.value}`.trim(), [first, last]);
this.full = full;
this.back = this.computed(() => `${full.value.split('').reverse().join('')}`, [full]);
</script>
</script>
<next-slide>210-pwa</next-slide>
<transition>slide-left</transition>

21
slides/210-pwa.html Normal file
View File

@ -0,0 +1,21 @@
<title>Progressive Web Applications</title>
<h1>Progressive Web Applications (PWA)</h1>
<div class="center">
<div class="card appear" repeat="pwa">
<span>{{item}}</span>
</div>
</div>
<h2 class="appear">PWA Demo</h2>
<script>
this.pwa = [
"💾 Install as Local Apps",
"📶 Reliable (even Offline)",
"🏃‍♀️ Fast (Cache)",
"📃 Manifest",
"👷‍♀️ Service Worker",
"🆗 Install, Activate",
"📂 Pre-cache",
"↗ Intercept Fetch"
];
</script>
<next-slide>220-wrapup</next-slide>

17
slides/220-wrapup.html Normal file
View File

@ -0,0 +1,17 @@
<h1>Final Considerations</h1>
<title>Final Considerations</title>
<h3 class="appear" repeat="final">{{item}}</h3>
<script>
this.final = [
"✅ Modern JavaScript is great, but...",
"🔃 Databinding is not built in",
" Types and interfaces are useful (TypeScript)",
"🚫 Not all packages support ES6 modules",
"↔ It's tough to keep the UI and State in Sync",
"📚 Declarative solutions reduce error and scale",
"🎁 Packaging solutions can keep footprint reasonable",
"‼ Know your stack inside and out!"
];
</script>
<next-slide>230-end</next-slide>
<transition>fade</transition>

6
slides/230-end.html Normal file
View File

@ -0,0 +1,6 @@
<title>The End</title>
<img src="images/jeremyavatar-cropped.jpg" title="Jeremy Likness" alt="Jeremy Likness"/>
<h1>The End</h1>
<h2>👀 Run the app: <a href="https://jlik.me/vanilla-js">https://jlik.me/vanilla-js</a></h2>
<h2>💾 Access the source: <a href="https://github.com/JeremyLikness/vanillajs-deck">https://github.com/JeremyLikness/vanillajs-deck</a></h2>
<h2>📝 Learn more at my blog: <a href="https://blog.jeremylikness.com/">https://blog.jeremylikness.com/</a></h2>