This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Kids Coding -Introduction to HTML, CSS and JavaScript
Introduction
Introduction to the course
Programming freebie (7:53)
Let's Begin
What Languages are we going to be learning? (0:47)
Let's code something for fun (1:06)
Our first coding experience (1:15)
Congratulations! (0:25)
Differences of coding languages (1:27)
Programming languages continued (1:38)
More about programming languages (1:41)
Variables (2:53)
Integer Variables (0:44)
Boolean variables (1:00)
Characters (1:52)
User input and output (2:24)
User input (1:27)
Coordinates (2:00)
Math (1:25)
How computers do math (1:38)
Modulo and exponents (0:57)
If statements (1:38)
The condition in the if statement (0:44)
If and else statements (0:45)
If else statements (1:10)
Greater than operator (0:59)
Less than (1:16)
Equals (0:48)
Does not Equal (1:16)
Conditions and operators (1:12)
Or operators (0:58)
Multi conditional statements (2:05)
X, Y cordinates in if statements (1:02)
Loops (2:03)
For loops (1:47)
Do while loops (1:04)
Arrays (2:25)
Let's Learn HTML
1. Finding the real time HTML editor (0:21)
2. Talking about the editor and (2:28)
3. Adding an html and body tag (1:59)
4. Adding the paragraph tag (1:36)
5. Adding headers and talkinga bout different headers (3:00)
6. Talking about text formating in the editor and in the output (2:08)
7. Adding breaks to the code. (4:29)
8. Adding in text formatting. Emphisize (2:16)
9. Adding in strong text (1:09)
10. Adding in other text formatting (1:29)
11. Adding links (1:47)
12. Styling link text (0:41)
13. Adding an image (1:31)
14. Editing the hieght and the width of an image (1:57)
15. Adding the alt property to an image tag (1:13)
16. Adding a clickable link to an image (1:18)
17. Comments (2:58)
18. Tables (1:11)
19. Tables, adding columns (1:04)
20. Adding rows to tables (2:43)
21. How to comment effectively (1:34)
22. Talking about code complexity (1:42)
23. Adding a table header plus editing the text with takes (2:08)
24. Un ordered lists. (2:27)
25. Ordered List (1:27)
26. Lists within lists (3:24)
27. Definition lists (1:32)
28. Adding unordered lists to defintion lists (1:55)
29. Playing around with HTML (2:19)
30. Title Tags (1:07)
31. Div tags (3:36)
32. Talking about block level and inline level an span tags (1:47)
33 HTML (0:34)
34. Test #1 Solution (1:34)
35. Test #2 (0:19)
36 HTML (1:18)
37. Test #3 (0:29)
38. Test #3 solution (1:42)
39. Test #4 (0:21)
40. Test 4 Solution (1:18)
41. Test #5 (0:15)
42. Test #5 Solution (0:49)
43. Test # 6 (0:13)
44. test 6 solution (1:05)
45. Test # 7 (0:16)
46. Test 7 solution (0:18)
48. test 8 solution (2:18)
49. Test #9 (0:20)
50. Test 9 solution (1:36)
51. Forms (1:27)
52. The password input type (1:36)
53. The color input type (1:18)
55. Date input type (1:01)
56. Adding in a file input type (1:23)
57. Range input type (1:05)
58. Adding in a search field (1:10)
59. Adding in a submit button (1:27)
62. Introduction to styles (1:01)
60. Adding in radio button input types (2:12)
61. Adding in a checkbox input type (2:09)
61. More on radio buttons (1:01)
63. Paragraph styles (1:29)
64. Adding in the background color and multiple attributes (2:13)
64. More on tags and styles (1:17)
65. Aligning text (1:44)
66. Adding in a margin of both left and right (2:24)
67. Adding styles to a table (1:53)
68. Aligning a table to the center (0:41)
69. Adding in a margin to the table (1:13)
70. Changing the witdth of the style points (1:10)
71. Changing the font in the style (1:07)
72. Cleaning up the project and changing the colors with numbers (2:45)
73. Adding in columns with table and building a website (2:53)
74. Adding in the previous style attributes (1:19)
75. Changing the cell color (1:15)
76. Changing the cell width (3:15)
77. Changing the colors back to the original color (0:57)
78. Align the text vertically to the top (1:01)
79. Talking about the sizes and being aware of bigger size (2:04)
80. Adding in a table header to the columns (3:01)
81. Adding the (4:18)
82. Time to make your own website (1:11)
83. Saving your HTML website (1:07)
84. Test 1 (1:06)
85. Test 1 solution (2:02)
86. Test 2 (1:47)
87. Test 2 solution (2:28)
CSS
1. Introduction to CSS (1:46)
2. Talking a little more about css (2:04)
3. Talking a bit about the JS bin website (1:08)
4. Lets get our hands dirty and talk about CSS (3:22)
5. Adding some more CSS code (1:36)
6. The power of CSS (2:30)
7. Setting colors to RGB values (1:54)
8. Adding a background image (1:12)
9. More background image options (1:32)
10. Aligning text (1:48)
11. Text transform (1:07)
12. Indenting text (1:27)
13. Text decorations (1:20)
14. Changing fonts in CSS (1:41)
15. Serif fonts, sans-serif fonts and monospace fonts (1:54)
16. More fonts like cursive an fantasy (0:54)
17. Font - styles (1:32)
18. Other ways to use the font family (0:59)
19. Adding bold weight to your fonts (1:18)
20. Fail safe fonts (1:10)
21. Adding in styling points to other tags (3:24)
22. Changing the list style type for un ordered lists (1:03)
23. Changing ordered lists styles (1:00)
24. Adding a image as the list item (0:40)
25. Tables in CSS (1:51)
27. Changing the width and height of the table cells (3:06)
26. Adding in style points to tables (3:38)
28. Changinge the background color in tabkes (1:14)
29. Table padding (2:21)
30. Adding a background image to a table (1:20)
31. A tags (1:57)
32. Adding in (1:36)
33. More about a tags (2:29)
34. Padding, border, margin (2:44)
35. Border style
37. Border styles continued (2:00)
38. Opacity (1:00)
39. Adding the class id (4:09)
40. Div tags and CSS (2:31)
41. Span tags (2:32)
42. Changing table tags (2:57)
43. More adjusting on tables and class ID (3:04)
44. Adding more class IDs to tables. This time the table data section (3:15)
45. Class ID table header (3:12)
46. Class ID with unordered lists. (3:09)
47. Orderlists and classes (2:35)
48. List item class IDs (2:17)
JavaScript
Introduction to JavaScript (1:42)
2. More fun with the console (2:11)
3. More fun with the console (1:57)
4. More fun with the console to uppercase to lowercase (0:50)
5. More on methods and brackets (3:14)
6. Random numbers (2:44)
7. More on rounding (1:31)
8. Minimums and maximums (1:18)
9. Exponents (0:56)
10. Javascript and HTML (1:55)
11. Printing text to the screen (1:42)
12. Buttons and calling javascript code (2:55)
13. Javascript functions (1:57)
14. Adding script tags and talking about similar named fucntions (3:26)
15. Comments and their importance
16. Changing the text (2:09)
17. Changing the header text (1:56)
18. White Spaces (2:03)
19. Variables (3:55)
20. More fun with variables (1:25)
21. Declaring more than one variable per line (2:50)
22. More fun with variables (4:09)
23. Math with variables (2:12)
25. Changing the color of the text (3:02)
26. Income calculator (6:36)
27. Income calculator 2
28. Income calculator - adding more functionality and comments (6:03)
29. Adding more realistic figures (2:33)
30. Adding in more expenditures (4:30)
31. Adding in more functionality (6:33)
32. Making a new app (8:36)
33. Finalizing the money app (3:52)
34. If statements (2:29)
35. How an if statement works (2:48)
36. Else statements (1:31)
37. Else if statements (2:16)
38. Greater than and less than in if statements (2:40)
39. Greater than and equal to (1:24)
40. Not equal to (0:55)
41. Multiple conditions (2:43)
42. Or operator (1:33)
43. Strings and if statements (1:51)
45. Objects
46. Objects properties (2:11)
47. more on Object properties (3:28)
40. Div tags and CSS
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock