Skip to content

Commit 279ff78

Browse files
HansUXdevHansUXdev
committed
update presentations
1 parent f2f26ad commit 279ff78

File tree

25 files changed

+10026
-2432
lines changed

25 files changed

+10026
-2432
lines changed

‎export/index.html renamed to ‎01-Reteaching-JavaScript/05-logging-datatype/export/index.html

Lines changed: 11 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<meta charset="utf-8">
66

7-
<title>JavaScript First</title>
7+
<title>log</title>
88

99
<meta name="description" content="">
1010
<meta name="author" content="">
@@ -277,8 +277,8 @@
277277

278278

279279

280-
<section>
281280
<section >
281+
282282
<style>
283283
.line.focus{background:none;font-size: xx-large;color: #5cc4ea;}
284284
.reveal ul{ margin:0 !important;}
@@ -302,143 +302,19 @@
302302

303303
h1, h2, h3, h4, h5, h6, p {color:white;}
304304
</style>
305-
<p align="center">
306-
<a href="https://github.com/users/HansUXdev/sponsorship">
307-
<img src="./logo.svg" style="max-width:50%;" height="300px" alt="JavaScript Logo"/>
308-
</a>
309-
</p>
310-
<h1 align="center"> JavaScript First</h1>
311-
<p align="center">In this book, you'll learn how to code with JavaScript using the node.js runtime environment rather than a browser and by the end, you will build a server and a website using JavaScript.
312-
</p>
313-
</section>
314-
315-
<section >
316-
<h2><a id="user-content-read-and-code-along" class="anchor" href="#read-and-code-along" aria-hidden="true"></a>Read and Code Along!</h2>
317-
<p>Just click the button above or the GIF below. Phone, Tablet, Mac, Windows, Linux, Chromebook, as long as GitPod runs, you can learn how to code, anywhere!</p>
318-
<p align="center">
319-
<a href="https://gitpod.io/#https://github.com/HansUXdev/JavaScript-First"><img src="http://gitpod.io/button/open-in-gitpod.svg" alt="Gray shape shifter" height="50px"/></a>
320-
</p>
321-
<p>GitPod is used to provide my readers with a zero-config developer environment where they can follow along even on a chromebook or tablet. It will also allow you to do things like learn mongodb,</p>
322-
323-
</section>
324-
325-
326-
</section>
327-
328-
329-
330-
331-
332-
<section >
333-
334-
335-
</section>
336-
337-
338-
339-
340-
341-
<section >
342-
343-
<h2><a id="user-content-chapter-1-reteaching-javascript--web-development" class="anchor" href="#chapter-1-reteaching-javascript--web-development" aria-hidden="true"></a>Chapter 1: Reteaching JavaScript &amp; Web Development</h2>
344-
<p><a href="https://medium.com/javascript-in-plain-english/a-brief-history-of-javascript-9289a4d344d2?source=friends_link&amp;sk=e99b98fd76bf99dcc6fd1a85e60b4721">History of JavaScript</a></p>
345-
<p><a href="https://medium.com/javascript-in-plain-english/what-do-you-really-know-about-variables-data-types-and-immutability-in-javascript-1730835a9e87?source=friends_link&amp;sk=f71e5c38da34456f55ed813b23d4ed78">Learning Terminal, NVM &amp; Node.js</a></p>
346-
<p><a href="">Types of Functions</a></p>
347-
<p><a href="">logging datatypes</a></p>
348-
349-
</section>
350-
351-
352-
353-
354-
355-
<section >
356-
357-
<h2><a id="user-content-chapter-2-introduction-to-web-development-with-http" class="anchor" href="#chapter-2-introduction-to-web-development-with-http" aria-hidden="true"></a>Chapter 2: Introduction to Web Development with HTTP</h2>
358-
<ul>
359-
<li>Learn JavaScript before HTML with node’s HTTP API</li>
360-
<li>Hosting your node.js server with <a href="http://Glitch.io">Glitch.io</a></li>
361-
<li></li>
362-
<li>Build JSON API with Express</li>
363-
<li>S</li>
364-
</ul>
305+
<h1><a id="user-content-logging-datatypes" class="anchor" href="#logging-datatypes" aria-hidden="true"></a>Logging Datatypes</h1>
306+
<p>This section is still in progress…</p>
307+
<h3><a id="user-content-learning-objectives" class="anchor" href="#learning-objectives" aria-hidden="true"></a>Learning Objectives</h3>
308+
<ol>
309+
<li>Identify primitive types and non-primitive objects with console</li>
310+
<li>Explain the null bug and how to check for it.</li>
311+
<li>Demonstrate conditional logic by creating JS functions to check the datatype</li>
312+
</ol>
365313

366314
</section>
367315

368316

369317

370-
371-
372-
<section >
373-
374-
<h2><a id="user-content-future-chapters" class="anchor" href="#future-chapters" aria-hidden="true"></a>Future Chapters</h2>
375-
<p>This book is still in <strong>early access</strong> and is designed to provide an <strong>interactive experiance</strong> through <a href="http://gitpod.io/">GitPod</a>, <a href="https://www.codetogether.com/">codetogether</a>, <a href="https://gitduck.com/">gitduck</a> and other means of activities that facilitate remote learning.</p>
376-
<p>I plan to use <a href="https://www.twitch.tv/hansoncoding/about">Twitch</a> as a way to go through the content of the book every week and collect feedback on it from viewer in fun, interactive ways.</p>
377-
<a href="https://www.twitch.tv/hansoncoding" class="Twitch">
378-
<img src="https://img.shields.io/twitch/status/hansoncoding?style=for-the-badge" />
379-
</a>
380-
</section>
381-
382-
383-
384-
385-
386-
<section >
387-
388-
<h2><a id="user-content-for-more-content" class="anchor" href="#for-more-content" aria-hidden="true"></a>For more content:</h2>
389-
<a href="https://medium.com/@hansOnConsult" class="MEDIUM">
390-
<img src="https://img.shields.io/badge/medium-%2312100E.svg?&style=for-the-badge&logo=medium&logoColor=white" />
391-
</a>
392-
<a href="https://dev.to/hansuxdev" class="DEV TO">
393-
<img src="https://img.shields.io/badge/DEV.TO-%230A0A0A.svg?&style=for-the-badge&logo=dev-dot-to&logoColor=white" />
394-
</a>
395-
<a href="https://www.youtube.com/channel/UCCGfELkPCJg1XHxQfFFz7pw/about" class="YOUTUBE">
396-
<img src="https://img.shields.io/badge/youtube-%23FF0000.svg?&style=for-the-badge&logo=youtube&logoColor=white" />
397-
</a>
398-
399-
</section>
400-
401-
402-
403-
404-
405-
<section>
406-
<section >
407-
<h2><a id="user-content-publishing" class="anchor" href="#publishing" aria-hidden="true"></a>Publishing</h2>
408-
<p>As always, you’ll be able to read this book online entirely for free.</p>
409-
<!-- This edition of the books is being self-published through [GetiPub](https://geti.pub) publishing. The published books will be made available for sale through normal book retail sources. -->
410-
<p>If you’d like to contribute financially towards the effort creating this book, please consider following me on <a href="https://medium.com/@HansOnConsult">medium</a>, reading the articles on there and clapping / sharing them actually help more than you’d think.</p>
411-
412-
</section>
413-
414-
<section >
415-
<h2><a id="user-content-sponsor" class="anchor" href="#sponsor" aria-hidden="true"></a>Sponsor</h2>
416-
<p>You can also contribute more significantly by becoming a direct sponsor please consider these options:</p>
417-
<ul>
418-
<li><a href="https://github.com/users/HansUXdev/sponsorship">Github Sponsorship</a></li>
419-
<li><a href="https://www.patreon.com/hansOnDevelopment">Patreon</a></li>
420-
</ul>
421-
422-
</section>
423-
424-
<section >
425-
<h3><a id="user-content-supporting-awesome-developer-streams" class="anchor" href="#supporting-awesome-developer-streams" aria-hidden="true"></a>Supporting Awesome Developer Streams <a href="https://github.com/sindresorhus/awesome"><img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome"></a></h3>
426-
<p>Dive deep into the ocean of <a href="https://github.com/andyli/awesome-developer-streams/tree/shields.io#developers-that-stream">awesome Streamer</a>.</p>
427-
<a href="https://www.twitch.tv/TechnoTim" class="Twitch">
428-
TechnoTim
429-
<img src="https://img.shields.io/twitch/status/TechnoTim?style=for-the-badge" />
430-
</a>
431-
<a href="https://www.twitch.tv/shemicalx" class="Twitch">
432-
shemicalx
433-
<img src="https://img.shields.io/twitch/status/shemicalx?style=for-the-badge" />
434-
</a>
435-
</section>
436-
437-
438-
</section>
439-
440-
441-
442318
</div>
443319

444320

@@ -472,7 +348,7 @@ <h3><a id="user-content-supporting-awesome-developer-streams" class="anchor" hre
472348
help: true,
473349
showNotes: false,
474350
autoPlayMedia: false,
475-
autoSlide: 500000,
351+
autoSlide: 5000,
476352
autoSlideStoppable: true,
477353
autoSlideMethod: Reveal.navigateNext,
478354
defaultTiming: 120,

‎01-Reteaching-JavaScript/05-logging-datatype/export/libs/highlight.js/9.12.0/monokai.css

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
/*
2+
Monokai style - ported by Luigi Maselli - http://grigio.org
3+
*/
4+
5+
.hljs {
6+
display: block;
7+
overflow-x: auto;
8+
padding: 0.5em;
9+
background: #272822; color: #ddd;
10+
}
11+
12+
.hljs-tag,
13+
.hljs-keyword,
14+
.hljs-selector-tag,
15+
.hljs-literal,
16+
.hljs-strong,
17+
.hljs-name {
18+
color: #f92672;
19+
}
20+
21+
.hljs-code {
22+
color: #66d9ef;
23+
}
24+
25+
.hljs-class .hljs-title {
26+
color: white;
27+
}
28+
29+
.hljs-attribute,
30+
.hljs-symbol,
31+
.hljs-regexp,
32+
.hljs-link {
33+
color: #bf79db;
34+
}
35+
36+
.hljs-string,
37+
.hljs-bullet,
38+
.hljs-subst,
39+
.hljs-title,
40+
.hljs-section,
41+
.hljs-emphasis,
42+
.hljs-type,
43+
.hljs-built_in,
44+
.hljs-builtin-name,
45+
.hljs-selector-attr,
46+
.hljs-selector-pseudo,
47+
.hljs-addition,
48+
.hljs-variable,
49+
.hljs-template-tag,
50+
.hljs-template-variable {
51+
color: #a6e22e;
52+
}
53+
54+
.hljs-comment,
55+
.hljs-quote,
56+
.hljs-deletion,
57+
.hljs-meta {
58+
color: #75715e;
59+
}
60+
61+
.hljs-keyword,
62+
.hljs-selector-tag,
63+
.hljs-literal,
64+
.hljs-doctag,
65+
.hljs-title,
66+
.hljs-section,
67+
.hljs-type,
68+
.hljs-selector-id {
69+
font-weight: bold;
70+
}

0 commit comments

Comments
 (0)