Do THIS to Write Clean Code! | JavaScript Pro Tips (2021)
🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Do you want to write code like a pro? In this video, I'll give you some examples of code that works, but could be written better. Make sure you watch through all of the examples so that you can learn how to start writing clean, professional code.
Inspiration for this video came from this repo from Ryan McDermott:
Clean Code JavaScript - https://github.com/ryanmcdermott/clean-code-javascript
@James Q Quick - Quokka.js VS Code Extension - https://youtu.be/yeZa4QsX38w
_____________________________________
🤖 Get FREE AI-powered code completions from Kite: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
📚 FREE 7-Day trial at Treehouse: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________
⏱️ Timestamps ⏱️
00:00 - Intro
00:35 - Declaring Variables
00:59 - Assigning Values
01:23 - Naming Variables
03:18 - Don't Rely on Developer Memory
03:55 - Unnecessary Context
04:34 - Destructuring
05:31 - Objects & Guard Clauses
07:39 - Default Arguments
08:54 - Conditional Shorthand
09:34 - Template Literals
11:19 - Write Linear Code
13:02 - Single Responsibility Principle
14:38 - Don't Use Flags
16:34 - Avoid Side Effects
18:41 - Spread Operator
19:46 - Optional Chaining
20:37 - Ternary Operator
22:02 - Default Values
23:04 - Swap Two Variables
23:59 - Arrow Functions
24:57 - String to Number
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #JavaScript #learntocode
Видео Do THIS to Write Clean Code! | JavaScript Pro Tips (2021) канала codeSTACKr
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Do you want to write code like a pro? In this video, I'll give you some examples of code that works, but could be written better. Make sure you watch through all of the examples so that you can learn how to start writing clean, professional code.
Inspiration for this video came from this repo from Ryan McDermott:
Clean Code JavaScript - https://github.com/ryanmcdermott/clean-code-javascript
@James Q Quick - Quokka.js VS Code Extension - https://youtu.be/yeZa4QsX38w
_____________________________________
🤖 Get FREE AI-powered code completions from Kite: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
📚 FREE 7-Day trial at Treehouse: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________
⏱️ Timestamps ⏱️
00:00 - Intro
00:35 - Declaring Variables
00:59 - Assigning Values
01:23 - Naming Variables
03:18 - Don't Rely on Developer Memory
03:55 - Unnecessary Context
04:34 - Destructuring
05:31 - Objects & Guard Clauses
07:39 - Default Arguments
08:54 - Conditional Shorthand
09:34 - Template Literals
11:19 - Write Linear Code
13:02 - Single Responsibility Principle
14:38 - Don't Use Flags
16:34 - Avoid Side Effects
18:41 - Spread Operator
19:46 - Optional Chaining
20:37 - Ternary Operator
22:02 - Default Values
23:04 - Swap Two Variables
23:59 - Arrow Functions
24:57 - String to Number
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #JavaScript #learntocode
Видео Do THIS to Write Clean Code! | JavaScript Pro Tips (2021) канала codeSTACKr
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![JavaScript Loops - Code This, Not That](https://i.ytimg.com/vi/x7Xzvm0iLCI/default.jpg)
![JavaScript Pro Tips - Code This, NOT That](https://i.ytimg.com/vi/Mus_vwhTCq0/default.jpg)
![5 Must Know JavaScript Features That Almost Nobody Knows](https://i.ytimg.com/vi/v2tJ3nzXh8I/default.jpg)
![3 Tips To Write Clean Code (from an ex-Google software engineer)](https://i.ytimg.com/vi/HcijbAI4eB0/default.jpg)
![JavaScript Tutorial For Beginners](https://i.ytimg.com/vi/d5ob3WAGeZE/default.jpg)
![JavaScript Best Practices and Coding Conventions - Write Clean Code](https://i.ytimg.com/vi/RMN_bkZ1KM0/default.jpg)
![Web Developer Roadmap 2021 | A Guide To Starting A Career In Web Development](https://i.ytimg.com/vi/7k7ETzqOxn8/default.jpg)
![5 JavaScript Concepts You HAVE TO KNOW](https://i.ytimg.com/vi/a00NRSFgHsY/default.jpg)
![](https://i.ytimg.com/vi/QUi3V7Skz4k/default.jpg)
![7 MUST KNOW JavaScript Tips and Tricks](https://i.ytimg.com/vi/oRekCcwSeXs/default.jpg)
![CSS Crash Course In 30 Minutes](https://i.ytimg.com/vi/Tfjd5yzCaxk/default.jpg)
![How To Google Like A Pro! Top 18 Google Search Tips & Tricks 2022](https://i.ytimg.com/vi/LrVN52dhRxY/default.jpg)
![Asynchronous JavaScript in ~10 Minutes - Callbacks, Promises, and Async/Await](https://i.ytimg.com/vi/670f71LTWpM/default.jpg)
![Junior Vs Senior Code - How To Write Better Code As A Web Developer - React](https://i.ytimg.com/vi/0yzoAbrjV6k/default.jpg)
![Do THIS to become a Senior JavaScript Developer](https://i.ytimg.com/vi/58a_9-ZMJek/default.jpg)
![JavaScript Crash Course For Beginners](https://i.ytimg.com/vi/hdI2bqOjy3c/default.jpg)
![Write BETTER Code! 7 Tips to Improve Your Programming Skills](https://i.ytimg.com/vi/vfqvzgkYYF0/default.jpg)
![Why I Don't Use Else When Programming](https://i.ytimg.com/vi/EumXak7TyQ0/default.jpg)
![Top 10 Javascript Tricks You Didn't Know!](https://i.ytimg.com/vi/mNJ06S60B9k/default.jpg)
![JavaScript Clean Code](https://i.ytimg.com/vi/vPXzVNmCPg4/default.jpg)