CourseFlix

Premium Javascript (Premium membership)

63h 55m 37s
English
Paid

This course gives you clear and direct lessons in JavaScript. You learn how each idea works and why you use it. The focus is on real understanding, not copying code.

What Makes This Course Different

Many courses show code without clear reasons. This course is not like that. Gordon Shue explains each step in plain language. You see how a method works and why you choose it. You get the full picture, not a quick demo.

About the Teaching Style

Gordon teaches like a mentor. He takes time to break down each idea. He shows how JavaScript behaves and what that means for your code. You learn to think through a problem, not just follow steps.

Why Students Like This Course

If you learned from Udemy, Treehouse, or similar sites, you may notice a clear shift here. The pace is steady. The lessons build on each other. You get simple examples that help you understand the core ideas well.

Try a Free Course

You can watch a free course from Gordon here. It gives you a good feel for his teaching style.

About the Author: Watch and code

Watch and code thumbnail

Watch and Code Overview

Watch and Code is a young learning platform with two JavaScript courses and one instructor. The lessons are clear and useful, and they help you build real coding skills.

We recommend the platform if you want a simple start with JavaScript and like a focused teaching style.

Watch Online 120 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 120 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 2. jQuery is irrelevant
All Course Lessons (120)
#Lesson TitleDurationAccess
1
2. jQuery is irrelevant Demo
01:19
2
3. The steps
01:16:35
3
4. Event listeners, toggle, delete, filter
01:11:16
4
5. edit, editKeyup, update
53:14
5
6. Rendering with templates
42:16
6
7. localStorage, init
33:40
7
1. What is testing?
17:06
8
2. forEach, first steps
20:25
9
3. forEach, callback arguments
13:50
10
4. forEach, optional this
29:10
11
5. filter
51:40
12
6. map
44:35
13
7. reduce, first steps
19:41
14
8. reduce, deciphering docs
48:01
15
9. reduce, finishing up
01:43:26
16
1. Error handling, setTimeout
30:47
17
2. Constructors, console.log output
58:18
18
3. Where we are now
33:45
19
1. Introduction to the library
16:27
20
2. Approaching docs like a pro
32:47
21
3. What are IIFEs?
26:56
22
4. IIFEs and sharing data
16:06
23
5. Scopes, locals, closures, globals
17:09
24
6. librarySystem
44:19
25
7. noConflict
30:59
26
8. Prototypes, an introduction
15:50
27
9. Prototypes and constructors
23:02
28
10. isString, !!, and String.prototype
29:27
29
11. Remaining internal helper methods
31:39
30
12. checkCurrencyFormat
29:54
31
13. toFixed and rounding issues
42:20
32
14. formatMoney and style
21:54
33
15. Recursion, what is it?
38:59
34
16. Recursing through the DOM
33:11
35
17. Recursively mapping arrays
49:26
36
18. Regular expressions, first look
47:26
37
19. Regular expression capture groups
23:19
38
20. Lookaheads and backreferences
19:32
39
21. formatNumber
34:45
40
22. unformat, new RegExp
22:34
41
23. When Googling goes nowhere
19:28
42
24. formatColumn
30:13
43
25. Thinking recursively
23:07
44
26. Broken tests
42:22
45
27. Retrospective
59:34
46
1. How I see the world
08:47
47
2. How the average person thinks
06:59
48
3. Don't read every line of code
07:14
49
4. What is Underscore?
07:42
50
5. Two minute setup
01:46
51
6. Before you start
13:48
52
7. Remember main.js?
13:24
53
8. main.js event listeners
16:15
54
9. Strategically setting breakpoints
26:08
55
Getting the debugger to work
02:00
56
Why do open source?
32:05
57
Criteria for choosing a project
21:43
58
Better and meh ways to find a project
07:38
59
Should I open an issue?
17:16
60
2019-01-08 Underscore's isArrayLike
38:09
61
2019-03-07 _.keys
27:08
62
2019-03-19 Underscore issues, prs, etc
34:03
63
2019-03-20 Underscore closed issues
26:53
64
2019-03-22 Disabling:enabling all column breakpoints (Miriam)
40:24
65
2019-04-04 Underscore's first commit
24:03
66
2019-05-20 Regex II
36:39
67
2019-07-09 The debugger game on _.template
53:39
68
2019-07-10 The annoyances of method chaining in _.template
26:45
69
2019-07-11 Client/server model in Firefox's debugger, part 1 (Jaril Valenciano)
22:40
70
2019-07-12 Client/server model in Firefox's debugger, part 2 (Jaril Valenciano)
34:49
71
2019-07-15 Stepping through two examples with _.template
40:19
72
2019-07-19 Starting a simple server (Jaril Valenciano)
31:23
73
2019-07-22 Syntax highlighting bug part 1 (Janelle de Ment)
46:09
74
2019-07-23 Syntax highlighting bug part 1 (Janelle de Ment)
38:55
75
2019-07-24 Student story (Anthony Xie)
58:25
76
2019-08-05 Getting the debugger to work on server code
13:49
77
2019-08-08 listenInCluster part 1 (Jaril Valenciano)
20:31
78
2019-08-09 listenInCluster part 2 (Jaril Valenciano)
28:55
79
2019-08-13 Recursing one level into _.isEqual
45:01
80
2019-08-14 setupListenHandle (Jaril Valenciano)
40:28
81
2019-08-15 server.on (Jaril Valenciano)
37:32
82
2019-08-16 copyWithin, part 1 (Jake Ryan)
01:00:37
83
2019-08-16 copyWithin, part 2 (Jake Ryan)
51:27
84
2019-08-20 Recursing two levels into _.isEqual
39:30
85
2019-08-22 copyWithin, part 3 (Jake Ryan)
32:27
86
2019-08-27 copyWithin, refactoring, part 4 (Jake Ryan)
38:25
87
2019-08-28 copyWithin, part 5 (Jake Ryan)
39:55
88
2019-08-29 copyWithin, start parameter, part 6 (Jake Ryan)
26:25
89
2019-09-02 copyWithin, part 6 (Jake Ryan)
35:14
90
2019-09-04 Getting started with Firefox, part 1 (Luke Swiderski)
37:16
91
2019-09-05 copyWithin, part 7 (Jake Ryan)
42:59
92
2019-09-09 copyWithin, part 8, arrays with 3 elements (Jake Ryan)
40:52
93
2019-09-18 copyWithin, part 9, tables (Jake Ryan)
53:45
94
2019-09-19 copyWithin, part 10 (Jake Ryan)
30:50
95
2019-09-20 copyWithin, part 11 , end parameter (Jake Ryan)
35:52
96
2019-09-23 _.sortBy
35:49
97
2019-09-25 copyWithin, part 12, more on end (Jake Ryan)
25:19
98
2019-09-26 Firefox updates from the group
42:00
99
2019-09-30 Getting started with Firefox, part 2 (Luke Swiderski)
17:38
100
2019-10-01 Getting started with Firefox, part 3 (Luke Swiderski)
07:27
101
2019-10-02 copyWithin, part 12, drawings (Jake Ryan)
30:45
102
2019-10-07 _.sortedIndex part 1 (Gordon Zhu)
18:48
103
2019-10-07 _.sortedIndex part 1 (Gordon Zhu)
18:48
104
2019-10-09 Getting started with FireFox, part 5 (Luke Swiderski)
54:07
105
2019-10-10 Getting started with FireFox, part 6 (Luke Swiderski)
39:40
106
2019-10-14 Getting started with FireFox, part 7, bootstrapping Mozilla Central (Luke Swiderski)
21:20
107
2019-10-16 Getting started with FireFox, part 8, Setting up arcanist and moz-phab (Luke Swiderski)
45:18
108
2019-10-17 Underscore sortedIndex
22:35
109
2019-10-21 Getting started with FireFox, part 9, practice patch (Luke Swiderski)
35:18
110
2019-10-23 Getting started with FireFox, First visible change (Luke Swiderski)
39:45
111
2019-10-24 Getting started with Firefox, running the debugger on the debugger (Luke Swiderski)
12:04
112
2019-10-24 Debugger token highlighting bug (Janelle de Ment)
39:50
113
2019-10-28 Getting started with FireFox, reviewing an old pull request (Luke Swiderski)
49:28
114
2019-10-31 Debugger token highlighting bug, part 2 (Janelle de Ment)
34:38
115
2019-11-04 Getting started with FireFox, problem with replicating old pull requests (Luke Swiderski)
33:39
116
2019-11-05 Firefox, rewinding to different points in time (Luke Swiderski)
28:02
117
2019-11-21 Firefox, reviewing an old pull request (Luke Swiderski)
13:21
118
2019-11-22 Debugger token highlighting bug, part 3 (Janelle de Ment)
28:47
119
2019-11-27 A tricky case of `this` (Anthony Xie)
33:54
120
2019-12-13 Starting with Firefox on Windows (Stepan Stava)
20:30
Unlock unlimited learning

