Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn to code, Become a Web Developer and Master JavaScript!
Introduction
Introduction
Learn JavaScript
01. Script tags and JavaScript files (4:47)
02. Calling a function in JavaScript (4:03)
03. Talking about functions for beginners (3:33)
04. Changing the text of HTML tags and restting the app (7:29)
05. Introduction to Variables (3:44)
06. Changing variables (4:55)
07. Printing variables to the screen (3:24)
08. Passing Variables through functions (6:36)
09. Variable Scope (5:35)
10. Organizing Variables (3:30)
11. Arrays (3:24)
12. Arrays and length (2:29)
13. Reversing an array's value (2:13)
14. Combining and joining arrays (3:02)
15. Sorting the array (5:32)
16. Splicing and adding items to the array (2:42)
17. The toString() method (3:39)
18. Looking at lastIndexOf and unshift() (3:17)
19. Taking text from a text box (4:42)
20. Organizational tip for variables (5:35)
21. Taking in numbers with the text box (2:09)
22. Only putting in number variables (6:48)
23. If Statements (5:35)
24. Else if statements (4:03)
25. Objects (3:10)
26. Printing objects to the screen (6:32)
27. Functions in Objects (2:32)
28. Random Numbers in JavaScript (4:31)
29. More Math expressions (3:12)
30. Dates (3:31)
31. Adding in dates (2:35)
32. For loops (3:05)
33. Breaking and arrays (3:05)
34. While Loops (5:03)
35. Boolean variables (3:18)
36. Getting Screen properties (3:14)
37. Finding the Window hight and width (2:11)
38. Prototypes (5:32)
39. Changing the style properties with JavaScript (2:38)
40. Styling the button (6:37)
41. Changing the input box (4:44)
Tip Calculator
01. Introduction (1:02)
02. Adding in the HTML (4:39)
03. Changing the font to a more stylish font (1:26)
04. Adding in the background color and the div tag (2:31)
05. Adding in the div tag CSS (5:36)
06. Changing the header style (2:57)
07. Changing the box (2:02)
08. Adding in the button colors (4:25)
09. Adding in the label CSS (2:02)
10. Adding in the focus and valid css logic (5:09)
11. Adding in the hover button logic (2:36)
12. Adding in the button focus logic (2:10)
13. Setting up the functions in javascript (1:08)
14. Taking in the text from the text boxes (5:07)
15. Adding in tip logic (3:56)
16. Formatting to two decimal places (1:33)
17. Adding in a clear button (1:34)
18. Tip calculator Conclusion (3:30)
Sports counter
01. Introduction (1:22)
02. Setting up the CSS (3:59)
03. Adding in the beginning CSS (4:47)
04. Adding in the button class logic (2:19)
05. Adding in the buttons (4:24)
06. Changing the reset buttom (2:54)
07. Formatting the fonts (2:49)
08. Changing the color (5:34)
09. Adding in the focus to the buttons (1:28)
10. Setting up the functions (1:10)
11. Adding in the button fucntionality (2:24)
12. Adding in the reset feature (2:05)
13. Sports counter conclusion (1:59)
Compound Interest Calculator
01. Introduction (1:01)
02. Setting up the HTML (4:35)
03. Adding in the div tag CSS (5:03)
04. Formatting the headers (2:48)
05. Formating the input boxes (2:29)
06. Formatting the buttons (2:42)
07. Styling the buttons (5:04)
08. Adding in the label CSS (2:49)
09. Adding in the focus, and valid logic to the input and label (5:16)
10. Adding in the hover logic (3:52)
11. Setting up the JavaScript File (1:25)
12. Pulling in the user input (1:44)
13. Adding in the compound interest formula (1:29)
14. Checking the answer (1:58)
15. Rounding the float (1:52)
16. Adding in the clear button functionality (2:56)
17. Final touches, conclusion and challenge! (2:06)
Quotes
39. Changing the style properties with JavaScript
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock