< Kids Coding - Introduction to HTML, CSS and JavaScript

213 casts | 6:53:01 for the total course

created by Mammoth Interactive INC

• 1. 00 Kids coding – Introductions to programming languag.mp4

  • 00 Kids coding – Introductions to programming languag

• 2. 01 Let's Begin

  • Kids coding 1 - What languages we will be learning

  • Kids coding 2 - Lets code something fun

  • Kids coding 3 - Your First Code

  • Kids coding 4 - congratulations!

  • Kids coding 5 - Differences of coding languages

  • Kids coding 6 - Programing languages 2

  • kids coding 7 - Programing basics part 1

  • Kids coding 8 - variables

  • kids coding 9 - Types of variables INT

  • Kids Coding 10 - Float Variables

  • kids coding 11 – boolean variables

  • kids coding 12 characters

  • kids coding 13 user input and output

  • Kids coding 14 user input

  • Kids coding 15 – co-ordinates

  • Kids coding 15 – Math

  • Kids coding 16 how computers do math

  • kids coding 17 - Modulo and exponents

  • Kids coding 18 if statements

  • kids coding 19 the condition in the if

  • Kids coding 20 – if and else statements

  • Kids coding 21 if else statements

  • Kids coding 22 conditions greater than

  • Kids coding 23 less than

  • Kids coding 24 equals

  • Kids coding 25 does not equal

  • Kids coding 26 conditions and oporators

  • Kids coding 27 - Or opporators

  • Kids coding 28 - multi conditional statements

  • kids coding 29 – x y cordinates in ifs

  • Kids coding 31 - for loops

  • Kids coding 32 - do while loops

  • kids coding 33 - breaks in loops

  • Kids coding 34 – Arrays

• 3. 02 Let's Learn HTML

  • 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 talking about different headers

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

  • 7. Adding breaks to the code.mp4

  • 8. Adding in text formatting.mp4

  • 9. Adding in strong text

  • 10. Adding in other text formatting

  • 11. Variables

  • 12. Styling link text

  • 13. Adding an image

  • 14. Editing the height 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.mp4

  • 25. Ordered List

  • 26. Lists within lists

  • 27. Definition lists

  • 28. Adding unordered lists to definition 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

  • 46. Test 7 solution

  • 47. 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

  • 60. Adding in radio button input types

  • 61. Adding in a checkbox input type

  • 62. Introduction to styles

  • 63. Paragraph styles

  • 64. Adding in the background color and multiple attributes

  • 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 width 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 content

  • 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

• 4. 03. CSS
• 5. 03 CSS

  • 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 and 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

  • 26. Adding in style points to tables

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

  • 28. Changing the background color in tabkes

  • 29. Table padding

  • 30. Adding a background image to a table

  • 31. A tags

  • 32. Changing Colors

  • 33. More about a tags

  • 34. Padding, border, margin

  • 35. Border style

  • 36. Border styles continued

  • 37. Opacity

  • 38. Adding the class id

  • 39. Div tags and CSS

  • 40. Span tags

  • 41. Changing table tags

  • 42. More adjusting on tables and class ID

  • 43. Adding more class IDs to tables.mp4

  • 44. Class ID table header

  • 45. Class ID with unordered lists

  • 46. Orderlists and classes

  • 47. List item class IDs

• 6. 04 JavaScript
  • 1. 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 functions

  • 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 gures

  • 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