mirror of
https://github.com/JeremyLikness/vanillajs-deck
synced 2024-12-04 19:27:37 +00:00
First draft complete!
This commit is contained in:
parent
cc5b061d76
commit
86a24e7b46
BIN
images/jeremyavatar-cropped.jpg
Normal file
BIN
images/jeremyavatar-cropped.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
@ -29,3 +29,5 @@
|
|||||||
this.full = full;
|
this.full = full;
|
||||||
this.back = this.computed(() => `${full.value.split('').reverse().join('')}`, [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
21
slides/210-pwa.html
Normal 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
17
slides/220-wrapup.html
Normal 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
6
slides/230-end.html
Normal 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>
|
Loading…
Reference in New Issue
Block a user