Get instant access to all 119 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

  • JavaScript Error Handling thumbnail

    JavaScript Error Handling

    Sources: vueschool.io
    Master the art of creating reliable and maintainable JavaScript applications with our comprehensive course on error handling. You will learn professional...
    54 minutes 59 seconds
  • Modern JavaScript thumbnail

    Modern JavaScript

    Sources: ui.dev (ex. Tyler McGinnis)
    This is a 'living' course which updates as JavaScript does. If you haven't taken a look at the latest versions of JavaScript the last few years you've been missing out. From…
    3 hours 4 minutes 3 seconds
  • Modern JavaScript Full Course thumbnail

    Modern JavaScript Full Course

    Sources: fireship.io
    The JavaScript Course teaches you how to build modern applications with vanilla JavaScript - no React, no TypeScript, no Frameworks - just plain old JavaScript.
    1 hour 14 minutes 10 seconds 5 / 5
  • Animating with the JavaScript Web Animations API thumbnail

    Animating with the JavaScript Web Animations API

    Sources: udemy
    This course teaches you how to animate on the Web using the JavaScript Web Animations API W3C standard.
    1 hour 59 minutes 45 seconds
  • Mastering JavaScript Unit Testing thumbnailFree

    Mastering JavaScript Unit Testing

    Sources: codewithmosh (Mosh Hamedani)
    A comprehensive, beginner-friendly guide covering everything from the basics to advanced techniques. Tired of piecing together disconnected tutorials or dealing with rambling…
    3 hours 51 minutes 31 seconds 5 / 5
  • Youtube clone thumbnail

    Youtube clone

    Sources: Nomad Coders
    Learn to create a comprehensive YouTube clone covering front-end and back-end with JavaScript, Node.js, and MongoDB. Enhance your developer skills by building
    15 hours 41 minutes 20 seconds 5 / 5