Kids Coding - Introduction to HTML, CSS and JavaScript!

• Introduction to the course

• Kids Coding infographic

• Programming freebie

• What Languages are we going to be learning?

• Let's code something for fun

• Our first coding experience

• Congratulations!

• 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

• 1. Finding the real time HTML editor

• 2. Talking about the editor and <!DOCTYPE>

• 3. Adding an html and body tag

• 4. Adding the paragraph tag

• 5. Adding headers and talkinga bout different headers

• 6. Talking about text formating in the editor and in the output

• 7. Adding breaks to the code.

• 8. Adding in text formatting. Emphisize

• 9. Adding in strong text

• 10. Adding in other text formatting

• 11. Adding links

• 12. Styling link text

• 13. Adding an image

• 14. Editing the hieght and the width of an image

• 15. Adding the alt property to an image tag

• 16. Adding a clickable link to an image

• 17. Comments

• 18. Tables

• 19. Tables, adding columns

• 20. Adding rows to tables

• 21. How to comment effectively

• 22. Talking about code complexity

• 23. Adding a table header plus editing the text with takes

• 24. Un ordered lists.

• 25. Ordered List

• 26. Lists within lists

• 27. Definition lists

• 28. Adding unordered lists to defintion lists

• 29. Playing around with HTML

• 30. Title Tags

• 31. Div tags

• 32. Talking about block level and inline level an span tags

• 33 HTML

• 34. Test #1 Solution

• 35. Test #2

• 36 HTML

• 37. Test #3

• 38. Test #3 solution

• 39. Test #4

• 40. Test 4 Solution

• 41. Test #5

• 42. Test #5 Solution

• 43. Test # 6

• 44. test 6 solution

• 45. Test # 7

• Test 7 Solution

• 46. Test #8

• 48. test 8 solution

• 49. Test #9

• 50. Test 9 solution

• 51. Forms

• 52. The password input type

• 53. The color input type

• 55. Date input type

• 56. Adding in a file input type

• 57. Range input type

• 58. Adding in a search field

• 59. Adding in a submit button

• 62. Introduction to styles

• 60. Adding in radio button input types

• 61. Adding in a checkbox input type

• 61. More on radio buttons

• 63. Paragraph styles

• 64. Adding in the background color and multiple attributes

• 64. More on tags and styles

• 65. Aligning text

• 66. Adding in a margin of both left and right

• 67. Adding styles to a table

• 68. Aligning a table to the center

• 69. Adding in a margin to the table

• 70. Changing the witdth of the style points

• 71. Changing the font in the style

• 72. Cleaning up the project and changing the colors with numbers

• 73. Adding in columns with table and building a website

• 74. Adding in the previous style attributes

• 75. Changing the cell color

• 76. Changing the cell width

• 77. Changing the colors back to the original color

• 78. Align the text vertically to the top

• 79. Talking about the sizes and being aware of bigger size

• 80. Adding in a table header to the columns

• 81. Adding the

• 82. Time to make your own website

• 83. Saving your HTML website

• 84. Test 1

• 85. Test 1 solution

• 86. Test 2

• 87. Test 2 solution

• HTML quiz

• 1. Introduction to CSS

• 2. Talking a little more about css

• 3. Talking a bit about the JS bin website

• 4. Lets get our hands dirty and talk about CSS

• 5. Adding some more CSS code

• 6. The power of CSS

• 7. Setting colors to RGB values

• 8. Adding a background image

• 9. More background image options

• 10. Aligning text

• 11. Text transform

• 12. Indenting text

• 13. Text decorations

• 14. Changing fonts in CSS

• 15. Serif fonts, sans-serif fonts and monospace fonts

• 16. More fonts like cursive an fantasy

• 17. Font - styles

• 18. Other ways to use the font family

• 19. Adding bold weight to your fonts

• 20. Fail safe fonts

• 21. Adding in styling points to other tags

• 22. Changing the list style type for un ordered lists

• 23. Changing ordered lists styles

• 24. Adding a image as the list item

• 25. Tables in CSS

• 27. Changing the width and height of the table cells

• 26. Adding in style points to tables

• 28. Changinge the background color in tabkes

• 29. Table padding

• 30. Adding a background image to a table

• 31. A tags

• 32. Adding in

• 33. More about a tags

• 34. Padding, border, margin

• 35. Border style

• 37. Border styles continued

• 38. Opacity

• 39. Adding the class id

• 40. Div tags and CSS

• 41. Span tags

• 42. Changing table tags

• 43. More adjusting on tables and class ID

• 44. Adding more class IDs to tables. This time the table data section

• 45. Class ID table header

• 46. Class ID with unordered lists.

• 47. Orderlists and classes

• 48. List item class IDs

• CSS Quiz

• Introduction to JavaScript

• 2. More fun with the console

• 3. More fun with the console

• 4. More fun with the console to uppercase to lowercase

• 5. More on methods and brackets

• 6. Random numbers

• 7. More on rounding

• 8. Minimums and maximums

• 9. Exponents

• 10. Javascript and HTML

• 11. Printing text to the screen

• 12. Buttons and calling javascript code

• 13. Javascript functions

• 14. Adding script tags and talking about similar named fucntions

• 15. Comments and their importance

• 16. Changing the text

• 17. Changing the header text

• 18. White Spaces

• 19. Variables

• 20. More fun with variables

• 21. Declaring more than one variable per line

• 22. More fun with variables

• 23. Math with variables

• 24. Changing the color of the text

• 25. Income calculator

• 26. Income calculator 2

• 27. Income calculator - adding more functionality and comments

• 28. Adding more realistic figures

• 29. Adding in more expenditures

• 30. Adding in more functionality

• 31. Making a new app

• 32. Finalizing the money app

• 33. If statements

• 34. How an if statement works

• 35. Else statements

• 36. Else if statements

• 37. Greater than and less than in if statements

• 38. Greater than and equal to

• 39. Not equal to

• 40. Multiple conditions

• 41. Or operator

• 42. Strings and if statements

• 43. Objects

• 44. Objects properties

• 45. More on Object properties

• JavaScript Quiz

• Final 5 question quiz.

• Bonus Lecture: 90% Off Kids Courses