Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit f5f620d

Browse files
committedSep 18, 2020
add assets
1 parent 73dea3a commit f5f620d

File tree

4 files changed

+616
-0
lines changed

4 files changed

+616
-0
lines changed
 

‎Twitch.md

Lines changed: 312 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,312 @@
1+
---
2+
# This file is best viewed in vscode using vscode-reveal
3+
# https://marketplace.visualstudio.com/items?itemName=evilz.vscode-reveal
4+
title: "Welcome to the Twitch Class"
5+
logoImg: "logo.svg"
6+
theme : "night"
7+
transition: "slide"
8+
highlightTheme: "monokai"
9+
# slideNumber: true
10+
# loop: true
11+
autoSlide: 200000
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+
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous"> -->
31+
<link rel="stylesheet" href="./theme.css">
32+
33+
34+
### About the Streamer
35+
36+
<div class="flex-slide">
37+
38+
:::block
39+
<p align="center">
40+
<a href="https://github.com/users/HansUXdev/sponsorship">
41+
<img src="https://hansmcmurdy.com/JavaScript-First/assets/fancyPhoto.jpg" style="max-width:50%;" height="200px" alt="JavaScript Logo"/>
42+
</a>
43+
</p>
44+
45+
```javascript
46+
const fullname = {first:"Brett", middle:"Hans", last:"McMurdy"}
47+
let {middle} = fullname;
48+
let name = middle;
49+
console.log(name);
50+
```
51+
{.column}
52+
:::
53+
54+
:::block
55+
My name is "Hans" . {.fragment .current-only .xxlg data-code-focus=4-5 }
56+
57+
I've be coding for 5+ years and my last full time job was teaching #JavaScript in public high school as a certified Career and Technical Education (CTE) teacher. {.fragment .current-only .lg}
58+
59+
{.double-column}
60+
:::
61+
62+
</div>
63+
64+
--
65+
66+
<!-- ### Today's Class.. -->
67+
<!-- Today is a free day for me to live code whatever I want. {.fragment .current-only } -->
68+
69+
#### Today's Lesson: How to rapidly design and prototype a website with @drawio @FoundationCSS @GitPod.
70+
71+
72+
{.fragment}
73+
74+
<div class="flex-slide">
75+
76+
:::block
77+
What you need to do in order to follow along ! {.fragment .xlg}
78+
79+
1. Join me in Twitch chat !
80+
2. Use these slides: hansmcmurdy.com/JavaScript-First/Twitch.html {.fragment}
81+
3. These will be updated before and after the live stream {.fragment}
82+
4. Open up Chrome and install the extension from [gitpod](https://chrome.google.com/webstore/detail/gitpod-dev-environments-i/dodmmooeoklaejobgleioelladacbeki). {.fragment}
83+
5. Signup for [Github](https://github.com/) and sign into the account {.fragment}
84+
6. Find the foundation template: https://github.com/foundation/foundation-zurb-template {.fragment}
85+
7. Click the **fork button** to make your own copy.{.fragment}
86+
8. Click the **GitPod button** that appears with the chrome extension above. {.fragment}
87+
9. Open it on GitPod {.fragment}
88+
10. Follow along as best as you can and shout out to me in chat if I'm going to fast. {.fragment}
89+
11. Video to pre {.fragment}
90+
<!-- 8. Fork it ![GitHub Forks](https://img.shields.io/github/forks/HansUXdev/JavaScript-First?style=social) {.fragment} -->
91+
<!-- - [ ] -->
92+
{.column }
93+
:::
94+
95+
:::block
96+
Things I'll talk about: {.fragment}
97+
98+
1. What is @gitHub VS @GitPod {.fragment}
99+
2. What is @drawio {.fragment}
100+
3. What is @FoundationCSS, web & email {.fragment}
101+
4. How to use the Foundation CLI {.fragment}
102+
5. How to use GitPod & Configure it for the above {.fragment}
103+
104+
{.double-column .fragment}
105+
:::
106+
107+
108+
</div>
109+
110+
---
111+
112+
#JavaScriptFirst
113+
114+
Most of my content is for an **Open Source Book** based off **state standards**, geared toward students and able to be **run on low end hardware** such as a table, old PC or even a raspbery pi (with GitPod). {.fragment}
115+
116+
There will eventually be a **teacher-version** that could be adopted in other schools, bootcamps, universities who become contributors (financially or code / content contributors). {.fragment}
117+
118+
<p align="center">
119+
<a href="https://github.com/users/HansUXdev/sponsorship">
120+
<img src="https://hansmcmurdy.com/JavaScript-First/logo.svg" style="max-width:50%;" height="300px" alt="JavaScript Logo"/>
121+
</a>
122+
</p>
123+
124+
Learn more about the content by scrolling down
125+
126+
--
127+
128+
### What this book covers:
129+
This content is still in **early access** and **open source**.
130+
The content is made to be **open source curriculum**. {.fragment}
131+
132+
You will 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. {.fragment}
133+
134+
135+
Content will ALWAYS be free for STUDENTS. {.fragment}
136+
137+
A live version of the first two chapters is available on [twitch.tv/hansoncoding](https://www.twitch.tv/hansoncoding/about). {.fragment}
138+
139+
It takes a **blended learning approach** . {.fragment}
140+
141+
[![Twitch Status ](https://img.shields.io/twitch/status/hansoncoding?style=for-the-badge)](https://www.twitch.tv/hansoncoding) {.fragment}
142+
143+
If the button ^ is live, click it and join free classes online, otherwise follow. {.fragment}
144+
145+
--
146+
147+
148+
### My Approach
149+
I to apply the CTE model toward teaching as well as to the way I develop my content.
150+
151+
![CTE](CTE.drawio.svg)
152+
153+
---
154+
155+
### Blooms
156+
This is a visual illustration of how I approach learning objectives using bloom's taxonomy.
157+
158+
![](blooms.drawio.svg)
159+
160+
--
161+
162+
## Objectives of the course
163+
Teach anyone 16+ how to code a website, server and mobile app using **JavaScript**.
164+
165+
--
166+
167+
### About GitPod
168+
[GitPod](http://gitpod.io/) is used to provide readers and students with a **zero-config developer environment** where they can follow along even on a chromebook or tablet.
169+
170+
This is helps provide an **interactive experiance** through [codetogether](https://www.codetogether.com/), [gitduck](https://gitduck.com/) and other means of activities that facilitate remote learning.
171+
172+
<p align="center">
173+
<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>
174+
</p>
175+
176+
---
177+
178+
### #JavaScriptFirst Content
179+
180+
Read more about the current [Version 0.1](https://hansmcmurdy.com/JavaScript-First/#/2) or scroll down for more info.
181+
182+
--
183+
184+
#### Chapter 1: Reteaching JavaScript & Web Development
185+
186+
> **Objective:** Students should know the syntax of JavaScript and how to use variables, hoisting, objects, functions, etc {.fragment .current-only }
187+
188+
| Lessons | Type |
189+
|-------------|:-----------:|
190+
| [History of JavaScript](https://medium.com/javascript-in-plain-english/a-brief-history-of-javascript-9289a4d344d2) | Article |
191+
| [Learning Terminal, NVM, Git & Node.js](https://medium.com/swlh/terminal-basics-and-installing-nvm-node-js-631cf9476ac4) | Activity |
192+
| [JavaScript Datatypes](https://medium.com/javascript-in-plain-english/what-do-you-really-know-about-variables-data-types-and-immutability-in-javascript-1730835a9e87?source=friends_link&sk=f71e5c38da34456f55ed813b23d4ed78) | Code Along |
193+
| [Types of Functions](01-Reteaching-JavaScript/04-TypesOfFunctions/FunctionTypes/index.html) | Code Along |
194+
| Logging Datatypes | Exercise |
195+
| War Game? | Exercise |
196+
197+
[View the whole chapter](/01-Reteaching-JavaScript/Overview.html) {.fragment .current-only }
198+
199+
--
200+
201+
#### Chapter 2: Introduction to Web Development with HTTP
202+
> **Objective:** Students will build their first website and deploy it by the end of the chapter. {.fragment .current-only }
203+
204+
| Lessons | Type |
205+
|-------------|:-----------:|
206+
| Learn HTML by building an HTTP Server with Node.js | Exercise |
207+
| Build a dynamic Website with Vanilla.js with Functions & Template Strings | Exercise |
208+
| Deploying a Dynamic site with HTTPS & Open SSL | Exercise |
209+
210+
211+
--
212+
213+
#### Chapter 3: Test Driven Development
214+
> **Objective:** Students will learn how to write tests for code challenges and to automate front-end testing tasks. {.fragment .current-only }
215+
216+
| Lessons | Type |
217+
|--------------------------------|:-----------:|
218+
| Writing Unit Tests | Exercise |
219+
| Automate Responsive Testing with puppeteer | Exercise |
220+
| Automate Cross-Browser with puppeteer | Exercise |
221+
| Build a Twitter Bot | Exercise |
222+
223+
--
224+
225+
226+
### Future Chapters
227+
Future chapters and sub chapters in this book will be available on github in the [/00-Drafts](https://github.com/HansUXdev/JavaScript-First/tree/master/00-Drafts) directory.
228+
229+
Current Content may include:
230+
1. [Learn Mongo GitPod](https://github.com/HansUXdev/LearnMongoGitPod) {.fragment}
231+
2. War Games CLI Project {.fragment}
232+
3. React {.fragment}
233+
4. Data Structures {.fragment}
234+
5. Algorithms {.fragment}
235+
236+
---
237+
238+
### Wecome to class...
239+
240+
{.fragment}
241+
242+
<div class="flex-slide">
243+
244+
:::block
245+
246+
1. Open up the Content:
247+
hansmcmurdy.com/JavaScript-First/ {.fragment}
248+
2. These Slide: hansmcmurdy.com/JavaScript-First/Twitch.html {.fragment}
249+
250+
{.column}
251+
:::
252+
253+
:::block
254+
1. Signup for [Github](https://github.com/) {.fragment}
255+
2. Go to the [course repository](https://github.com/HansUXdev/JavaScript-First) at github.com/HansUXdev/JavaScript-First{.fragment}
256+
3. Fork it ![GitHub Forks](https://img.shields.io/github/forks/HansUXdev/JavaScript-First?style=social) {.fragment}
257+
4. Open it on GitPod {.fragment}
258+
5. Follow along in text (readme files or [medium](https://medium.com/@HansOnConsult)) or video ([twitch](https://www.twitch.tv/hansoncoding) / [youtube](https://www.youtube.com/channel/UCCGfELkPCJg1XHxQfFFz7pw/about)) {.fragment}
259+
260+
{.double-column}
261+
:::
262+
263+
264+
</div>
265+
266+
--
267+
268+
### Supporting the Content
269+
If you like the any of the content, there are several ways you can show your support without paying a penny.
270+
271+
**Support Open Source:**
272+
273+
[![GitHub followers](https://img.shields.io/github/followers/HansUXdev?style=social)](https://github.com/HansUXdev?tab=followers) [![GitHub followers](https://img.shields.io/github/stars/HansUXdev/JavaScript-First?style=social)](https://github.com/HansUXdev/JavaScript-First/stargazers)
274+
275+
Tweet about it using the hashtag #JavaScriptFirst
276+
<!-- You can also consider becoming a supporter in order to help motivate me to do a bunch more awesome stuff. -->
277+
278+
---
279+
280+
281+
### Why should consider becoming a sponsor:
282+
283+
<div class="flex-slide">
284+
285+
:::block
286+
287+
1. **Raffle** every month to give back to my supporters to help it grow.
288+
{.fragment }
289+
290+
2. Network with school administrators/teachers and industry professional in order to **bring tech leaders into the classroom** (zoom || in-person). {.fragment }
291+
292+
3. Advocate the adoption of **open source certifications** in CTE schools. {.fragment }
293+
294+
{.column}
295+
:::
296+
297+
298+
:::block
299+
300+
4. Help donate 4G laptops/tablets to students who are struggling during COVID. {.fragment }
301+
302+
5. Create an affordable educational community that teaches people how to code and helps them achieve success in their careers. {.fragment }
303+
304+
{.double-column}
305+
:::
306+
307+
</div>
308+
309+
310+
[Consider becoming a Github Sponsor](https://github.com/users/HansUXdev/sponsorship) {.fragment }
311+
312+
[Consider becoming a Patreon](https://www.patreon.com/hansOnDevelopment) {.fragment }

‎index.md

Lines changed: 280 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,280 @@
1+
---
2+
# This file is best viewed in vscode using vscode-reveal
3+
# https://marketplace.visualstudio.com/items?itemName=evilz.vscode-reveal
4+
title: "JavaScript First"
5+
logoImg: "js-1st.com/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">
32+
<!-- Global site tag (gtag.js) - Google Analytics -->
33+
34+
<link rel="stylesheet" href="theme.css">
35+
36+
37+
<p align="center">
38+
<a href="https://github.com/users/HansUXdev/sponsorship">
39+
<img src="js-1st.com/logo.svg" style="max-width:50%;" height="300px" alt="JavaScript Logo"/>
40+
</a>
41+
</p>
42+
<h3 align="center"> JavaScript First</h3>
43+
44+
--
45+
46+
### What this book covers:
47+
48+
<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.
49+
</p>
50+
51+
--
52+
53+
54+
55+
### Academic Structure
56+
Every chapter and section is designed to meet some sort of state standard in the following categories:
57+
- [Web Page Development](https://www.azed.gov/cte/wpd/)
58+
- [Software and App Design](https://www.azed.gov/cte/sd/)
59+
60+
--
61+
62+
#### Learning Structure
63+
Learning objectives use [blooms taxonomy](https://en.wikipedia.org/wiki/Bloom's_taxonomy).
64+
![](./blooms.drawio.svg)
65+
66+
--
67+
68+
### Approach
69+
This book attempts to adopt a Career and Technical Education appoach.
70+
71+
![CTE](CTE.drawio.svg)
72+
73+
Learn more about the [specifics of the CTE](CTE.html)...
74+
75+
76+
--
77+
78+
## Instruction
79+
This book takes a **blended learning approach** designed to be friendly to both students and teachers.
80+
81+
Instructions are provided both in written form and online through various means.
82+
83+
<a href="https://medium.com/@hansOnConsult" class="MEDIUM">
84+
<img src="https://img.shields.io/badge/medium-%2312100E.svg?&style=for-the-badge&logo=medium&logoColor=white" />
85+
</a>
86+
<a href="https://dev.to/hansuxdev" class="DEV TO">
87+
<img src="https://img.shields.io/badge/DEV.TO-%230A0A0A.svg?&style=for-the-badge&logo=dev-dot-to&logoColor=white" />
88+
</a>
89+
<a href="https://www.youtube.com/channel/UCCGfELkPCJg1XHxQfFFz7pw/about" class="YOUTUBE">
90+
<img src="https://img.shields.io/badge/youtube-%23FF0000.svg?&style=for-the-badge&logo=youtube&logoColor=white" />
91+
</a>
92+
<a href="https://www.twitch.tv/hansoncoding" class="Twitch"><img src="https://img.shields.io/twitch/status/hansoncoding?style=for-the-badge" /></a>
93+
94+
--
95+
96+
### Online Interactions: About GitPod
97+
98+
:::block
99+
[GitPod](http://gitpod.io/) is used to provide readers and students with a **zero-config developer environment** where they can follow along even on a chromebook or tablet.
100+
{.fragment .current-only }
101+
:::
102+
103+
:::block
104+
This is designed to provide an **interactive experiance** through [codetogether](https://www.codetogether.com/), [gitduck](https://gitduck.com/) and other means of activities that facilitate remote learning.
105+
<p align="center">
106+
<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>
107+
</p>
108+
109+
{.fragment .current-only }
110+
:::
111+
112+
--
113+
114+
### Interaction: Twitch
115+
I also use [Twitch](https://www.twitch.tv/hansoncoding/about) as a way to demo new content I'm working on before I do formal classes.
116+
117+
<a href="https://www.twitch.tv/hansoncoding" class="Twitch"><img src="https://img.shields.io/twitch/status/hansoncoding?style=for-the-badge" /></a>
118+
119+
--
120+
121+
## Work-based Learning
122+
Work-based Learning is provided a number of ways:
123+
1. [Awesome Interview Questions](https://github.com/MaximAbramchuck/awesome-interview-questions) in each chapter.
124+
2. Small Business Sponsors
125+
3. Industry Partners
126+
127+
128+
<!-- <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> -->
129+
130+
---
131+
132+
### Wecome to class...
133+
134+
135+
<div class="flex-slide">
136+
137+
:::block
138+
139+
1. Open up the Content:
140+
hansmcmurdy.com/JavaScript-First/ {.fragment}
141+
2. These Slide: hansmcmurdy.com/JavaScript-First/Twitch.html {.fragment}
142+
143+
{.column}
144+
:::
145+
146+
:::block
147+
1. Signup for [Github](https://github.com/) {.fragment}
148+
2. Go to the [course repository](https://github.com/HansUXdev/JavaScript-First) at github.com/HansUXdev/JavaScript-First{.fragment}
149+
3. Fork it ![GitHub Forks](https://img.shields.io/github/forks/HansUXdev/JavaScript-First?style=social) {.fragment}
150+
4. Open it on GitPod {.fragment}
151+
5. Follow along in text (readme files or [medium](https://medium.com/@HansOnConsult)) or video ([twitch](https://www.twitch.tv/hansoncoding) / [youtube](https://www.youtube.com/channel/UCCGfELkPCJg1XHxQfFFz7pw/about)) {.fragment}
152+
153+
{.double-column}
154+
:::
155+
156+
</div>
157+
158+
---
159+
160+
### Chapters
161+
| Term | Description |
162+
|-------------|:-----------:|
163+
| Article | Is a medium article used to provide basic understanding of terms and conceptes |
164+
| Code Along | Code Slides break down the code line by line, students are expected to type out the code and run it. |
165+
| Activity | Students create something |
166+
| Exercise | Students create something with step by step solutions |
167+
| Project | This is a work-based project and has no stepped solutions. Students are expected to apply what they learned during the exercises. |
168+
169+
170+
171+
172+
---
173+
174+
#### Chapter 1: Reteaching JavaScript & Web Development
175+
176+
> **Objective:** Students should know the syntax of JavaScript and how to use variables, hoisting, objects, functions, etc {.fragment .current-only }
177+
178+
| Lessons | Type |
179+
|-------------|:-----------:|
180+
| [History of JavaScript](https://medium.com/javascript-in-plain-english/a-brief-history-of-javascript-9289a4d344d2) | Article |
181+
| [Learning Terminal, NVM, Git & Node.js](https://medium.com/swlh/terminal-basics-and-installing-nvm-node-js-631cf9476ac4) | Activity |
182+
| [JavaScript Datatypes](https://medium.com/javascript-in-plain-english/what-do-you-really-know-about-variables-data-types-and-immutability-in-javascript-1730835a9e87?source=friends_link&sk=f71e5c38da34456f55ed813b23d4ed78) | Code Along |
183+
| [Types of Functions](01-Reteaching-JavaScript/04-TypesOfFunctions/FunctionTypes/index.html) | Code Along |
184+
| Logging Datatypes | Exercise |
185+
| War Game? | Exercise |
186+
187+
[View the whole chapter](/01-Reteaching-JavaScript/Overview.html) {.fragment .current-only }
188+
189+
---
190+
191+
#### Chapter 2: Introduction to Web Development with HTTP
192+
> **Objective:** Students will build their first website and deploy it by the end of the chapter. {.fragment .current-only }
193+
194+
| Lessons | Type |
195+
|-------------|:-----------:|
196+
| Learn HTML by building an HTTP Server with Node.js | Exercise |
197+
| Build a dynamic Website with Vanilla.js with Functions & Template Strings | Exercise |
198+
| Deploying a Dynamic site with HTTPS & Open SSL | Exercise |
199+
200+
201+
---
202+
203+
#### Chapter 3: Test Driven Development
204+
> **Objective:** Students will learn how to write tests for code challenges and to automate front-end testing tasks. {.fragment .current-only }
205+
206+
| Lessons | Type |
207+
|--------------------------------|:-----------:|
208+
| Writing Unit Tests | Exercise |
209+
| Automate Responsive Testing with puppeteer | Exercise |
210+
| Automate Cross-Browser with puppeteer | Exercise |
211+
| Build a Twitter Bot | Exercise |
212+
213+
---
214+
215+
#### Chapter 4: JavaScript-like Databases with MongoDB
216+
| Term | Description |
217+
|-------------|:-----------:|
218+
| [Learn Mongo with GitPod](https://hansmcmurdy.com/LearnMongoGitPod/) | Exercise |
219+
220+
---
221+
222+
### Future Chapters
223+
This book is still in **early access** and **open source**. Which means future chapters and sub chapters in this book will be available on github in the [/00-Drafts](https://github.com/HansUXdev/JavaScript-First/tree/master/00-Drafts) directory.
224+
225+
Current Content includes:
226+
1. [Learn Mongo GitPod](https://github.com/HansUXdev/LearnMongoGitPod)
227+
2. War Games CLI Exercise?
228+
3. React
229+
4. Data Structures
230+
5. Algorithms
231+
232+
--
233+
234+
## Road Map
235+
This is a visual demonstration of a handful of the things I want to cover...
236+
237+
[View the whole "roadmap"](https://github.com/HansUXdev/JavaScript-First/blob/master/JavaScriptRoadmap.drawio.svg)
238+
239+
![](./JavaScriptRoadmap.drawio.svg)
240+
241+
242+
---
243+
244+
### Supporting the Content
245+
If you like the any of the content, there are several ways you can show your support without paying a penny.
246+
247+
**Support Open Source:**
248+
249+
[![GitHub followers](https://img.shields.io/github/followers/HansUXdev?style=social)](https://github.com/HansUXdev?tab=followers) [![GitHub followers](https://img.shields.io/github/stars/HansUXdev/JavaScript-First?style=social)](https://github.com/HansUXdev/JavaScript-First/stargazers)
250+
251+
You can also consider becoming a supporter in order to help motivate me to do a bunch more awesome stuff.
252+
253+
--
254+
255+
## Publishing
256+
257+
This book will always be free for students and self-taught developers.
258+
259+
<!-- 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. -->
260+
261+
If you'd like to contribute financially towards the effort creating this book, please consider following me on [medium](https://medium.com/@HansOnConsult), reading the articles on there and clapping / sharing them actually help more than you'd think.
262+
263+
--
264+
265+
### What sponsorship helps support:
266+
267+
1. Raffle every month to give back to my supporters to help it grow.
268+
{.fragment }
269+
270+
1. Network with school administrators/teachers and industry professional in order to bring tech leaders into the classroom (zoom || in-person). {.fragment }
271+
272+
2. Advocate the adoption of open source certifications in CTE schools. {.fragment }
273+
274+
3. Help donate 4G laptops/tablets to students who are struggling during COVID. {.fragment }
275+
276+
4. Create an affordable educational community that teaches people how to code and helps them achieve success in their careers. {.fragment }
277+
278+
[Consider becoming a Github Sponsor](https://github.com/users/HansUXdev/sponsorship) {.fragment }
279+
280+
[Consider becoming a Patreon](https://www.patreon.com/hansOnDevelopment) {.fragment }

‎logo.png

15.5 KB
Loading

‎logo.svg

Lines changed: 24 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)
Please sign in to comment.