Speed Round
Episode 2
- Share passwords securely
- Notion app
- Coding game
- Deno
- Youtube randomizer
- Monorepos with NX
- Deployment strategies - branch vs trunk
-
Why Write Small CLs?
What does “CL” mean? - Highlight line numbers in slides
<!DOCTYPE html>
<html class="sl-root sl-editor decks edit" data-editor-version="2" data-account="default" data-visibility="all" >
<head>
<meta name="viewport" content="user-scalable=no, viewport-fit=cover" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Edit: Weekly sharing, episode 2</title>
<meta name="description" content="Slides">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<link rel="manifest" href="/manifest.json">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic" rel="stylesheet" type="text/css" data-application-font="opensans">
<link rel="stylesheet" media="all" href="//assets.slid.es/assets/slides/slides-bdecdb9d1bd594d8363319a2c80bb2b1bbc1c0b419e73fcf547354738a67ce6d.css" />
<link rel="stylesheet" media="all" href="//assets.slid.es/assets/application-516c7b47153005e4cc91e0a5b1741fd8617a94afd269f10ad57186397b70c0e9.css" />
<link rel="stylesheet" media="all" href="//assets.slid.es/assets/editor-v2-c430969f7d0831800dbf16be9069a646668799f5699d71b9c88e8fe80c895f84.css" />
<link rel="stylesheet" media="all" href="//assets.slid.es/assets/deck-v2-d9510a11ec1cc3fbe5ab9e663cdcb0fad857fe4c01cc6b4547d817c69b6d01cc.css" />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="g+BVkrEZzlAY+0e1xm2qfxcKFFb6YD9E174bkSFj+qN+chzrO8hvcurAI5WxMrpUKa9wCD6GXPLXhrm2zd1x/g==" />
<script type="text/javascript">
if( navigator.doNotTrack !== '1' && !/dnt=1/.test( window.location.search ) ) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-39670045-1', 'auto');
ga('send', 'pageview');
}
</script>
<style id="user-css-output" type="text/css"></style>
<script id="user-css-input" type="text/template"></script>
</head>
<body>
<div class="page-loader visible">
<div class="page-loader-inner">
<div class="page-loader-spinner"></div>
<p class="page-loader-message">Loading</p>
</div>
</div>
<div class="page-wrapper">
<div class="preview-controls">
<button class="button preview-controls-button preview-controls-exit grey l" data-tooltip="Resume editing" data-tooltip-direction="b" data-tooltip-delay="1000">
<span class="icon i-pen-alt2"></span>
</button>
<button class="button preview-controls-button preview-controls-deck-view grey l" href="#" data-tooltip="Open deck..." data-tooltip-direction="b">
<span class="icon i-tv"></span>
</button>
</div>
<div class="sidebar">
<div class="primary">
<button class="button preview" data-tooltip-delay="500" data-tooltip-alignment="r"><span class="icon i-eye"></span></button>
<button class="button undo" data-tooltip-delay="500" data-tooltip-alignment="r"><span class="icon i-undo"></span></button>
<button class="button save disabled is-saved" data-tooltip-delay="500" data-tooltip-alignment="r">
<span class="icon download i-disk"></span>
<span class="icon check i-checkmark"></span>
<span class="spinner centered" data-spinner-radius="7" data-spinner-length="4" data-spinner-width="2" data-spinner-color="#bbbbbb"></span>
</button>
</div>
<div class="secondary">
<a class="button present" data-tooltip-alignment="r" href="#"><span class="icon i-play"></span></a>
<button class="button publish" data-tooltip="Visibility" data-tooltip-alignment="r"><span class="icon i-unlock-stroke"></span></button>
<button class="button settings" data-tooltip="Presentation settings" data-tooltip-alignment="r"><span class="icon i-cog"></span><span class="close icon i-x"></span></button>
<button class="button style" data-tooltip="Style" data-tooltip-alignment="r"><span class="icon i-brush"></span><span class="close icon i-x"></span></button>
<button class="button arrange no-arrow" data-tooltip="Arrange slides" data-tooltip-alignment="r"><span class="icon i-layers"></span><span class="close icon i-x"></span></button>
<button class="button revisions" data-tooltip="Revision history" data-tooltip-alignment="r"><span class="icon i-clock"></span><span class="close icon i-x"></span></button>
<button class="button import" data-tooltip="Import" data-tooltip-alignment="r"><span class="icon i-cloud_upload"></span><span class="close icon i-x"></span></button>
<button class="button export" data-tooltip="Export" data-tooltip-alignment="r"><span class="icon i-cloud_download"></span><span class="close icon i-x"></span></button>
<button class="button medialibrary" data-tooltip="Media" data-tooltip-alignment="r"><span class="icon i-photo-library"></span></button>
<button class="button share" data-tooltip="Share" data-tooltip-alignment="r"><span class="icon i-share"></span><span class="close icon i-x"></span></button>
<button class="button more-options"><span class="more-options-dot"></span><span class="more-options-dot"></span><span class="more-options-dot"></span></button>
</div>
<div class="scroll-shadow-top"></div>
<div class="scroll-shadow-bottom"></div>
<header class="global-header ">
<div class="wrapper">
<div class="slides-logo logo-animation">
<a class="symbol" href="/">
<div class="box-1"></div>
<div class="box-2"></div>
<div class="box-3"></div>
</a>
<a class="word" href="/"></a>
</div>
<div class="nav-wrapper">
<ul class="nav">
<li class="nav-item " data-page-id="home/explore">
<a class="nav-item-anchor" href="/explore"><span class="nav-item-label wide">Explore</span></a>
</li>
<li class="nav-item">
<a class="nav-item-anchor" href="/webtalkto/new"><span class="nav-item-label">New deck</span></a>
</li>
<li class="nav-item overflow-disabled profile-button">
<a class="nav-item-anchor" href="/webtalkto">
<span class="nav-item-label">webtalkto</span>
<span class="nav-item-burger">
<span class="nav-item-burger-1"></span>
<span class="nav-item-burger-2"></span>
<span class="nav-item-burger-3"></span>
</span>
</a>
</li>
</ul>
</div>
</div>
</header>
</div>
<div class="sidebar-panel">
<section class="sl-deck-settings settings">
<div class="panel-body sl-form">
<h2>Settings</h2>
<div class="unit text title">
<label for="deck[title]">Title</label>
<input id="deck-input-title" name="deck[title]" size="30" type="text" placeholder="Title" class="xl" maxlength="200" />
</div>
<div class="unit text slug">
<div class="prefixed-input">
<div class="prefix text-faded"><span class="text-prefix"></span></div>
<input id="deck-input-slug" name="deck[slug]" size="30" type="text" placeholder="URL" class="l" maxlength="200" />
</div>
</div>
<div class="unit text description">
<label for="deck[description]">Description</label>
<textarea id="deck-input-description" name="deck[description]" rows="4" maxlength="1400" placeholder="This will appear next to your deck"></textarea>
</div>
<div class="unit text autoslide">
<label for="deck[autoslide]">Auto-slide</label>
<select class="sl-select" id="deck-input-autoslide" name="deck[autoslide]"></select>
</div>
<div class="toggles">
<div class="sl-checkbox flush-left">
<input id="settings-slide_number" value="slide_number" type="checkbox">
<label for="settings-slide_number">
Slide numbers
<span class="inline-description">Show the current slide number in the bottom right corner.<span>
</label>
</div>
<div class="sl-checkbox flush-left">
<input id="settings-share_notes" value="share_notes" type="checkbox">
<label for="settings-share_notes">
Share notes
<span class="inline-description">Let viewers see your speaker notes by overlaying them on top of the deck.<span>
</label>
</div>
<div class="sl-checkbox flush-left">
<input id="settings-loop" value="should_loop" type="checkbox">
<label for="settings-loop">
Loop presentation
<span class="inline-description">Make the last slide loop back to the first.<span>
</label>
</div>
<div class="sl-checkbox flush-left">
<input id="settings-shuffle" value="shuffle" type="checkbox">
<label for="settings-shuffle">
Shuffle slides
<span class="inline-description">Randomize the order of slides each time this deck loads.<span>
</label>
</div>
<div class="sl-checkbox flush-left rtl-wrapper">
<input id="settings-rtl" value="rtl" type="checkbox">
<label for="settings-rtl">
Right-to-left
<span class="inline-description">Make content flow right-to-left.<span>
</label>
</div>
<div class="sl-checkbox flush-left hide-when-visibility-self hide-when-visibility-team">
<input id="settings-comments_enabled" value="comments_enabled" type="checkbox">
<label for="settings-comments_enabled">
Comments
<span class="inline-description">Allow comments on this deck.<span>
</label>
</div>
<div class="sl-checkbox flush-left hide-when-visibility-self hide-when-visibility-team">
<input id="settings-forking_enabled" value="forking_enabled" type="checkbox">
<label for="settings-forking_enabled">
Forking
<span class="inline-description">Allow others to make copies of this deck.<span>
</label>
</div>
<div class="sl-checkbox flush-left">
<input id="settings-upsizing_enabled" value="upsizing_enabled" type="checkbox">
<label for="settings-upsizing_enabled">
Upsizing
<span class="inline-description">Allow this presentation to scale up to fit any display size. Note: presentations aren't scaled while editing.<span>
</label>
</div>
</div>
</div>
<footer class="panel-footer">
<button class="button cancel grey xl">Cancel</button>
<button class="button save xl">Save</button>
</footer>
</section>
<section class="style">
<div class="panel-body">
</div>
<footer class="panel-footer">
<a class="button left black-30 xl" href="/pricing" data-tooltip="Upgrade to Pro to gain access to the CSS editor. Click to learn more about our plans." data-tooltip-maxwidth="290">CSS editor (Pro)</a>
<button class="button cancel grey xl">Cancel</button>
<button class="button save xl">Save</button>
</footer>
</section>
<section class="export">
<div class="panel-body sl-form">
<div class="section promotion">
<h2>ZIP, PDF and Dropbox Sync</h2>
<p>
With a paid account you can export your decks to PDF or ZIP. ZIP exports contain everything you need to run the presentation offline, including speaker notes and animations, while PDF is great for printing.
</p>
<p>
You can also sync your work to Dropbox, giving you automated offline access.
</p>
<a class="button l upgrade-button" href="/pricing">View plans & upgrade</a>
</div>
<div class="section download-html">
<h2>Export HTML</h2>
<p>
Download the HTML source of your deck. The exported file does not include external assets, such as images, and is not suitable for offline use.
</p>
<button class="button download-html-button l">Download HTML</button>
</div>
<div class="section download-reveal">
<h2>Export to reveal.js</h2>
<p>
Presentation made with Slides are powered by the <a href="https://github.com/hakimel/reveal.js" target="_blank">reveal.js</a> open source presentation framework. This export lets you migrate your slide content to a fresh reveal.js install.
</p>
<button class="button l reveal-export-generator">Show export instructions</button>
<div class="reveal-export-instructions">
<p>
1. <a href="https://github.com/hakimel/reveal.js/archive/master.zip" target="_blank">Download a copy</a> of the reveal.js framework and make the following edits to its <strong>index.html</strong>.
</p>
2. In the <strong><head></strong>, replace the theme CSS <link> with:
<textarea class="deck-css-contents" readonly></textarea>
3. In the <strong><body></strong>, replace the <div class="reveal"> node with:
<textarea class="deck-html-contents" readonly></textarea>
4. In the <strong>Reveal.initialize</strong> call towards the bottom of your index.html, append these config values:
<textarea class="deck-reveal-config" readonly></textarea>
</div>
</div>
</div>
<footer class="panel-footer">
<button class="button close xl grey">Close</button>
</footer>
</section>
<section class="import">
<div class="panel-body sl-form">
<div class="section import-from-file">
<h2>Import from PDF or PowerPoint</h2>
<p>
Upload a PDF or PPT document to import all contained pages. Imported slides are converted to images, meaning inner content such as text can not be edited.
</p>
<div class="import-from-file-button button disabled l">Loading...</div>
</div>
<div class="section import-from-reveal">
<h2>Import from reveal.js</h2>
<p>
Paste the HTML source of a <a href="http://github.com/hakimel/reveal.js" target="_blank">reveal.js</a> presentation below to import all contained slides. Note that the formatting of imported content can differ since Slides and reveal.js use different themes.
</p>
<textarea class="import-input" placeholder="Insert reveal.js markup..."></textarea>
<div class="import-status">
<span class="icon"></span>
<span class="text"></span>
<button class="button outline white l proceed">Import</button>
</div>
</div>
</div>
<footer class="panel-footer">
<button class="button close xl grey">Close</button>
</footer>
</section>
<section class="share">
<div class="panel-body sl-form">
<div class="contents"></div>
</div>
<footer class="panel-footer">
<button class="button close xl grey">Close</button>
</footer>
</section>
<section class="revisions">
<div class="panel-body">
<h2>Revision History</h2>
<ul class="version-list"></ul>
<p class="loading"><span class="spinner" data-spinner-color="#222222"></span></p>
<p class="empty">Once your deck has been saved a few times you'll see a record of each saved version here. You'll be able to preview or roll back to any of those versions.</p>
<p class="error">Please try again by closing and re-opening this panel.</p>
</div>
<footer class="panel-footer">
<div class="panel-info" data-tooltip="Revisions are automatically deleted after six months." data-tooltip-maxwidth="300"><span class="icon i-info"></span></div>
<button class="button close xl grey">Close</button>
</footer>
</section>
</div>
<article class="projector">
<div class="reveal-viewport theme-font-palatino theme-color-asphalt-orange notranslate">
<div class="reveal">
<div class="slides-viewport">
<div class="slides">
<section data-id="5fabacacb58a24ad5cfb3c7e6760f299"><div class="sl-block" data-block-type="text" style="width: 806px; left: 77px; top: 301.5px; height: auto;" data-block-id="dec2f1b6364ca3631f9f3e1af923bb06"><div class="sl-block-content" data-placeholder-tag="h1" data-placeholder-text="Title Text" dir="ui">
<h1>Weekly sharing</h1>
</div></div></section><section data-id="beba49297b943346915d62609900c58c"><div class="sl-block" data-block-type="text" style="width: 800px; left: 80px; top: 70px; height: auto;" data-block-id="86c796ac2fe3b14a4f67859aa02cde6c"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10; text-align: left;">
<ul>
<li class="visible"><a href="https://pwpush.com/" target="_blank">Share passwords securely</a></li>
<li class="fragment" data-fragment-index="0"><a href="https://www.notion.so/" target="_blank">Notion app</a></li>
<li class="fragment" data-fragment-index="1"><a href="https://www.codingame.com/home" target="_blank">Coding game</a></li>
<li class="fragment" data-fragment-index="2"><a href="https://deno.land/" target="_blank">Deno</a></li>
<li class="fragment" data-fragment-index="3"><a href="https://youtube-playlist-randomizer.valami.info/" target="_blank">Youtube randomizer</a></li>
<li class="fragment" data-fragment-index="4"><a href="https://nx.dev/" target="_blank">Monorepos with NX</a></li>
<li class="fragment" data-fragment-index="5">Deployment strategies - branch vs trunk</li>
<li class="fragment" data-fragment-index="6">
<a href="https://google.github.io/eng-practices/review/developer/small-cls.html" target="_blank">Why Write Small CLs?</a><br>
<span style="font-size:0.7em"><a href="https://stackoverflow.com/questions/25716920/what-does-cl-mean-in-commit-message-what-does-it-stand-for" target="_blank">What does “CL” mean?</a></span>
</li>
<li class="fragment" data-fragment-index="7"><a href="https://slides.com/news/code-line-numbers/" target="_blank"><span style="font-size:1.0em">Highlight line numbers in slides</span></a></li>
</ul>
</div></div></section><section data-id="51d1de386c38e5ab6468bb0746876d37"><div class="sl-block" data-block-type="code" data-block-id="7be716a0a3ce17365ef2fe82193484d8" style="width: 500px; height: 300px; left: 259.091px; top: 200px;"><div class="sl-block-content notranslate" data-highlight-theme="monokai" data-code-frame="none" style="z-index: 10;"><pre><code data-line-numbers=""></code></pre></div></div></section>
</div>
</div>
</div>
</div>
<div class="icon add-horizontal-slide" data-tooltip-alignment="l" data-tooltip-delay="1500">
<span class="icon i-plus"></span>
</div>
<div class="icon add-vertical-slide" data-tooltip-alignment="t" data-tooltip-delay="1500">
<span class="icon i-plus"></span>
</div>
</article>
</div>
<script>
var SLDeckCount = 5;
</script>
<script>
UserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='//widget.uservoice.com/f7sH7NavrjjvuGxByaw.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();
UserVoice.push(['set', {
accent_color: '#448dd6',
trigger_color: 'white',
trigger_background_color: 'rgba(46, 49, 51, 0.6)',
position: 'automatic'
}]);
UserVoice.push(['identify', {
email: "webtalktoronto@gmail.com",
name: "webTalk TO",
id: "1252745",
type: "default",
created_at: 1579551162
}]);
</script>
<script>
var SLConfig = {"current_user":{"id":1252745,"username":"webtalkto","name":"webTalk TO","description":null,"thumbnail_url":"https://lh3.googleusercontent.com/a-/AAuE7mAx1O1TOq-xwxnnJhL4l5hh0ZXyeAWhtoGhsJTh","paid":false,"pro":false,"lite":false,"team_id":null,"settings":{"id":4722026,"present_controls":true,"present_upsizing":true,"present_pointer":false,"present_notes":true,"default_deck_tag_id":null,"editor_grid":true,"editor_grid_on_top":false,"editor_snap":true,"editor_fixed_notes":false,"developer_mode":false,"speaker_layout":null,"speaker_theme":null,"phone_number":null,"phone_country_code":null,"media_sources":null,"export_controls":null,"export_slide_number":null,"export_slide_notes":null,"export_separate_fragments":null},"email":"webtalktoronto@gmail.com","notify_on_receipt":true,"billing_address":null,"billing_vat_id":null,"editor_tutorial_completed":true,"manually_upgraded":false,"deck_user_editor_limit":null,"storage_used":127088,"storage_limit":262144000},"deck":{"id":1700823,"slug":"weekly-sharing-episode-2","title":"Weekly sharing, episode 2","description":"","width":960,"height":700,"margin":0.05,"visibility":"all","published_at":"2020-01-26T04:16:04.994Z","sanitize_messages":null,"thumbnail_url":"https://s3.amazonaws.com/media-p.slid.es/thumbnails/244d06c8458c848c52b263b7b50aee16/thumb.jpg?1580062720","view_count":1,"user":{"id":1252745,"username":"webtalkto","name":"webTalk TO","description":null,"thumbnail_url":"https://lh3.googleusercontent.com/a-/AAuE7mAx1O1TOq-xwxnnJhL4l5hh0ZXyeAWhtoGhsJTh","paid":false,"pro":false,"lite":false,"team_id":null,"settings":{"id":4722026,"present_controls":true,"present_upsizing":true,"present_pointer":false,"present_notes":true,"default_deck_tag_id":null}},"background_transition":"slide","transition":"slide","theme_id":null,"theme_font":"palatino","theme_color":"asphalt-orange","auto_slide_interval":0,"comments_enabled":true,"forking_enabled":true,"rolling_links":false,"center":false,"shuffle":false,"should_loop":false,"share_notes":false,"slide_number":false,"slide_count":3,"rtl":false,"version":2,"collaborative":false,"deck_user_editor_limit":null,"data_updated_at":1580070576366,"font_typekit":null,"font_google":null,"time_limit":null,"upsizing_enabled":true,"notes":{}},"user":{"id":1252745,"username":"webtalkto","name":"webTalk TO","description":null,"thumbnail_url":"https://lh3.googleusercontent.com/a-/AAuE7mAx1O1TOq-xwxnnJhL4l5hh0ZXyeAWhtoGhsJTh","paid":false,"pro":false,"lite":false,"team_id":null,"settings":{"id":4722026,"present_controls":true,"present_upsizing":true,"present_pointer":false,"present_notes":true,"default_deck_tag_id":null}}};
</script>
<script src="//assets.slid.es/assets/application-7340019528a19bc36a8276bb889c9c7b8dfdc92c9e1e301e72cc2e7309bafd8c.js"></script>
<script src="//assets.slid.es/assets/editor-v2-61033b1f9368597925787cb1d39921b50d59e56d26412030e10b8c7267038719.js"></script>
<script src="//assets.slid.es/assets/deck-2d6832da34f1846e0dbb4285d0762e1316f18146d5741904722cba3144fe71c1.js"></script>
<script src="//assets.slid.es/assets/reveal-plugins/highlight/highlight-b5c6d43bbf910796caa682bf590d9808f27504526d34fcf1f007f6168fce50d0.js"></script>
<script src="//assets.slid.es/ckeditor/ckeditor.js?t=1"></script>
</body>
</html>
Speed round, episode 2
By webTalkTO
Speed round, episode 2
- 300
