Objectives
If you would like to get started as a front-end web developer,
you are going to LOVE this course! Work on projects ranging from
a simple HTML page to a complete responsive web layouts.
We've designed this course to cover the basics of web pages,
from semantically marking up your page with HTML to stylizing
your content with CSS and Bootstrap. Then We will introduce you
to programming fundamentals with Javascript, and by the end,
you'll be comfortable enough to develop fully-functional web
modules using Javascript, including an image carousel and a
to-do list application!
Prerequisite
Anyone can become a web developer. You don’t need to be a tech
wizard or possess a never-ending list of formal qualifications
just basic understanding of computers and as long as you’re
passionate about the field and willing to learn, a career in web
development is well within your reach.
Course Outline
What is HTML?
Attributes + Hyperlinking
Headings + Lists
Inline vs. Block Elements + Divs
id + class attributes
The img Element
Delving into Semantics
HTML Tables
HTML Forms
What is CSS?
Introduction to the Cascade
Basic CSS Selectors
Selector Combinations
The Box Model
Color
Font Styling + Webfonts
Text Alignment + Sizing
#1 project
Introduction and basic properties
Containers,media break point and grid in bootstrap
Color,navbar,jumbotron
Cards,modal,forms
#2 Project
What is Javascript?
Numbers
Strings
Booleans
Undefined
Functions
Conditional Statements
Loops
Arrays
Objects
More on Objects and The "this" Keyword
Accessing DOM Elements
Adding/Removing Elements
Modifying Element Attributes
Event Listeners
Modifying CSS
#Project 3 Building a Image Carousal
#Project 4 Building a To-Do List
#Project 5 Fetch API