Mastering Clean Code in JavaScript

Clean Code with JavaScript 7 lectures 01:04:01 The Course Overview This video provides an overview of the entire course. Clean Variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables Lexical Scope and let Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Clean Functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions All about this The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new Clean Objects and Classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes Using a linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter Clean Code with JavaScript 7 lectures 01:04:01 The Course Overview This video provides an overview of the entire course. Clean Variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables Lexical Scope and let Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Clean Functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions All about this The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new Clean Objects and Classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes Using a linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. This video provides an overview of the entire course. This video provides an overview of the entire course. Clean Variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables Clean Variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables Clean Variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables Clean Variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables We have to begin the journey to cleaner code from somewhere and variables is the perfect place to start. • Show tips for cleaner variables Lexical Scope and let Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Lexical Scope and let Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Lexical Scope and let Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Lexical Scope and let Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Developers often have mistaken ideas surrounding lexical scope. • Ask two questions regarding scope • Answer the first question based on the var keyword • Answer the second question based on the let keyword Clean Functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions Clean Functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions Clean Functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions Clean Functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions Functions form the majority of a developer’s JavaScript code. Functions need to be as clean as possible. • Show tips for cleaner functions All about this The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new All about this The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new All about this The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new All about this The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new The this keyword is a common source of bugs for developers who often produce bad code because of it. • Describe the baseline case • Describe call, apply and hard binding • Describe what happens when this is combined with new Clean Objects and Classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes Clean Objects and Classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes Clean Objects and Classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes Clean Objects and Classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes The viewer would benefit from a few tips on how to more effectively work with objects and ES6 classes. • Show tips on how to work with objects and classes Using a linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter Using a linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter Using a linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter Using a linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter JavaScript code can often become chaotic, especially in big projects. • Install the linter • Add a few rules • Demonstrate and solve the errors pinpointed by the linter Clean Code with Functional Programming 6 lectures 31:37 Introduction to Functional Programming Some viewers may not know what is functional programming. • Start with a simple definition of three pillars of functional programming • Describe the pillars Writing a Pure Function Pure functions are fundamental to functional programming. • Describe quite well the theory behind pure functions • Show an example of a function that is impure • Take steps to fix that function Object.assign and the Spread Operator ES6 came with some really nice features that help you transform your code with functional programming. • Describe what are side effects • Avoid side effects by using Object.assign • Avoid side effects by using the spread operator Forget the Loop with Map and ForEach Using a typical for loop is a thing of the past in JavaScript. There are other, more elegant ways of achieving great results while minimizing side effects. • Show an example of for loop versus forEach • Show an example of a for loop versus map Reducing an Array Map and forEach are good only for certain cases. When you need to get one number as a result of an operation on a collection you need more than just map and forEach. • Describe what reducing an array means • Show an example of for loop versus reduce Filtering an Array Sometimes you need to only accept some of the items from an array. A for loop can do that but filter is shorter and more elegant. • Describe filtering • Demonstrate example of for loop versus filter Clean Code with Functional Programming. 6 lectures 31:37 Introduction to Functional Programming Some viewers may not know what is functional programming. • Start with a simple definition of three pillars of functional programming • Describe the pillars Writing a Pure Function Pure functions are fundamental to functional programming. • Describe quite well the theory behind pure functions • Show an example of a function that is impure • Take steps to fix that function Object.assign and the Spread Operator ES6 came with some really nice features that help you transform your code with functional programming. • Describe what are side effects • Avoid side effects by using Object.assign • Avoid side effects by using the spread operator Forget the Loop with Map and ForEach Using a typical for loop is a thing of the past in JavaScript. There are other, more elegant ways of achieving great results while minimizing side effects. • Show an example of for loop versus forEach • Show an example of a for loop versus map Reducing an Array Map and forEach are good only for certain cases. When you need to get one number as a result of an operation on a collection you need more than just map and forEach strongTree-Shaking with Webpack ES6 modules in combination with webpack 3 and the uglifyJS plugin offer the ability to remove unused code from the final...