Web Systems and Technologies 1

• 0. Tools
• 1. Introduction to HTML
• 2. Styling Web Pages with CSS
• 3. Introduction to JavaScript
• 4. DOM Manipulation and Event Handling
• 5. JavaScript ES6
• 6. Building Responsive Web Design

0. Tools

• 0.0. Enrollment
• 0.1. Webinar
• 0.2. Gradebook

1. Introduction to HTML

• 1.1. HTML Basics
• 1.2. HTML Tags and Elements
• 1.3. HTML Paragraphs
• 1.4. HTML Line Breaks
• 1.5. HTML Headings
• 1.6. HTML Text Formatting
• 1.7. HTML Lists
• 1.8. HTML Links
• 1.9. HTML Navigation
• 1.10. HTML Comments
• 1.11. HTML Semantics
• 1.12. HTML Tables
• 1.13. HTML Horizontal Line
• 1.14. HTML Forms
• 1.15. HTML Div

2. Styling Web Pages with CSS

• 2.1. Introduction to CSS
• 2.2. CSS Selectors
• 2.3. CSS Box Model
• 2.4. CSS Layout
• 2.5. CSS Text Styling
• 2.6. CSS Fonts and Web Typography
• 2.7. CSS Backgrounds
• 2.8. CSS Borders
• 2.9. Assessment 1

3. Introduction to JavaScript

• 3.1. JavaScript Syntax and Structure
• 3.2. JavaScript Variables
• 3.3. JavaScript Input and Output
• 3.4. JavaScript Arithmetic Operators
• 3.5. JavaScript Comparison Operators
• 3.6. JavaScript Logical Operators
• 3.7. JavaScript if-else Statements
• 3.8. JavaScript Switch Statement
• 3.9. JavaScript for Loops
• 3.10. JavaScript while Loops
• 3.11. JavaScript do-while Loops
• 3.12. JavaScript Arrays
• 3.13. Accessing JavaScript Array Elements
• 3.14. Modifying JavaScript Array Elements
• 3.15. JavaScript Array Methods
• 3.16. Defining Functions and Function Syntax in JavaScript
• 3.17. JavaScript Function Parameters and Arguments
• 3.18. Returning Values from Functions in JavaScript
• 3.19. Function Invocation and Calling Functions in JavaScript
• 3.20. JavaScript Global Scope and Local Scope
• 3.21. JavaScript Variable Hoisting and Its Implications
• 3.22. Assessment 2

4. DOM Manipulation and Event Handling

• 4.1. DOM Tree Structure
• 4.2. Accessing Elements with JavaScript
• 4.3. Modifying Element Properties and Content with JavaScript
• 4.4. JavaScript Event Listeners
• 4.5. JavaScript Event Handling Functions
• 4.6. JavaScript Event Object
• 4.7. Form Validation Basics in JavaScript
• 4.8. Event Handling for Form Validation in JavaScript
• 4.9. Displaying Error Messages with JavaScript
• 4.10. Manipulating CSS Classes with JavaScript
• 4.11. JavaScript Attribute Manipulation

5. JavaScript ES6

• 5.1. Introduction to JavaScript ES6
• 5.2. Template Literals for String Interpolation
• 5.3. String Methods in ES6
• 5.4. Array Iteration Methods in ES6
• 5.5. Arrow Functions in ES6

6. Building Responsive Web Design

• 6.1. Introduction to Responsive Web Design
• 6.2. Flexbox Basics
• 6.3. Creating Flexible Layouts with Flexbox
• 6.4. CSS Grid Fundamentals
• 6.5. Building Grid-based Layouts with CSS Grid
• 6.6. Assessment 3
• 6.7. Certificate