reenas / web-development-101-script

Script for videos in the Web Development 101 course

Script for WD101

This repository contains the scripts for videos used in the WD101 course, hosted at Pupilfirst School.

Note that this collection of scripts is incomplete - not all videos presented in the WD101 course have a corresponding script stored here.

License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

© Freshworks Inc. & Pupilfirst Pvt. Ltd.

L1. Welcome to the course!

1. How to get help
2. Install Visual Studio Code
3. Install Prettier Plugin in VSCode
4. Install Ubuntu in Windows, using WSL
5. Install Ubuntu in Windows, using Virtualbox

L3. Style Matters

1. Styling HTML using CSS files
2. Introduction to Tailwind CSS
3. Working with Tailwind
4. Tailwind's relationship with JavaScript

L4. Working with Strings

First steps with Javascript

1. What is JavaScript

Switching to the VSCode Editor

1. Putting HTML and JS together
2. Adding comments to HTML and JS

L5. Numbers, Booleans, Objects & Arrays

1. Task: Create a function to validate passphrase

L6. Functions

1. Need additional help?

L7. Collections

1. A minimal UI for filtering flight search results

L8. Building a game with canvas

1. Introduction
2. Install Node.js
3. First Steps with Canvas
4. Dynamic Drawings
5. Martial Arts Sim - Intro
6. Loading External Images
7. Absolute & relative file paths
8. Using Callbacks
9. Animating with Images
10. Loading Multiple Animations
11. Taking Control