Skip to content

Commit c56c7c4

Browse files
committed
update site
1 parent 279ff78 commit c56c7c4

File tree

3 files changed

+376
-144
lines changed

3 files changed

+376
-144
lines changed

Twitch.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
---
2+
# This file is best viewed in vscode using vscode-reveal
3+
# https://marketplace.visualstudio.com/items?itemName=evilz.vscode-reveal
4+
title: "Twitch Classes"
5+
logoImg: "logo.svg"
6+
theme : "night"
7+
transition: "slide"
8+
highlightTheme: "monokai"
9+
slideNumber: true
10+
loop: true
11+
autoSlide: 50000
12+
# openButton: false
13+
enableMenu: false
14+
# controlsLayout: 'edges'
15+
# controls: true
16+
enableChalkboard: false
17+
# enableTitleFooter: false
18+
autoSlideStoppable: true
19+
---
20+
21+
<!-- Global site tag (gtag.js) - Google Analytics -->
22+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-176679651-1"></script>
23+
<script>
24+
window.dataLayer = window.dataLayer || [];
25+
function gtag(){dataLayer.push(arguments);}
26+
gtag('js', new Date());
27+
28+
gtag('config', 'UA-176679651-1');
29+
</script>
30+
31+
<link rel="stylesheet" href="theme.css">

index.html

Lines changed: 180 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -264,7 +264,7 @@
264264
<body>
265265

266266
<div id="logo" style="position: fixed; top: 20px; left: 20px; z-index: 1">
267-
<img src="https://raw.githubusercontent.com/HansUXdev/JavaScript-First/2acf5840c15af96602aceb66303ea69c5b75e344/logo.svg" />
267+
<img src="https://hansmcmurdy.com/JavaScript-First/logo.svg" />
268268
</div>
269269

270270

@@ -279,41 +279,39 @@
279279

