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)
77. Changing the colors back to the original color
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
