|
 1st Qtr Outline, Requirements and Grading System |
|
|
| Getting Ready |
 Introduction to Server-Side Web Development |
|
|
Git, Github and VSCode |
|
|
| JS Basics |
 JavaScript Overview and Syntax |
|
|
Variable Declaration |
|
|
JavaScript Operations |
|
|
 Video Lectures on Introduction to JavaScript |
|
|
| JS Statements |
CS3 Web Development Tools (VSCode and Node.js) |
|
|
JavaScript Basic Statements |
|
|
Commonly Used JavaScript Number Objects |
|
|
Video Lectures: Input and Output functions |
|
|
| JS Structures |
Control Statements |
|
|
Loop Control Structures (while, do..while, for..in) |
|
|
Loop Control Structures (break, continue, Nested Loop) |
|
|
| JS Functions |
Declaring Functions |
|
|
| HTML |
HTML Basics |
|
|
Layout Tags (header, footer, nav, aside) |
|
|
Presentation on HTML Basics |
|
|
Presentation on Creating Contents |
|
|
| CSS |
Types of CSS |
|
|
Supplementary Reading Material: Best Practices for Web Design and Layout |
● identify best practices in web design and layout, focusing on color schemes;
● identify and understand the importance of colors in web design;
● evaluate a websites’ design and layout, especially on color schemes used.
|
|
| Tools and Resources |
Online Collbarative HTML CSS and JS Editor - StackBlitz |
Please click the given link to open the StackBlitz as our online/alternative Integrated Development Environment. This requires a Github account |
|
Moodle App from Google Play |
Please download the Moodle app for smart mobile devices. This will allow you to access our course even offline. |
|
Moodle App for Desktop |
Please download the Moodle app for laptop/desktop. This will allow you to access our course even offline. |
|
Clip path maker |
If you want to create different shapes with your block elements.
|
|
CSS Diner |
Use this link to practice CSS Selectors
|