280280
<section>
281281
<section >
282-
<style>
283-
.line.focus{background:none;font-size: xx-large;color: #5cc4ea;}
284-
.reveal ul{ margin:0 !important;}
285-
.line.focus{background:none;font-size: xx-large;color: #5cc4ea;}
286-
287-
.flex-slide{display:flex}
288-
.column {display: flex;
289-
flex-direction: column;
290-
flex-basis: 100%;
291-
flex: 4;
292-
}
293-
294-
.double-column {
295-
display: flex;
296-
flex-direction: column;
297-
flex-basis: 100%;
298-
flex: 1;
299-
}
300-
.present {}
301-
.flex-slide p.fragment{ font-size: 0.6em; }
302-
303-
h1, h2, h3, h4, h5, h6, p {color:white;}
304-
</style>
282+
<!-- Global site tag (gtag.js) - Google Analytics -->
283+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-176679651-1"></script>
284+
<script>
285+
window.dataLayer = window.dataLayer || [];
286+
function gtag(){dataLayer.push(arguments);}
287+
gtag('js', new Date());
288+
289+
gtag('config', 'UA-176679651-1');
290+
</script>
291+
<link rel="stylesheet" href="theme.css">
292+
<!-- -->
305293
<p align="center">
306294
<a href="https://github.com/users/HansUXdev/sponsorship">
307-
<img src="./logo.svg" style="max-width:50%;" height="300px" alt="JavaScript Logo"/>
295+
<img src="https://hansmcmurdy.com/JavaScript-First/logo.svg" style="max-width:50%;" height="300px" alt="JavaScript Logo"/>
308296
</a>
309297
</p>
310298
<h1 align="center"> JavaScript First</h1>
299+
</section>
300+
301+
<section >
302+
<h3><a id="user-content-what-this-book-covers" class="anchor" href="#what-this-book-covers" aria-hidden="true"></a>What this book covers:</h3>
311303
<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.
312304
</p>
313305
</section>
314306

315307
<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>
308+
<h3><a id="user-content-about-gitpod" class="anchor" href="#about-gitpod" aria-hidden="true"></a>About GitPod</h3>
309+
<p><a href="http://gitpod.io/">GitPod</a> is used to provide readers and students with a <strong>zero-config developer environment</strong> where they can follow along even on a chromebook or tablet.</p>
310+
311+
</section>
312+
313+
<section >
314+
<h3><a id="user-content-read-and-code-along" class="anchor" href="#read-and-code-along" aria-hidden="true"></a>Read and Code Along!</h3>
317315
<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>
318316
<p align="center">
319317
<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>
@@ -322,6 +320,126 @@ <h2><a id="user-content-read-and-code-along" class="anchor" href="#read-and-code
322320

323321
</section>
324322

323+
<section >
324+
<h3><a id="user-content-live-streamed-classes" class="anchor" href="#live-streamed-classes" aria-hidden="true"></a>Live Streamed Classes</h3>
325+
<p>I’m currently using <a href="https://www.twitch.tv/hansoncoding/about">Twitch</a> as a way to deliver free live classes and go through the content of the book every week and collect feedback on it from viewers.</p>
326+
<p>If the buttone below says I’m live, Click it.</p>
327+
<a href="https://www.twitch.tv/hansoncoding" class="Twitch">
328+
<img src="https://img.shields.io/twitch/status/hansoncoding?style=for-the-badge" />
329+
</a>
330+
</section>
331+
332+
<section >
333+
<h3><a id="user-content-local-business-sponsors" class="anchor" href="#local-business-sponsors" aria-hidden="true"></a>LOCAL Business Sponsors</h3>
334+
<p>I live in Arizona and I strongly believe in partnering with local buisnesses to provide job opportunities for new developers.</p>
335+
<div class="block">
336+
<p><strong>What they get:</strong></p>
337+
<ol class="fragment current-only">
338+
<li>I will build them a website live during a <a href="https://github.com/HansUXdev/JS-OSC/tree/master/Code-Red-Challenge">#CodeRedChallenge</a></li>
339+
<li>Ask my followers build their own version as a portfolio item ( job training )</li>
340+
<li><strong>Host an event</strong> where they pick the winner and their new website</li>
341+
</ol>
342+
</div>
343+
344+
</section>
345+
346+
347+
</section>
348+
349+
350+
351+
352+
353+
<section>
354+
<section >
355+
<h3><a id="user-content-who-are-the-current-local-business-sponsors" class="anchor" href="#who-are-the-current-local-business-sponsors" aria-hidden="true"></a>Who are the current LOCAL Business Sponsors</h3>
356+
<p>Here are a few places that have chosen to sponsor me…</p>
357+
<ol>
358+
<li class="fragment"><a href="http://dazzosdoghouse.com/">Dazzos Dog House</a>
359+
<ul>
360+
<li class="fragment">Open: 10:30AM–8PM</li>
361+
<li class="fragment">Call and place an order: 623-934-3536</li>
362+
<li class="fragment">Drive by pickup a Fire Dog:
363+
6143 W Glendale Ave Glendale, Az 85301</li>
364+
</ul>
365+
</li>
366+
<li class="fragment"><a href="">Greenway Barbershop</a>
367+
<ul>
368+
<li class="fragment">Open: 8AM–5:30PM</li>
369+
<li class="fragment">Get a hair cut at:
370+
15410 N 67th Ave #3, Glendale, AZ 85306</li>
371+
</ul>
372+
</li>
373+
</ol>
374+
375+
</section>
376+
377+
<section >
378+
<h3><a id="user-content-supporting-streamers" class="anchor" href="#supporting-streamers" aria-hidden="true"></a>Supporting Streamers</h3>
379+
<p>If you like any of my streams, consider making a PR and nominating me to <a href="https://github.com/andyli/awesome-developer-streams/tree/shields.io#developers-that-stream">awesome developer Streams</a> <a href="https://github.com/sindresorhus/awesome"><img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome"></a></p>
380+
<h4><a id="user-content-here-are-a-few-i-personally-recommend-and-frequently-raid" class="anchor" href="#here-are-a-few-i-personally-recommend-and-frequently-raid" aria-hidden="true"></a>Here are a few I personally recommend and frequently raid:</h4>
381+
<div class="fragment" class="block">
382+
<p>TechnoTim
383+
<a href="https://www.twitch.tv/TechnoTim" class="Twitch">
384+
<img src="https://img.shields.io/twitch/status/TechnoTim?style=for-the-badge" />
385+
</a></p>
386+
<p>whitep4nth3r
387+
<a href="https://www.twitch.tv/whitep4nth3r" class="Twitch">
388+
<img src="https://img.shields.io/twitch/status/whitep4nth3r?style=for-the-badge" />
389+
</a></p>
390+
<p></p>
391+
</div>
392+
393+
</section>
394+
395+
<section >
396+
<h3><a id="user-content-supporting-the-content" class="anchor" href="#supporting-the-content" aria-hidden="true"></a>Supporting the Content</h3>
397+
<p>If you like the any of the content, there are several ways you can show your support without paying a penny.</p>
398+
<div class="fragment current-only" class="block">
399+
<p><strong>Support Open Source:</strong></p>
400+
<p><img src="https://img.shields.io/github/followers/HansUXdev?style=social" alt="GitHub followers"> <img src="https://img.shields.io/twitter/follow/hansonconsult?style=social" alt="Twitter Follow">
401+
<img src="https://img.shields.io/github/stars/HansUXdev/JavaScript-First?style=social" alt="GitHub stars"> <img src="https://img.shields.io/github/forks/HansUXdev/JavaScript-First?style=social" alt="GitHub Forks"></p>
402+
<p></p>
403+
</div>
404+
<div class="fragment current-only" class="block">
405+
<p><strong>Other Content Outlets:</strong></p>
406+
<a href="https://medium.com/@hansOnConsult" class="MEDIUM">
407+
<img src="https://img.shields.io/badge/medium-%2312100E.svg?&style=for-the-badge&logo=medium&logoColor=white" />
408+
</a>
409+
<a href="https://dev.to/hansuxdev" class="DEV TO">
410+
<img src="https://img.shields.io/badge/DEV.TO-%230A0A0A.svg?&style=for-the-badge&logo=dev-dot-to&logoColor=white" />
411+
</a>
412+
<a href="https://www.youtube.com/channel/UCCGfELkPCJg1XHxQfFFz7pw/about" class="YOUTUBE">
413+
<img src="https://img.shields.io/badge/youtube-%23FF0000.svg?&style=for-the-badge&logo=youtube&logoColor=white" />
414+
</a>
415+
<p></p>
416+
</div>
417+
418+
</section>
419+
420+
<section >
421+
<h3><a id="user-content-if-you-got-5-20" class="anchor" href="#if-you-got-5-20" aria-hidden="true"></a>If you got $5-20…</h3>
422+
<h4><a id="user-content-consider-becoming-a-sponsor" class="anchor" href="#consider-becoming-a-sponsor" aria-hidden="true"></a>Consider becoming a sponsor.</h4>
423+
<ol>
424+
<li class="fragment">I do a raffle every month to give back to my supporters to help it grow.</li>
425+
<li class="fragment">Network with school administrators/teachers and industry professional in order to bring tech leaders into the classroom (zoom || in-person). </li>
426+
<li class="fragment">Advocate the adoption of open source certifications in CTE schools. </li>
427+
<li class="fragment">Help donate 4G laptops/tablets to students who are struggling during COVID. </li>
428+
<li class="fragment">Create an affordable educational community that teaches people how to code and helps them achieve success in their careers. </li>
429+
</ol>
430+
<p class="fragment"><a href="https://github.com/users/HansUXdev/sponsorship">Consider becoming a Github Sponsor</a> </p>
431+
<p class="fragment"><a href="https://www.patreon.com/hansOnDevelopment">Consider becoming a Patreon</a></p>
432+
433+
</section>
434+
435+
<section >
436+
<h2><a id="user-content-publishing" class="anchor" href="#publishing" aria-hidden="true"></a>Publishing</h2>
437+
<p>This book will always be free for students and self-taught developers.</p>
438+
<!-- 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. -->
439+
<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>
440+
<!-- <a href="https://patreon.com/hansOnDevelopment"><img src="https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.herokuapp.com%2Fendel%2Fpledgesssss&style=for-the-badge" /> </a> -->
441+
</section>
442+
325443

326444
</section>
327445

@@ -331,7 +449,14 @@ <h2><a id="user-content-read-and-code-along" class="anchor" href="#read-and-code
331449

332450
<section >
333451

334-
452+
<h2><a id="user-content-getting-started" class="anchor" href="#getting-started" aria-hidden="true"></a>Getting Started</h2>
453+
<ol>
454+
<li>Signup for <a href="https://github.com/">Github</a></li>
455+
<li>Go to the <a href="https://github.com/HansUXdev/JavaScript-First">book/course repository</a></li>
456+
<li>Fork it <img src="https://img.shields.io/github/forks/HansUXdev/JavaScript-First?style=social" alt="GitHub Forks"></li>
457+
<li>Open it on GitPod</li>
458+
</ol>
459+
335460
</section>
336461

337462

@@ -357,10 +482,9 @@ <h2><a id="user-content-chapter-1-reteaching-javascript--web-development" class=
357482
<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>
358483
<p>In progress…</p>
359484
<ul>
360-
<li>Learn JavaScript before HTML with node’s HTTP API</li>
485+
<li>Learn JavaScript before HTML by building an HTTP Server with Node.js</li>
361486
<li>Hosting your node.js server with <a href="http://Glitch.io">Glitch.io</a></li>
362487
<li>Build JSON API with Express</li>
363-
<li></li>
364488
</ul>
365489

366490
</section>
@@ -372,11 +496,24 @@ <h2><a id="user-content-chapter-2-introduction-to-web-development-with-http" cla
372496
<section >
373497

374498
<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>
499+
<p>This book is still in <strong>early access</strong> and <strong>open source</strong>. Which means future chapters and sub chapters in this book will be available on github in the <a href="https://github.com/HansUXdev/JavaScript-First/tree/master/00-Drafts">/00-Drafts</a> directory.</p>
500+
<p>Current Content includes:</p>
501+
<ol>
502+
<li><a href="https://github.com/HansUXdev/LearnMongoGitPod">Learn Mongo GitPod</a></li>
503+
<li>War Games CLI Project</li>
504+
<li>Test Driven Development
505+
<ol>
506+
<li>Unit Tests</li>
507+
<li>Users Tests</li>
508+
<li>Responsive Testing</li>
509+
<li>Cross-Browser Testing</li>
510+
</ol>
511+
</li>
512+
<li>React</li>
513+
<li>Data Structures</li>
514+
<li>Algorithms</li>
515+
</ol>
516+
380517
</section>
381518

382519

@@ -385,57 +522,24 @@ <h2><a id="user-content-future-chapters" class="anchor" href="#future-chapters"
385522

386523
<section >
387524

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>
525+
<h2><a id="user-content-road-map" class="anchor" href="#road-map" aria-hidden="true"></a>Road Map</h2>
526+
<p>This is a visual demonstration of a handful of the things I want to cover…
527+
<img src="./JavaScriptRoadmap.drawio.svg" alt=""></p>
398528

399529
</section>
400530

401531

402532

403533

404534

405-
<section>
406535
<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>
536+
537+
<h2><a id="user-content-interaction" class="anchor" href="#interaction" aria-hidden="true"></a>Interaction</h2>
538+
<p>This 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>
539+
<p>I use <a href="https://www.twitch.tv/hansoncoding/about">Twitch</a> as a way to demo new content I’m working on before I do a formal lesson.</p>
540+
<p><a href="https://www.twitch.tv/hansoncoding" class="Twitch"><img src="https://img.shields.io/twitch/status/hansoncoding?style=for-the-badge" /></a></p>
421541

422542
</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>
439543

440544

441545

@@ -472,7 +576,7 @@ <h3><a id="user-content-supporting-awesome-developer-streams" class="anchor" hre
472576
help: true,
473577
showNotes: false,
474578
autoPlayMedia: false,
475-
autoSlide: 500000,
579+
autoSlide: 50000,
476580
autoSlideStoppable: true,
477581
autoSlideMethod: Reveal.navigateNext,
478582
defaultTiming: 120,

0 commit comments

Comments
 (0)