index.md

title	logoImg	theme	transition	highlightTheme	slideNumber	loop	autoSlide	enableMenu	enableChalkboard	autoSlideStoppable
JavaScript First	js-1st.com/logo.svg	night	slide	monokai	true	true	50000	false	false	true

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-176679651-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-176679651-1'); </script>

JavaScript First

--

What this book covers:

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.

--

Academic Structure

Every chapter and section is designed to meet some sort of state standard in the following categories:

• Web Page Development
• Software and App Design

--

Learning Structure

Learning objectives use blooms taxonomy.

--

Approach

This book attempts to adopt a Career and Technical Education appoach.

Learn more about the specifics of the CTE...

--

Instruction

This book takes a blended learning approach designed to be friendly to both students and teachers.

Instructions are provided both in written form and online through various means.

--

Online Interactions: About GitPod

:::block GitPod is used to provide readers and students with a zero-config developer environment where they can follow along even on a chromebook or tablet. {.fragment .current-only } :::

:::block This is designed to provide an interactive experiance through codetogether, gitduck and other means of activities that facilitate remote learning.

{.fragment .current-only } :::

--

Interaction: Twitch

I also use Twitch as a way to demo new content I'm working on before I do formal classes.

--

Work-based Learning

Work-based Learning is provided a number of ways:

1. Awesome Interview Questions in each chapter.
2. Small Business Sponsors
3. Industry Partners

---

Wecome to class...

:::block

1. Open up the Content: hansmcmurdy.com/JavaScript-First/ {.fragment}
2. These Slide: hansmcmurdy.com/JavaScript-First/Twitch.html {.fragment}

{.column} :::

:::block

1. Signup for Github {.fragment}
2. Go to the course repository at github.com/HansUXdev/JavaScript-First{.fragment}
3. Fork it {.fragment}
4. Open it on GitPod {.fragment}
5. Follow along in text (readme files or medium) or video (twitch / youtube) {.fragment}

{.double-column} :::

---

Chapters

Term	Description
Article	Is a medium article used to provide basic understanding of terms and conceptes
Code Along	Code Slides break down the code line by line, students are expected to type out the code and run it.
Activity	Students create something
Exercise	Students create something with step by step solutions
Project	This is a work-based project and has no stepped solutions. Students are expected to apply what they learned during the exercises.

---

Chapter 1: Reteaching JavaScript & Web Development

Objective: Students should know the syntax of JavaScript and how to use variables, hoisting, objects, functions, etc {.fragment .current-only }

Lessons	Type
History of JavaScript	Article
Learning Terminal, NVM, Git & Node.js	Activity
JavaScript Datatypes	Code Along
Types of Functions	Code Along
Logging Datatypes	Exercise
War Game?	Exercise

View the whole chapter {.fragment .current-only }

---

Chapter 2: Introduction to Web Development with HTTP

Objective: Students will build their first website and deploy it by the end of the chapter. {.fragment .current-only }

Lessons	Type
Learn HTML by building an HTTP Server with Node.js	Exercise
Build a dynamic Website with Vanilla.js with Functions & Template Strings	Exercise
Deploying a Dynamic site with HTTPS & Open SSL	Exercise

---

Chapter 3: Test Driven Development

Objective: Students will learn how to write tests for code challenges and to automate front-end testing tasks. {.fragment .current-only }

Lessons	Type
Writing Unit Tests	Exercise
Automate Responsive Testing with puppeteer	Exercise
Automate Cross-Browser with puppeteer	Exercise
Build a Twitter Bot	Exercise

---

Chapter 4: JavaScript-like Databases with MongoDB

Term	Description
Learn Mongo with GitPod	Exercise

---

Future Chapters

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 directory.

Current Content includes:

1. Learn Mongo GitPod
2. War Games CLI Exercise?
3. React
4. Data Structures
5. Algorithms

--

Road Map

This is a visual demonstration of a handful of the things I want to cover...

View the whole "roadmap"

---

Supporting the Content

If you like the any of the content, there are several ways you can show your support without paying a penny.

Support Open Source:

You can also consider becoming a supporter in order to help motivate me to do a bunch more awesome stuff.

--

Publishing

This book will always be free for students and self-taught developers.

If you'd like to contribute financially towards the effort creating this book, please consider following me on medium, reading the articles on there and clapping / sharing them actually help more than you'd think.

--

What sponsorship helps support:

1. Raffle every month to give back to my supporters to help it grow. {.fragment }

2. Network with school administrators/teachers and industry professional in order to bring tech leaders into the classroom (zoom || in-person). {.fragment }

3. Advocate the adoption of open source certifications in CTE schools. {.fragment }

4. Help donate 4G laptops/tablets to students who are struggling during COVID. {.fragment }

5. Create an affordable educational community that teaches people how to code and helps them achieve success in their careers. {.fragment }

Consider becoming a Github Sponsor {.fragment }

Consider becoming a Patreon {.fragment }