Kids Coding - Introduction to HTML, CSS and JavaScript

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

HTML CSS JavaScript

Description

Reading for parents

Do your kids spend too much time on the computer, phone or tablet? Don’t you wish they could do something more productive? Why not get them to learn a lifelong and valuable skill that will lead them into a career that pays 2 times the national average?

Programming is the new math. The average computer programmer makes 78k a year and there will always be a need for programmers. The only problem is that all of the educational courses are not tailored towards the learning styles of children. Most of the documentation is geared towards people over 18.

This course shows kids how to code by adapting the material to their learning styles. There are animated lectures and informative screencasts.

This course is not only fun for kids to watch and listen, it is interactive and fun. More and more people are learning to code, so do you want your kids to not have the same opportunities as others? This course offers your kids a competitive advantage.

Employers look for technical skills and applicants that can code are more attractive to hire. Even if the job isn’t technical it always helps to have that technical knowledge to communicate with the technical team. Personally, I like to hire people with programming skills. If they are artists, video editors, or social media marketers, I generally prefer to hire people with programming experience.

About me, the instructor

My name is John Bura and I have run the software company Mammoth Interactive. We have had a ton of sales on our software which includes XBOX 360, iPad and iPhone games. On top of this I have been teaching people full time since I was 17. With the combination of teaching experience and real world experience, I have a truly unique experience that you can’t find anywhere else. The knowledge I give out is from first hand knowledge of the industry and years of teaching experience.

Thank you for considering to purchase my course. Even if you choose to not buy it I wish you and your family a happy road to success.

Reviews “It was very easy to understand. I wasn’t sure if I should be intimidated by coding or if I should see it as something that is easy, but this course makes it understandable and fun. Thanks.”

“This course helped me a lot for programming, convinced me to do programming and made me understand programming with some fun in it! Overall I don’t need to go back and watch any of the courses vids since its explained in detail! Love it!!!”

“SO FUN!!”

