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. Lessons on The Internet, Client & Server, IP address and URL are same as v1 Content is on Pupilfirst LMS.
2. Web Browsers
3. How to get help
4. Install Visual Studio Code
5. Install Prettier Plugin in VSCode
6. Install ESLint Plugin in VSCode
7. Install Ubuntu in Windows, using WSL
8. Install Ubuntu in Windows, using Virtualbox

L2. Let's create our own websites!

Unchanged from v1. Content is on Pupilfirst LMS.

L3. Basic Introduction to HTML and CSS

1. HTML and Semantics
2. Introduction to HTML Elements
3. Linking pages
4. Learn more about HTML
5. CSS and styling structure
6. CSS classes and selectors
7. CSS styling overrides
8. Styling HTML using CSS files
9. Putting HTML, CSS, and JS together
10. Adding comments to HTML, CSS, and JS

L4. Style Matters

1. Introduction to CSS Frameworks
2. Using CSS Frameworks for styling
3. Introduction to Tailwind CSS
4. Working with Tailwind
5. Tailwind's relationship with JavaScript

L5. Working with JavaScript data types

Unchanged from v1. Content is on Pupilfirst LMS.

L6. Basics of JavaScript data structures

The lessons on Arrays are unchanged from v1 content and are available on Pupilfirst LMS.

1. Creating and working with objects
2. Add / update/ delete object properties
3. Accessing data in objects
4. Manipulating objects

L7. Functions

Unchanged from v1. Content is on Pupilfirst LMS.

L8. Create a registration form with Validations

1. Why should you learn about the HTML Form element and Form data
2. First Steps with Forms and Form Elements
3. Submitting user data from Forms
4. Creating your First Form
5. Creating Validations
6. Learn more about Forms
7. Introduction to Web Storage
8. Submit and View Inputs from Web Storage

Capstone Project

1. Personal website with registration form deployed as Github page