|
 2nd Qtr Outline, Requirements and Grading System |
|
|
| HTML (from 1st Qtr) |
 HTML Basics |
|
|
Layout Tags (header, footer, nav, aside) |
|
|
Multimedia tags (video, audio) |
|
|
 Presentation on HTML Basics |
|
|
Presentation on Creating Contents |
|
|
| CSS (From 1st Qtr) |
Types of CSS |
|
|
CSS Box Model |
|
|
Box Model and Media Presentation |
|
|
Cool website on the css boxmodel linkstyles layouts animations and sprites |
|
|
Text Links |
|
|
Events in CSS |
|
|
Basics of CSS Float |
|
|
CSS Float (Floating Multiple Elements) |
|
|
| Project Proposal / LT |
Wireframing - (Reading Material) |
In this learning guide it will discuss the use of wireframe in the web site development phase. Your project proposal should include the use of wireframes to show the layout and components of the three webpages that will be developed this quarter. Please ignore the navigation part of this learning guide....use the updated project requirements in the course policy statement pdf as your guide. |
|
Best Practices for Web Design and Layout (Reading Material) |
● 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.
|
|
| Arrays and Objects |
Declaring Arrays |
|
|
Using Arrays (integer, index, associative array) |
|
|
Sort and Search |
|
|
Presentation on Arrays and Objects |
|
|
 Links to additional practice exercises on Arrays and Object |
|
|
| 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 |
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) |
|
|
Video Lectures on Loop Control Structures |
|
|
| JS Functions |
Declaring Functions |
|
|
Processing Function Output |
|
|
Event Handlers |
|
|
Video Lectures: Custom and Pre-defined Functions |
|
|
| 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
|