Skip to content

Commit 3583226

Browse files
dumbNicknamedumbNickname
committed
Mark keywords - part 1.
1 parent 5f0b1f9 commit 3583226

File tree

1 file changed

+30
-30
lines changed

1 file changed

+30
-30
lines changed

‎index.html‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -439,11 +439,11 @@ <h1 style="font-size: 4.1em;" class="flippedColor" >dilemma</h1>
439439
<section>
440440
<h3>AppCache lottery</h3>
441441
<ul class="no-bullets">
442-
<li>Files always come from cache</li>
443-
<li>Application updates only on manifest content change</li>
444-
<li>Additional not alternative cache</li>
445-
<li>Non-cached resources do not load on cached page</li>
446-
<li>lack of JavaScript API</li>
442+
<li>Files <span class="secondaryColor">always</span> come from cache</li>
443+
<li>Application updates <span class="secondaryColor">only</span> on manifest <span class="secondaryColor">content change</span></li>
444+
<li>Additional <span class="secondaryColor">not</span> alternative cache</li>
445+
<li><span class="secondaryColor">Non-cached</span> resources do <span class="secondaryColor">not load</span> on <span class="secondaryColor">cached</span> page</li>
446+
<li><strong><span class="secondaryColor">Lack of JavaScript API</span></strong></li>
447447
</ul>
448448
</section>
449449

@@ -459,19 +459,19 @@ <h3>localStorage / sessionStorage</h3>
459459
<div class="fragment fade-out" data-fragment-index="1">
460460
<h3>localStorage</h3>
461461
<ul class="no-bullets">
462-
<li>Storing smaller amounts of data</li>
463-
<li>Single persistent object called localStorage</li>
464-
<li>NoSQL key-value store</li>
462+
<li>Storing <span class="secondaryColor">smaller</span> amounts of data</li>
463+
<li><span class="secondaryColor">Single</span> persistent object called localStorage</li>
464+
<li><span class="secondaryColor">NoSQL</span> key-value store</li>
465465
<li>Sync API</li>
466-
<li>Poor performance for complex data</li>
466+
<li><span class="secondaryColor">Poor</span> performance for <span class="secondaryColor">complex</span> data</li>
467467
</ul>
468468
</div>
469469
</div>
470470
<div style="margin-top: 1em;" class="fragment fade-in" data-fragment-index="1">
471471
<h3>sessionStorage</h3>
472472
<ul class="no-bullets">
473-
<li>similar to localStorage</li>
474-
<li>cleans when window/tab closed</li>
473+
<li>Similar to <span class="secondaryColor">localStorage</span></li>
474+
<li><span class="secondaryColor">Cleans</span> when window/tab closed</li>
475475
</ul>
476476
</div>
477477
</div>
@@ -481,25 +481,25 @@ <h3>sessionStorage</h3>
481481
<section>
482482
<h3>IndexedDB</h3>
483483
<ul class="no-bullets">
484-
<li>Low-level API for client-side storage</li>
485-
<li>For significant amounts of structured data</li>
486-
<li>High performance searches of this data</li>
487-
<li>Transactional database system</li>
488-
<li>JavaScript-based object-oriented database</li>
489-
<li>Operations done async</li>
490-
<li>Famous from complex API</li>
484+
<li><span class="secondaryColor">Low-level API</span> for client-side storage</li>
485+
<li>For <span class="secondaryColor">significant</span> amounts of <span class="secondaryColor">structured</span> data</li>
486+
<li><span class="secondaryColor">High performance</span> searches of this data</li>
487+
<li><span class="secondaryColor">Transactional</span> database system</li>
488+
<li>JavaScript based <span class="secondaryColor">object-oriented</span> database</li>
489+
<li>Operations done <span class="secondaryColor">async</span></li>
490+
<li>Famous from <strong><span class="secondaryColor">complex</span></strong> API</li>
491491
</ul>
492492
</section>
493493

494494
<section>
495495
<h3>'Cache' interface</h3>
496496
<ul class="no-bullets">
497-
<li>Storage mechanism for Request / Response object pairs</li>
498-
<li>Exposed to window and workers</li>
499-
<li>Items do not get updated unless explicitly requested</li>
500-
<li>Items don’t expire unless deleted</li>
501-
<li>Origin can have multiple, named Cache objects</li>
502-
<li>You as a dev need to purge Cache entries</li>
497+
<li>Storage mechanism for <span class="secondaryColor">Request / Response object pairs</span></li>
498+
<li>Exposed to <span class="secondaryColor">window</span> and <span class="secondaryColor">workers</span></li>
499+
<li>Items <span class="secondaryColor">do not</span> get updated <span class="secondaryColor"> unless explicitly</span> requested</li>
500+
<li>Items <span class="secondaryColor">don’t expire</span> unless deleted</li>
501+
<li>Origin can have <span class="secondaryColor">multiple</span>, named Cache objects</li>
502+
<li><span class="secondaryColor">You</span> as a dev need to <span class="secondaryColor">purge</span> Cache entries</li>
503503
</ul>
504504
</section>
505505

@@ -515,9 +515,9 @@ <h1 style="font-size: 2.7em;" class="flippedColor" >to the devs!</h1>
515515
<section>
516516
<h3>Service Workers</h3>
517517
<ul class="no-bullets">
518-
<li>Give developers the moving parts to solve their problems</li>
519-
<li>Alow to create own caching patterns</li>
520-
<li>Can only be used over HTTPS (excluding localhost)</li>
518+
<li>Give developers the <span class="secondaryColor">moving parts</span> to solve their problems</li>
519+
<li>Alow to create <span class="secondaryColor">own caching patterns</span></li>
520+
<li>Can only be used over <span class="secondaryColor">HTTPS</span> (excluding localhost)</li>
521521
<li>Hijack connections</li>
522522
<li>Fabricate, and filter responses</li>
523523
</ul>
@@ -535,9 +535,9 @@ <h1 style="font-size: 4em;" class="secondaryColor" >workers?</h1>
535535
<h3>Workers</h3>
536536
<ul class="no-bullets">
537537
<li>Isolated thread</li>
538-
<li>Code contained in separate file (async download)</li>
539-
<li>Communication via message passing - postMessage()</li>
540-
<li>Messages copied, not shared</li>
538+
<li>Code contained in <span class="secondaryColor">separate file</span> (async download)</li>
539+
<li>Communication via message passing - <span class="secondaryColor">postMessage()</span></li>
540+
<li>Messages <span class="secondaryColor">copied</span>, not shared</li>
541541
<li>Same Origin</li>
542542
</ul>
543543
</section>

0 commit comments

Comments
 (0)