Autoplay
Autocomplete
Previous Lesson
Complete and Continue
On writing JavaScript well.
Welcome
A or B? (11:46)
The aesthetics of code (6:04)
Consistency matters (3:36)
Format of course (4:29)
Getting access to code used in the videos throughout the course
Naming is one of the best investments
Choose your words wisely. (3:08)
What do you mean? (12:15)
Read the code out loud (2:38)
Be specific (5:01)
Abbr. (8:58)
Function naming matters too (7:18)
scopeConventions - naming that helps identify scope (5:17)
ConstructorFunctions - how to name constructor functions (2:50)
CONSTANT_CONVENTIONS - naming to indicate constants (2:12)
What is hungarian notation? (8:07)
Be careful what you say (1:40)
Translating abstractions (5:27)
Be explicit (7:41)
Tips for pluralization (2:28)
Hands on with a bubble sort algorithm.
My thoughts on the bubble sort algorithm (14:12)
Consistency in the structure of code
Would you read this book? (3:24)
How to structurally format code with consistency (4:20)
Using tools to handle formatting for you. (4:02)
Controlling indentation in code. (3:49)
Controlling spacing in code. (4:39)
Leverage line wraps and braces to partition code vertically. (5:58)
Watching line length (4:26)
Removing excessive blank lines (1:29)
One set of settings for the team (3:25)
Being explicit with parenthesis (2:52)
Hands on - make sense of this
My thoughts on the hands on example (11:01)
The role comments play in code.
What's the color of George Washington's white horse? (2:22)
Restating the obvious (2:23)
Comments at the end of lines (5:29)
Comments in lieu of naming (7:04)
Comments in lieu of functions (4:49)
Comments in lieu of changing the code (2:56)
Commented out code (4:04)
Commenting public interfaces and JSDoc (6:12)
Comments to explain tradeoffs (2:30)
Leaving todos in code (2:52)
Carefully crafting comments (3:13)
The infamous 50 line file header comment (3:59)
Hands on - what do you think of these comments?
My thoughts about comments in the hands on example (11:07)
Tools that can take some of the pain out of writing JavaScript well
What role can tools play in all of this? (2:04)
Opening the samples for this course in WebStorm (3:30)
Finding your way around WebStorm (4:39)
Navigating code like a pro in WebStorm (8:40)
Running a JavaScript file in WebStorm and viewing the results (2:17)
Refactoring code like a pro in WebStorm (4:29)
EditorConfig, a tool to help enforce basic rules across a variety of editors (5:44)
JSLint (9:29)
JSHint (8:13)
ESLint (7:55)
A workflow to catch issues as they happen, but with a safety net just in case (2:35)
ESLint inspections combined with the power of WebStorm code formatting (3:34)
Hands On - try these tools out
The impact of function composition
Functions matter too
Some background on the code example we'll use throughout this section. (8:58)
Size matters (2:40)
Applying Command Query Separation (CQS) (5:48)
Returning early (8:20)
Not returning early? (3:58)
Explicit return statements with intermediate variables (4:26)
Declare variables next to their first use (10:27)
The compose method refactoring (9:03)
Parameter overload! (3:43)
Hands on - real world
Next
What next?
Automated testing helps you write code well (6:59)
My first automated test (6:29)
Functional programming with JavaScript (14:28)
Object Oriented Programming principles (OOP) (4:20)
Asynchronous JavaScript and the callback nightmare (3:59)
Future versions of JavaScript and the lambda (5:33)
Share some code and get some feedback
Feedback about code from outside this course
Alek's - bubble sort (4:27)
Feedback about code from this course
Teach online with
Returning early
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock