How to code fast and type efficiently 😎
Tags: productivity, webdev, javascript, react
Published: 2020-11-12 06:39:55

Speeding up your coding skills is an important factor for all the coders. Many of them have no clue as to how to improve coding speed. Some try to rush through the code and end up with a bunch of bugs. Other few take their time and end up with an unbeaten timeline. Here are the major things to be taken care of if you want to improve coding speed.

> Some people think that to speed up coding, we need to improve typing speed or writing speed on a whiteboard. But in reality, typing speed is not important at all.

<hr>
Do you want development news right on your default chrome or firefox page? Then get the amazing  [daily.dev](https://api.daily.dev/get?r=rahxul) extension. There are only PROS of getting this extension no CONS. 
<hr>

## Improving your code typing speed

 > ### TIPS

- Your knowledge, of the language, is a key factor for fast coding. Imagine how much time you could save if a big function you wrote could be replaced by a simple library function. If you are good at the language, you will know which could be the fastest way to code.
<br />
- Invoke utility programs to perform the work. If there is a sorting utility, invoke it rather than writing a subroutine or inline code to perform the selection/sorting that is required. The utility is already tested while your code is not. Avoiding coding as much as possible is the greatest improvement.
<br />
- Plagiarize your code or the code of others (Yea you read right. This could be helpful). There is no design time. What you borrow already does what you need or something close to it. 
<br />
- Using keyboard shortcuts In the beginning it could seem to be frustrating, but once you are used to it, it changes things. You get to do everything with the keyboard and your hand rarely goes to the mouse.
 <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf" target="_blank">VS CODE Keyboard shortcuts</a>

> ### Sources For increasing Typing speed

- <a href="https://www.keybr.com/" target="_blank">Keybr</a> - (It has best type of words to practice while typing online.)
- <a href="http://www.speedcoder.net/" target="_blank">SpeedCoder</a> - (Practice Typing Source Codes of your favourite language with finger guiding system.)
- <a href="https://thepracticetest.com/typing/practice/programming-symbols/" target="_blank">The Practice Test</a> - (Here you can Practice typing programming code to increase your coding speed and expand or review your technical vocabulary at the same time.)
- <a href="https://www.how-to-type.com/typing-practice/programming/" target="_blank">How to type </a> - (Practice typing programming syntax with real code! Learn to type tricky symbols, brackets and braces faster and more accurately. Prevent typos from disrupting your coding flow.)
<br />

# Writing Efficient Codes
<br />

> Coding efficient will reduce resource consumption and completion time as much as possible with minimal risk to the business or operating environment. The software product quality can be accessed and evaluated with the help of the efficiency of the code used. 

### Tools 

- **HTML/CSS/JS Code Improver** is a simple, no-frills website that allows you to quickly tidy up and format your HTML, CSS and JavaScript. It’s a great way for a team of developers to standardize JavaScript code format for easier readability and collaboration. Don't get any app or anything else you can simply use many websites just paste your codes there and it will take max one second (depending on your internet connection) and will give you your same dirty code written in the best way. Just copy it and paste it in your project. <br />
<a href="https://beautifier.io/" target="_blank">Beautifier</a> (This website has these 3 languages)

- **Google Sitemap Generator:** Quickly generate a sitemap file based on the Sitemap XML protocol without you having to write it yourself. <br />
Link - <a href="https://www.xml-sitemaps.com/" target="_blank">GoogleSiteMap Generator</a>
 
- **Google Web Toolkit**: write high-performance Ajax applications quickly using Java and the compiled output is highly-optimized JavaScript files. <br />
Link - <a href="http://code.google.com/webtoolkit/overview.html" target="_blank">Google WebToolKit</a>

- **Using CSS Sprite Generator** -  it allows you to upload all of your images (you have to place them in a .zip file first) and it will combine the uploaded images into a single sprite and also generate the CSS for you. <br />
Link - <a href="http://www.alistapart.com/articles/sprites" target="_blank">Using CSS Sprite Generator</a>

 
### </ ABOVE LISTED TOOLS WILL HELP MOSTLY THE WEB DEVELOPERS  😅😆>


## TIPS FOR WRITING EFFICIENT PROGRAMS

- Create the right work environment :
Constant interruptions, uncomfortable circumstances, and endless meetings discourage flow. Make sure that you are in an environment that will not distract you; make it impossible for distractions to interrupt you. Always work during your peak time — not someone else's.
 <br />

- Knowing how to interact with people will let you learn from and teach those around you with less friction and more joy. <br />
- Learn memoization / dynamic programming. Generally, if you need to repeat a complex computation, it might be better to store it and then do a simple lookup later. <br />
- Premature optimization is a mistake. Computers and compilers generally do a great job where you expect they might fail. It's just too complex to predict what will happen. <br />
- Profile (measure) where your code is slow. Optimize this code. It probably won't be what you expect. <br />
- Coders need to be problem solvers. The process of programming requires that we properly break down complicated problems, plan and implement solutions and figure out all possible inconsistencies/bugs in code. <br />
- Plan out the flow of your program first. If you have a plan you have a clear execution in mind. If you have a clear execution in mind your code will be clean. Think of it like a government who promises everything but has no plan. So the outcome is a Mess even if they try to complete every task. But on the other hand, a HouseWife knows how she wants to maintain her kitchen & she does it. A Pre Planned Execution is all it takes to shorten the code. <br />
 


<hr>
Thanks For Reading. I hope you liked the tips. <br />
I'm Just Simple Front-End Web Developer so maybe you'll not like this post much useful. But if you liked it then please subscribe to my blog. (I'll not spam you 😎😂)