Are you a new web developer or thinking about taking the first steps towards web development? Then welcome to the cool kid's club! As a reward for entering in this awesome yet challenging world, I would like to present you 10 programming tips for new web developers.
Before you continue with this article, make sure you check my previous article on this topic: Top 10 coding tips for Beginners. This article is an extension of those 10 programming tips, so make sure you check them before proceeding.
Please, do not start learning frameworks without knowing the basics. I know this is quite compelling due to the demand, but it's crucial to have a solid foundation first. It might be hard at first, but then you'll be able to learn any modern framework much easier, like Node.js and Angular.js.
So my suggestion is to learn the following technologies first:
After these, you'll be much more prepared to face preprocessors, frameworks and other modern technologies.
Everyone is on mobile nowadays, so make sure that whenever you are doing front-end work, check if your website looks good on every device.
You can do so by opening your browser's DevTool Kit (it varies from browser to browser, but try right-clicking on a webpage and select inspect) and then click on the button Toggle device toolbar, as highlighted in the image below.
This will give you the opportunity to check your website in multiple devices without owning them.
Now that you know how to check your website in multiple devices, you'll need to know how to make it responsive. For this matter, look at Flexbox and Media Queries. These are CSS-native techniques that will help you create responsive designs and fix issues on a specific device.
Oh, and there is also Bootstrap. This is a CSS library that will help you implement your own designs with ease, while ensuring that your HTML elements will look good. I would recommend you to take a look at this as soon as you start feeling comfortable with CSS.
Just because your website looks good on Chrome, doesn't mean it will look as good everywhere else.
Other browsers might interpret your styles in a slightly different way than what you are used to. That's why there are properties offered by the browser's rendering engines for you to leverage in CSS, to ensure proper results. Here are some prefixes:
Your browser's DevTools (aka inspect element) is a a great tool to leverage, trust me! I feel like these are my eyes when working on any website, as it will allows you to identify your site's problem on multiple levels, from CSS and Javascript to network issues.
Here is a list of some things you can do with this tool:
And the list goes on...
Don't forget that your creation will be used by humans! So it's important to develop your project with usability and design in mind.
Also, never forget that one of the key components of web development is globalization. We want for everyone to be able to access our creations, even if they have disabilities, so keep accessibility in mind.
Much more than writing code, web developers are problem solvers for other people. We have the power to provide users with tools to make their lives better and richer, so it's extremely important to go beyond coding.
With great power comes great responsability.
Spiderman's Uncle Ben
Web Development is like being on the top of a train: whether you grab it with all your strength or you'll be left behind.
This is a fast-paced field, so it's imperative to learn the basics, master current technologies and be ready to jump into new ones that might arise!
Remember that a bit more than a decade ago, there was no such thing as smartphones, and now mobile development is imperative in any website.
So, my advice to you is to plan what you are going to learn next. Then find an online course and follow it. There are a ton of free online courses out there on youtube (the new boston and Dev Ed are great channels) and other platforms such as Code Academy, so leverage them!
Senior developers also use Google, a lot! Coding is not about knowing exactly how to build something like a cooking recipe.
Rather, it's about solving problems.
For me, it's rather frequent to forget syntax, so it's much faster to browse for answers than trying remember the syntax itself.
So, go ahead! Ask Uncle Google!
Don't be afraid to ask your questions, even if you feel like they are dumb! There are people out there ready to help you, and will gladly do so.
Also, it is a good idea to join a community. This way, you will have an easier time finding people to help you, and you will be able to help other people who need help, if you wish to.
Keep in mind that teaching other people might help you consolidate concepts, so you might improve your skills while teaching to others.
Git is a distributed version-control system for tracking changes to your project's files during development. This is an extremely useful tool to coordinate work with a team or just to keep a backup of your work.
This is something I truly regret not doing when I started my journey on web development so make sure you do!
Besides being an essencial tool for development, every software house uses GIT or any other version-control system.
So go for it!
Motivation can be a decisive factor for your career as a web developer. So, the way you stay in the game is by focusing on what you enjoy the most and think about what you want to accomplish.
And also, do it for yourself, not for anyone else. Remember that your path won't be easy and that there will be a lot of challenges ahead of you, so walk at your own pace towards it.
At this stage, you're probably figuring out your path, and that's ok. But keep this in mind throughout your journey.
Web Development can be a wonderful ride, but it's easy to get lost in when starting diving in. Thus, it's imperative to have some sense of direction when giving your first steps.
These programming tips are pretty much a reflection of what I would do if I had to start all over again. So, I really hope you enjoyed this article and that these programming tips will be helpful to you in the future.
What do you think about these 10 programming tips?
What would you add to this list?
Let me know!
