Typing for coding

So i came across the “the Odine Project” a sister like platform of codecamp. While talking about the distraction of rabbit holes, they send you down a few of them; its hard to ignore because its all so interesting!

one of them was several different “free” typing practice platforms. im brushing up, but one of them has a system specifically for Coders. Im finding there are probably some skills i could use to get better. this is however a premium which requires payment.

anyone know about any for free?

also, there seems to be a million code editors. One camper on here recommended “codepen” which is online. is there another for download or better for beginners, which is the most popular and why?

Typing speed while coding is usually a non-factor most of the time. As just because you are typing quickly, doesn’t mean your working as efficiently as possible. Factors such as:

  • code editors providing auto-suggestions, provides a lot of speed regardless of typing
  • coding styles could help/hurt based on typing speed, IE acronyms vs long words, code conventions/architecture could help/hurt auto-suggestions
  • different languages have different syntax, which will impact your overall speed depending on what you are used to.
  • what about documentation, which is plain-text/syntax-free?
  • you will spend most of your time reading code, not writing it.
  • AI can come in and wipe most of this out, and just requires plain-text prompt engineering to generate a majority of the “starter” code, leaving you to read/update/fix/check what it gave you.

Practically, I’d just write code. The more you do it, the faster you will become just via practice. No need to pay for a service to practice, when you could just directly practice for free, while also practice in a more realistic environment with more realistic projects. As long as you have good form typing normally, you shouldn’t have much of a problem with coding.

So codepen is usually suggested and is popular because its simple and accessible. Its an “online IDE” that provides a straight forward interface, self-hosting, and simplified tooling. You can get going with it quickly, and bypass pretty much all the tooling you’d need to deal with otherwise. Its great if you want to build stuff with HTML+CSS+JS on the front-end and be able to show it off without doing anything.

Past that, there’s other online IDE’s which provide similar capabilities to codepen, but with more features/differences, to full on professional grade IDE’s that you can run locally or also online.

Practically there is really 1 other primary alternative that dominates the web-dev space. Its VSCode, which is a free editor that is made by Microsoft. Its main power is its configurability, and extensive extension marketplace that allows you to take it from a fancy text-editor to a full on IDE with a bunch of extensions.

Its professional grade, and actually comes in multiple forms to fit different scenarios, such as multiple “online” versions that can be ran thru your browser without installing anything with some caveats. Generally though its usually the go-to for professionals and beginners alike.

However, as with any local software you have to deal with your local system, and since its “bare bones” out of the box you’ll have to configure and “build it up” to get the most out of it. Because of this, its vastly less beginner friendly than something like codepen.

There are lots of options out there, but if your just starting I’d focus on just a few tools and keep things as simple as possible. Codepen is a fine place to start.

your answers are always so thorough and thoughtful. thank you for your time.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.