This folder contains several resources to help you with programming for the web:
- template.html: This is a simple template you can use as a starter for any HTML project.
- htmlGuide.html: A quick demo of many of the most common HTML elements. Be sure to compare the source code with the resulting webpage.
Each module and lesson also contains resources specific to the task. You can find a summary of those resources below.
Concept |
Resource |
Text |
|
Divs |
|
Buttons |
|
Input elements |
|
Dropdowns |
|
Sound |
|
Images |
|
Concept |
Resource |
JavaScript |
|
Variables |
|
Type conversion |
|
If statements |
|
Getting HTML content |
|
Displaying results |
|
Manipulating CSS |
|
Math operations |
|
String manipulation |
|
Random values |
|
Arrays |
|
Loops |
|
Timeout |
|
Mouse input |
|
Template literals |
|
Concept |
Resource |
CSS Summary |
|
Layout |
|
Position |
|
Height/Width |
|
Colors |
|
Concept |
Resource |
Canvas |
|
Examples |
- Examples: 1, 2, 3
- Note: #1 above frequently uses
$() , which is called jQuery (and is outside the scope of this module), but there are still useful concepts in it
|