Timesplitter is a tool that will help you stay on track while teaching a class. This guide will run in the Timesplitter app to give you notes on content and timing throughout, helping you teach an on-time class with less stress.
After cloning or downloading this repository, run the following:
cd javascript-jungle-guide
npm install
npm start
If this doesn't work, or you get an error when installing
- Still try running npm start.
- OR: run npx @moonhighway/timesplitter
This will run Timesplitter on localhost:4224 in the browser. When you click the Start link in the lower right hand corner of the screen, you'll see the Table of Contents. This gives you the following:
- Course Overview Link
- How to Use This Guide Link: Be sure to read this
- A schedule of the course: when you click on "Hello World", this will start to walk you through the course.
At least a day before teaching the class, be sure to read all of this document and the instructor guide (INSTRUCTIONS.md) which will give you notes about the course content and how to teach the class successfully.
This 4-hour course is an introduction to JavaScript for software developers. The course gives developers the fundamentals they need to take the next steps with JavaScript frameworks and libraries. There's often a temptation to skip the fundamentals and to jump right into advanced concepts. This course will provide a foundation in four hours and equip engineers with what they need to make a positive impact on JavaScript projects.
React. Node. Angular. What do these popular technologies have in common? They're all JavaScript. Sometimes learning these technologies can feel overwhelming for developers coming from other language, and that feeling of being overwhelmed often stems from not knowing the fundamentals. This course will officially teach you how to navigate the JavaScript Jungle by learning the building blocks of the language and running them in the various environments where JavaScript is used.
Students taking this course will gain a full understanding of how JavaScript works in the browser and its close relationship with HTML and CSS. They'll learn how to run JavaScript on the server and how frontend and backend environments communicate over HTTP. They'll get practice using developer tools and debugging techniques that are used on projects in the real world.
Students will leave the course ready to take the next steps into the world of frameworks and libraries, armed with an understanding of where JavaScript ends and frameworks begin. We'll introduce everything and give people a starting place so that they can do deep dives on their own as needed.
The course is broken down into 4 parts: three sections and a longer lab activity.
- Hello World: A look at the building blocks of the JavaScript language and an overview of how JavaScript works in the browser.
- Data Structures: An introduction to Node.js with a deeper dive on JavaScript data structures like objects, arrays, and functions.
- HTTP: An exploration of how servers and clients communicate over HTTP asynchronously.
- Lab Activity: Putting it all together with a lab project to build a web server with Node.js.
The following is a schedule for online and in-person deliveries:
Adjust the timing based on start time
| Time | Activity | Length |
|---|---|---|
| 9:00-10:00 | Teaching Block #1 | 1hr |
| 10:00-10:15 | Break | 15min |
| 10:15-11:15 | Teaching Block #2 | 1hr |
| 11:15-11:30 | Break | 15min |
| 11:30-12:30 | Teaching Block #3 | 1hr |
| 12:30-1:00 | SuperLab | 30min |
| 1:00 | End |