DEV Community

Cover image for Before coding loads!

Before coding loads!

#a web developer #a UI designer
・4 min read

Coding can be overwhelming. We have all been there in that state of confusion before embarking on the coding journey. Before you start coding, there are a few points you have to keep in mind when it comes to web development or programming in general.

Code editors

Code editors such as Atom, Brackets, and Visual Studio Code will create the coding environment where you can write your code. I recommend Visual Studio Code, which comes with packages and extensions that will make your workflow much faster and easier.


Avoid jumping from one source to another or from one video to another. I recommend juniors to opt for one source and stick to it until the end.

  • Documentations

Documentations are super handy. Sticking to documentations will help you get the gist of whatever is going on and not get lost. Documentations such as MDN Documentation and W3Schools can provide you with the best paths and understanding all concepts you need to know. Each scripting or programming language has its own documentation like Python Documentation, PHP Documentation and so on.

  • YouTube

Not all YouTube channels are informative. Potential creators such as Brad Traversy, Web Dev Simplified, The Net Ninja, Dev Ed, Kevin Powell, and Steve Griffith can provide you with reliable crash courses and content to follow.

  • Platforms

You do not have to spend money on platforms to have access to. There are great free platforms that could provide you with a reliable source of information such as FreeCodeCamp, which I highly recommend. You can also go with Codecademy which has free access for HTML, CSS and JavaScript basics. But, if you want to go further with other languages, you will have to go pro and pay. I think that Documentations are sufficient.

Frontend & backend

Before starting, you have to understand the difference between a front-end developer, a backend developer, and a full-stack developer and the languages each part uses to achieve their goals.

  • A frontend developer

Basically, a frontend developer deals with client side which refers to whatever the user sees on the screen and interacts with. A frontend developer will have to acquire HTML, CSS, JavaScript, and later go with React. (S)he has to analyse the performance of a website, for example, and imagine enough to design it.

  • A backend developer

Basically, a backend developer deals with server side which refers to whatever the user cannot see. Everything occurs in the background. Everything that has to do with functionalities like creating a shopping cart, making dynamic pages, creating app tools etc. A backend developer will have to acquire one of server-side languages such as PHP, Node.js, Python etc and a relational (MySQL, PostgreSQL, IBM) or non-relational (such as MongoDB, Cassandra) database.

  • A full stack developer

A full-stack developer deals with both frontend and backend sides.


Juniors often start taking it lightly. Keep in mind: to become a professional web developer or programmer, you have to learn and practise as much as possible through doing. The keyword here is doing. You have to be consistent and stick to a determined schedule.

Libraries & frameworks

I wish I knew this when I had started my journey. Libraries and frameworks are coded by other developers and software engineers. Most people in the area use both terms interchangeably, but there is a subtle difference.

  • Libraries

A library is a set of thousand codes or rules pre-defined for us to employ. For instance, jQuery is a JavaScript library that provides us with ready-made code put together to help us write less and do more. In a nutshell, you manage and dominate the library the way you want.

  • Frameworks

A framework is also a set of thousand predefined codes or rules. But you cannot control it; it controls the flow of your work. For example, after finishing with HTML, CSS, and JavaScript and having a basic understanding of server-side, you will have to pick a framework to stick to when building your projects. Frameworks such as Vue and Angular target frontend. Express is another framework for Node.js on the server-side.

Problem-solving & errors

  • Problem-solving

A developer or programmer has to have a particular mindset before starting the journey. Keep in mind that developing or programming is all about problem-solving. Keep that mindset during the entire journey from learning to becoming a professional developer or programmer.

  • Errors

It is the standard to make mistakes. We are not born smart. The great portion of the entire journey aims at going through trial and error to reach the problem-solving stage. Although I'm not a big fan of Stackoverflow, you still can check it out for error solving. I recommend you to understand your code and solve it yourself.

Tricks & hacks

Through the entire journey, there are tricks and hacks you have to learn. No one will ever tell you about them unless you do your thorough research. I recommend, CSS-Tricks, freeCodeCamp which provide informative articles that can help you during your work.

Best and bad practices

Last thing to keep in mind: there are radically two ways of writing your code; either the best way or the bad way. A good practice aims at achieving a clean and highly-secured code which doesn't allow room for bugs to break it down. A bad practice, which you should avoid, leaves your code not clear, not clean and, most importantly, fragile. That's to say it could easily break.

The list could go on and on. But, these are the fundamentals you have to keep in mind as a junior developer.

Discussion (0)

Forem Open with the Forem app