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
Some background on the code example we'll use throughout this section.
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock