Curriculum For This Course

Introduction

• Introduction to the course
• Kids Coding infographic
• Programming freebie

Let's Begin

• What Languages are we going to be learning?
• Let's code something for fun
• Our first coding experience
• Differences of coding languages
• Programming languages continued
• More about programming languages
• Variables
• Integer Variables
• Boolean variables
• Characters
• User input and output
• User input
• Coordinates
• Math
• How computers do math
• Modulo and exponents
• If statements
• The condition in the if statement
• If and else statements
• If else statements
• Greater than operator
• Less than
• Equals
• Does not Equal
• Conditions and operators
• Or operators
• Multi conditional statements
• X, Y cordinates in if statements
• Loops
• For loops
• Do while loops
• Arrays
• Our first quiz

Let's Learn HTML

• Finding the real time HTML editor
• Talking about the editor and <!DOCTYPE>
• Adding an html and body tag
• Adding the paragraph tag
• Adding headers and talkinga bout different headers
• Talking about text formating in the editor and in the output
• Adding breaks to the code.
• Adding in text formatting. Emphisize
• Adding in strong text
• Adding in other text formatting
• Adding links
• Styling link text
• Adding an image
• Editing the hieght and the width of an image
• Adding the alt property to an image tag
• Adding a clickable link to an image
• Comments
• Tables
• Tables, adding columns
• Adding rows to tables
• How to comment effectively
• Talking about code complexity
• Adding a table header plus editing the text with takes
• Un ordered lists.
• Ordered List
• Lists within lists
• Definition lists
• Adding unordered lists to defintion lists
• Playing around with HTML
• Title Tags
• Div tags
• Talking about block level and inline level an span tags
• HTML
• Forms
• The password input type
• The color input type
• Date input type
• Adding in a file input type
• Range input type
• Adding in a search field
• Adding in a submit button
• Introduction to styles
• Adding in radio button input types
• Adding in a checkbox input type
• More on radio buttons
• Paragraph styles
• Adding in the background color and multiple attributes
• More on tags and styles
• Aligning text
• Adding in a margin of both left and right
• Adding styles to a table
• Aligning a table to the center
• Adding in a margin to the table
• Changing the witdth of the style points
• Changing the font in the style
• Cleaning up the project and changing the colors with numbers
• Adding in columns with table and building a website
• Adding in the previous style attributes
• Changing the cell color
• Changing the cell width
• Changing the colors back to the original color
• Align the text vertically to the top
• Talking about the sizes and being aware of bigger size
• Adding in a table header to the columns
• Adding the
• Time to make your own website
• Saving your HTML website
• Test
• HTML quiz

CSS

• Introduction to CSS
• Talking a little more about css
• Talking a bit about the JS bin website
• Lets get our hands dirty and talk about CSS
• Adding some more CSS code
• The power of CSS
• Setting colors to RGB values
• Adding a background image
• More background image options
• Aligning text
• Text transform
• Indenting text
• Text decorations
• Changing fonts in CSS
• Serif fonts, sans-serif fonts and monospace fonts
• More fonts like cursive an fantasy
• Font - styles
• Other ways to use the font family
• Adding bold weight to your fonts
• Fail safe fonts
• Adding in styling points to other tags
• Changing the list style type for un ordered lists
• Changing ordered lists styles
• Adding a image as the list item
• Tables in CSS
• Changing the width and height of the table cells
• Adding in style points to tables
• Changinge the background color in tabkes
• Table padding
• Adding a background image to a table
• A tags
• Adding in
• More about a tags
• Padding, border, margin
• Border style
• Border styles continued
• Opacity
• Adding the class id
• Div tags and CSS
• Span tags
• Changing table tags
• More adjusting on tables and class ID
• Adding more class IDs to tables. This time the table data section
• Class ID table header
• Class ID with unordered lists.
• Orderlists and classes
• List item class IDs
• CSS Quiz
• questions

JavaScript

• Introduction to JavaScript
• More fun with the console
• More fun with the console to uppercase to lowercase
• More on methods and brackets
• Random numbers
• More on rounding
• Minimums and maximums
• Exponents
• Javascript and HTML
• Printing text to the screen
• Buttons and calling javascript code
• Javascript functions
• Adding script tags and talking about similar named fucntions
• Comments and their importance
• Changing the text
• Changing the header text
• White Spaces
• Variables
• More fun with variables
• Declaring more than one variable per line
• More fun with variables
• Math with variables
• Changing the color of the text
• Income calculator
• Income calculator
• Income calculator - adding more functionality and comments
• Adding more realistic figures
• Adding in more expenditures
• Adding in more functionality
• Making a new app
• Finalizing the money app
• If statements
• How an if statement works
• Else statements
• Else if statements
• Greater than and less than in if statements
• Greater than and equal to
• Not equal to
• Multiple conditions
• Or operator
• Strings and if statements
• Objects
• Objects properties
• more on Object properties
• JavaScript Quiz
• Final question quiz.

Conclusion