Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Kids Coding! - Introduction to HTML, CSS and JavaScript
Introduction
Kids Coding – Introduction to Programming Languages (2:49)
How to use this course (2:29)
Let's Begin
What Languages We Will Be Learning (0:47)
First Coding (1:10)
Let's Code Something Fun (2:19)
Congratulations! (0:25)
Differences of coding languages (1:27)
Programming languages (1:38)
Programming basics (1:41)
Variables (2:22)
Types of variables: INT (2:53)
Float Variables (0:44)
Boolean variables (1:00)
Characters (1:52)
User input and output (2:24)
User input (1:27)
Math (1:25)
Co-ordinates (2:00)
How computers do math (1:38)
Modulo and exponents (0:57)
'If' statements (1:38)
The condition in the 'if' (0:44)
If and else statements (0:45)
If else statements (1:10)
Conditions greater than (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 co-ordinates in ifs (1:02)
Loops (2:03)
For loops (1:47)
Do while loops (1:04)
Breaks in loops (1:06)
Arrays (2:25)
Let's Learn HTML
1. Finding the real time HTML editor (0:35)
2. Talking about the editor and (2:29)
3. Adding an html and body tag (2:00)
4. Adding the paragraph tag (1:36)
5. Adding headers and talking about different headers (3:00)
6. Talking about text formatting in the editor and in the output (2:08)
7. Adding breaks to the code (4:29)
8. Adding in text formatting. Emphisize (2:17)
9. Adding in strong text (1:09)
10. Adding in other text formatting (1:29)
11. Variables (1:48)
12. Styling link text (0:40)
13. Adding an image (1:31)
14. Editing the height 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:19)
17. Comments (2:58)
18. Tables (1:12)
19. Tables, adding columns (1:04)
20. Adding rows to tables (2:43)
21. How to comment effectively (1:35)
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:33)
28. Adding unordered lists to definition 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:19)
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 (1:13)
47. Test #8 (0:18)
48. test 8 solution (2:17)
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:19)
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:11)
59. Adding in a submit button (1:27)
60. Adding in radio button input types (2:12)
61. Adding in a checkbox input type (2:09)
62. Introduction to styles (1:02)
63. Paragraph styles (1:29)
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:25)
67. Adding styles to a table (1:52)
68. Aligning a table to the center (0:41)
69. Adding in a margin to the table (1:13)
70. Changing the width 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:46)
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:05)
80. Adding in a table header to the columns (2:56)
81. Adding the content (4:18)
82. Time to make your own website (1:12)
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:29)
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:09)
4. Lets get our hands dirty and talk about CSS (3:19)
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:13)
9. More background image options (1:33)
10. Aligning text (1:48)
11. Text transform (1:07)
12. Indenting text (1:27)
13. Text decorations (1:21)
14. Changing fonts in CSS (1:41)
15. Serif fonts, sans-serif fonts and monospace fonts (1:54)
16. More fonts like cursive and 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:11)
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)
26. Adding in style points to tables (3:38)
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:21)
30. Adding a background image to a table (1:20)
31. A tags (1:58)
32. Changing Colors (1:36)
33. More about a tags (2:29)
34. Padding, border, margin (2:44)
35. Border style (0:49)
36. Border styles continued (2:00)
37. Opacity (1:00)
38. Adding the class id (4:09)
39. Div tags and CSS (2:31)
40. Span tags (2:32)
41. Changing table tags (2:57)
42. More adjusting on tables and class ID (3:04)
43. Adding more class IDs to tables (3:15)
44. Class ID table header (3:12)
45. Class ID with unordered lists (3:09)
46. Orderlists and classes (2:35)
47. List item class IDs (2:18)
JavaScript
1 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
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 functions (3:26)
15. Comments and their importance (3:03)
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)
24. Changing the color of the text (3:02)
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:30)
30. Adding in more functionality (6:33)
31. Making a new app (8:36)
32. Finalizing the money app (3:52)
33. If statements (2:29)
34. How an if statement works (2:48)
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:24)
39. Not equal to (0:55)
40. Multiple conditions (2:43)
41. Or operator (1:33)
42. Strings and if statements (1:51)
43. Objects (0:52)
44. Objects properties (2:11)
45. More on Object properties
14. Adding script tags and talking about similar named functions
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock