web develoment curriculum
web develoment curriculum
đź“‚ Each lesson includes:
- optional sketchnote
- optional supplemental video
- pre-lesson warmup quiz
- written lesson
- for project-based lessons, step-by-step guides on how to build the project
- knowledge checks
- a challenge
- supplemental reading
- assignment
- post-lesson quiz
Project Name | Concepts Taught | Learning Objectives | Linked Lesson | Author | |
---|---|---|---|---|---|
01 | Getting Started | Introduction to Programming and Tools of the Trade | Learn the basic underpinnings behind most programming languages and about software that helps professional developers do their jobs | Intro to Programming Languages and Tools of the Trade | Jasmine |
02 | Getting Started | Basics of GitHub, includes working with a team | How to use GitHub in your project, how to collaborate with others on a code base | Intro to GitHub | Floor |
03 | Getting Started | Accessibility | Learn the basics of web accessibility | Accessibility Fundamentals | Christopher |
04 | JS Basics | JavaScript Data Types | The basics of JavaScript data types | Data Types | Jasmine |
05 | JS Basics | Functions and Methods | Learn about functions and methods to manage an application’s logic flow | Functions and Methods | Jasmine and Christopher |
06 | JS Basics | Making Decisions with JS | Learn how to create conditions in your code using decision-making methods | Making Decisions | Jasmine |
07 | JS Basics | Arrays and Loops | Work with data using arrays and loops in JavaScript | Arrays and Loops | Jasmine |
08 | Terrarium | HTML in Practice | Build the HTML to create an online terrarium, focusing on building a layout | Introduction to HTML | Jen |
09 | Terrarium | CSS in Practice | Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive | Introduction to CSS | Jen |
10 | Terrarium | JavaScript Closures, DOM manipulation | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation | JavaScript Closures, DOM manipulation | Jen |
11 | Typing Game | Build a Typing Game | Learn how to use keyboard events to drive the logic of your JavaScript app | Event-Driven Programming | Christopher |
12 | Green Browser Extension | Working with Browsers | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension | About Browsers | Jen |
13 | Green Browser Extension | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage | APIs, Forms, and Local Storage | Jen |
14 | Green Browser Extension | Background processes in the browser, web performance | Use the browser’s background processes to manage the extension’s icon; learn about web performance and some optimizations to make | Background Tasks and Performance | Jen |
15 | Space Game | More Advanced Game Development with JavaScript | Learn about Inheritance using both Classes and Composition and the Pub/Sub pattern, in preparation for building a game | Introduction to Advanced Game Development | Chris |
16 | Space Game | Drawing to canvas | Learn about the Canvas API, used to draw elements to a screen | Drawing to Canvas | Chris |
17 | Space Game | Moving elements around the screen | Discover how elements can gain motion using the cartesian coordinates and the Canvas API | Moving Elements Around | Chris |
18 | Space Game | Collision detection | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game | Collision Detection | Chris |
19 | Space Game | Keeping score | Perform math calculations based on the game’s status and performance | Keeping Score | Chris |
20 | Space Game | Ending and restarting the game | Learn about ending and restarting the game, including cleaning up assets and resetting variable values | The Ending Condition | Chris |
21 | Banking App | HTML Templates and Routes in a Web App | Learn how to create the scaffold of a multipage website’s architecture using routing and HTML templates | HTML Templates and Routes | Yohan |
22 | Banking App | Build a Login and Registration Form | Learn about building forms and handling validation routines | Forms | Yohan |
23 | Banking App | Methods of Fetching and Using Data | How data flows in and out of your app, how to fetch it, store it, and dispose of it | Data | Yohan |
24 | Banking App | Concepts of State Management | Learn how your app retains state and how to manage it programmatically | State Management | Yohan |
August 12, 2024
## Javascript Beginner´s Course. [begginers in javascript.](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)Programming languajes intro.
Programing languajes and tools.
IOT Beginner´s Course.
AI Beginner´s Course.
https://aka.ms/genai-beginners. to get started!