“This is a great course for beginner programmers. This doesn’t have to be for just kids, but for adults too.”

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

      2:50

  • 2. 01 Let's Begin
    • Kids coding 1 - What languages we will be learning

      0:47

    • Kids coding 2 - Lets code something fun

      1:07

    • Kids coding 3 - Your First Code

      1:16

    • Kids coding 4 - congratulations!

      0:26

    • Kids coding 5 - Differences of coding languages

      1:28

    • Kids coding 6 - Programing languages 2

      1:38

    • kids coding 7 - Programing basics part 1

      1:41

    • Kids coding 8 - variables

      2:22

    • kids coding 9 - Types of variables INT

      2:53

    • Kids Coding 10 - Float Variables

      0:45

    • kids coding 11 – boolean variables

      1:00

    • kids coding 12 characters

      1:52

    • kids coding 13 user input and output

      2:24

    • Kids coding 14 user input

      1:27

    • Kids coding 15 – co-ordinates

      1:26

    • Kids coding 15 – Math

      1:26

    • Kids coding 16 how computers do math

      1:38

    • kids coding 17 - Modulo and exponents

      0:57

    • Kids coding 18 if statements

      1:39

    • kids coding 19 the condition in the if

      0:45

    • Kids coding 20 – if and else statements

      0:46

    • Kids coding 21 if else statements

      1:10

    • Kids coding 22 conditions greater than

      0:59

    • Kids coding 23 less than

      1:16

    • Kids coding 24 equals

      0:48

    • Kids coding 25 does not equal

      1:16

    • Kids coding 26 conditions and oporators

      1:12

    • Kids coding 27 - Or opporators

      0:59

    • Kids coding 28 - multi conditional statements

      2:05

    • kids coding 29 – x y cordinates in ifs

      1:03

    • Kids coding 31 - for loops

      1:48

    • Kids coding 32 - do while loops

      1:05

    • kids coding 33 - breaks in loops

      1:07

    • Kids coding 34 – Arrays

      2:25

  • 3. 02 Let's Learn HTML
    • 1. Finding the real time HTML editor

      0:56

    • 2. Talking about the editor and !DOCTYPE

      2:59

    • 3. Adding an html and body tag

      2:00

    • 4. Adding the paragraph tag

      1:37

    • 5. Adding headers and talking about different headers

      3:15

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

      2:10

    • 7. Adding breaks to the code.mp4

      4:32

    • 8. Adding in text formatting.mp4

      2:17

    • 9. Adding in strong text

      1:10

    • 10. Adding in other text formatting

      1:31

    • 11. Variables

      1:49

    • 12. Styling link text

      0:41

    • 13. Adding an image

      1:31

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

      1:58

    • 15. Adding the alt property to an image tag

      1:14

    • 16. Adding a clickable link to an image

      1:19

    • 17. Comments

      2:58

    • 18. Tables

      1:12

    • 19. Tables, adding columns

      1:05

    • 20. Adding rows to tables

      2:44

    • 21. How to comment effectively

      1:35

    • 22. Talking about code complexity

      1:44

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

      2:09

    • 24. Un ordered lists.mp4

      2:28

    • 25. Ordered List

      1:28

    • 26. Lists within lists

      3:24

    • 27. Definition lists

      1:38

    • 28. Adding unordered lists to definition lists

      1:56

    • 29. Playing around with HTML

      2:20

    • 30. Title Tags

      1:07

    • 31. Div tags

      3:36

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

      1:48

    • 33. HTML

      0:35

    • 34. Test #1 Solution

      1:34

    • 35. Test #2

      0:20

    • 36. HTML

      1:18

    • 37. Test #3

      0:30

    • 38. Test #3 solution

      1:42

    • 39. Test #4

      0:22

    • 40. Test 4 Solution

      1:32

    • 41. Test #5

      0:15

    • 42. Test #5 Solution

      0:49

    • 43. Test # 6

      0:14

    • 44. Test 6 solution

      1:06

    • 45. Test # 7

      0:17

    • 46. Test 7 solution

      1:14

    • 47. Test #8

      0:18

    • 48. test 8 solution

      2:18

    • 49. Test #9

      0:21

    • 50. Test 9 solution

      1:36

    • 51. Forms

      1:27

    • 52. The password input type

      1:36

    • 53. The color input type

      1:20

    • 55. Date input type

      1:11

    • 56. Adding in a file input type

      1:24

    • 57. Range input type

      1:12

    • 58. Adding in a search field

      1:12

    • 59. Adding in a submit button

      1:28

    • 60. Adding in radio button input types

      2:12

    • 61. Adding in a checkbox input type

      2:09

    • 62. Introduction to styles

      1:03

    • 63. Paragraph styles

      1:30

    • 64. Adding in the background color and multiple attributes

      2:14

    • 65. Aligning text

      1:44

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

      2:26

    • 67. Adding styles to a table

      1:54

    • 68. Aligning a table to the center

      0:42

    • 69. Adding in a margin to the table

      1:14

    • 70. Changing the width of the style points

      1:11

    • 71. Changing the font in the style

      1:08

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

      2:46

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

      2:53

    • 74. Adding in the previous style attributes

      1:20

    • 75. Changing the cell color

      1:15

    • 76. Changing the cell width

      3:16

    • 77. Changing the colors back to the original color

      0:58

    • 78. Align the text vertically to the top

      1:01

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

      2:25

    • 80. Adding in a table header to the columns

      3:02

    • 81. Adding the content

      4:18

    • 82. Time to make your own website

      1:13

    • 83. Saving your HTML website

      1:09

    • 84. Test 1

      1:06

    • 85. Test 1 solution

      2:02

    • 86. Test 2

      1:47

    • 87. Test 2 solution

      2:31

  • 5. 03 CSS
    • 1. Introduction to CSS

      1:50

    • 2. Talking a little more about css

      2:04

    • 3. Talking a bit about the JS bin website

      1:21

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

      3:23

    • 5. Adding some more CSS code

      1:37

    • 6. The power of CSS

      2:30

    • 7. Setting colors to RGB values

      1:54

    • 8. Adding a background image

      1:16

    • 9. More background image options

      1:34

    • 10. Aligning text

      1:49

    • 11. Text transform

      1:09

    • 12. Indenting text

      1:29

    • 13. Text decorations

      1:21

    • 14. Changing fonts in CSS

      1:42

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

      1:55

    • 16. More fonts like cursive and fantasy

      0:57

    • 17. Font - styles

      1:32

    • 18. Other ways to use the font family

      0:59

    • 19. Adding bold weight to your fonts

      1:20

    • 20. Fail safe fonts

      1:11

    • 21. Adding in styling points to other tags

      3:25

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

      1:04

    • 23. Changing ordered lists styles

      1:00

    • 24. Adding a image as the list item

      0:41

    • 25. Tables in CSS

      1:52

    • 26. Adding in style points to tables

      3:39

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

      3:06

    • 28. Changing the background color in tabkes

      1:15

    • 29. Table padding

      2:22

    • 30. Adding a background image to a table

      1:21

    • 31. A tags

      1:58

    • 32. Changing Colors

      1:37

    • 33. More about a tags

      2:29

    • 34. Padding, border, margin

      2:57

    • 35. Border style

      0:50

    • 36. Border styles continued

      2:03

    • 37. Opacity

      1:01

    • 38. Adding the class id

      4:13

    • 39. Div tags and CSS

      2:33

    • 40. Span tags

      2:35

    • 41. Changing table tags

      2:58

    • 42. More adjusting on tables and class ID

      3:05

    • 43. Adding more class IDs to tables.mp4

      3:16

    • 44. Class ID table header

      3:12

    • 45. Class ID with unordered lists

      3:09

    • 46. Orderlists and classes

      2:36

    • 47. List item class IDs

      2:17

  • 6. 04 JavaScript
    • 1. Introduction to JavaScript

      1:43

    • 2. More fun with the console

      2:12

    • 3. More fun with the console

      1:59

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

      0:51

    • 5. More on methods and brackets

      3:15

    • 6. Random numbers

      2:45

    • 7. More on rounding

      1:32

    • 8. Minimums and maximums

      1:20

    • 9. Exponents

      0:57

    • 10. Javascript and HTML

      1:55

    • 11. Printing text to the screen

      1:43

    • 12. Buttons and calling javascript code

      2:55

    • 13. Javascript functions

      2:05

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

      3:27

    • 15. Comments and their importance

      3:03

    • 16. Changing the text

      2:10

    • 17. Changing the header text

      2:10

    • 18. White Spaces

      2:05

    • 19. Variables

      3:56

    • 20. More fun with variables

      1:26

    • 21. Declaring more than one variable per line

      2:51

    • 22. More fun with variables

      4:10

    • 23. Math with variables

      2:13

    • 24. Changing the color of the text

      3:03

    • 25. Income calculator

      6:36

    • 26. Income calculator 2

      2:30

    • 27. Income calculator - adding more functionality and comments

      6:03

    • 28. Adding more realistic gures

      2:33

    • 29. Adding in more expenditures

      4:31

    • 30. Adding in more functionality

      6:40

    • 31. Making a new app

      8:37

    • 32. Finalizing the money app

      3:52

    • 33. If statements

      2:30

    • 34. How an if statement works

      2:49

    • 35. Else statements

      1:31

    • 36. Else if statements

      2:16

    • 37. Greater than and less than in if statements

      2:40

    • 38. Greater than and equal to

      1:25

    • 39. Not equal to

      0:56

    • 40. Multiple conditions

      2:43

    • 41. Or operator

      1:34

    • 42. Strings and if statements

      1:52

    • 43. Objects

      0:52

    • 44. Objects properties

      2:12

    • 45. more on Object properties

      3:29

Created By

Mammoth Interactive is a leading online course provider in everything from learning to code to becoming a YouTube star. Mammoth Interactive courses have been featured on Harvard’s edX, Business Insider and more. Over 11 years, Mammoth Interactive has built a global student community with 3.3 million

US$19.98

  US$199.00

Buy Now (US$19.98) ➔

Lifetime Access
30-Day Money-Back Guarantee.

Reviews
No reviews yet