Best tools that a Web developer should know
Here is a detailed list of tools that a web developer should know as you continue learning and advancing in skills:
1.Hosting and deployment of your site
It is very true that most developers build a website and they need it running but the challange comes when deploying it ,here comes an easier and free way,by using Netlify you can deploy your website though it is limited to a website without its backend
How to deploy your website for free using Netlify:
1.Have your static website,in other words the one that does not have any linkage with a database.
2.Push your code to GitHub ,BitBucket or GitLab,and if you don't have the account you can create with one of the site.
3.Create a netlify Account by signing up with the Netlify
4.In your "Overview" page select New site from Git.
5.Select the repo you want to deploy
6.Wait for your app to deploy as Netlify starts building and deploying your website
How to deploy your website on heroku for free:
Heroku is one ofthe most popular cloud service provider and it helps in hosting websites for free
.Prerequisite for using heroku is having github and heroku account.
Note carefully that Heroku only hosts and supports applications and not static web pages as on netlify,this means that you need to have a backend and this can be done with PHP or any other language that supports backend .
Get heroku here
2.Royalty free images and videos for your Web
This is a very important tool for use especially when you want to beautify your website with informative images,videos and music that is copyright free.Examples of the site to get this content is:pexels.com,coverr.com,unsplash.com
3.Mockup tools
This is also another tool to learn and be aware of if you want to be a website designer.A website mockup tool is a high fidelity simulation of how a website will look like,it is like an image of how your website will look like.The sites to visit include: figma.com,zeplin.com
Why is it important to use a web design mockup?
They are useful for visualization in such a way that :
a)You can decide on the color schemes and check on the color contrast
b)Choose the font type and sizes
c)Implement images,videos and other visuals
d)Ensure that every page is consistent with the overall design
.They also help in getting client feedback before building the project
.Learning mockup is for anyone who is interested in web development.Sites to get this tool is figma.com and zeplin.com
4.Project design ideas
Beacuse most of us are developers and not designers then this tool is most important to us as it exposes you to the best web designers and developers who have shared their ideas and from them we can make our own more better.The best sites to use are :awwwards.com and dribble.com
5.Icons and fonts
As we know that website design is very important for any company to attract customers.Having appropriate and consistent icons and fonts is part of what makes the design so effective and successful.The sites to easily access this tools include but not limited to flaticon.com,fontawesome.com,animated icons and googlefonts .
6.Exercises and algorithms
If you want to practice to improve in your skills,then try this sites :leetcode.com,codewars.com->this helps developers achieve code mastery through challenge
exercism.io->choose a language to master,complete coding challange,upload your solution and review it with a mentor
7.General tools->css tricks.com,caniuse.com,image compressor,emailjs.com
Here are some other important tools to note:
css-tricks.com->this site helps in getting css code snippets ready to help design your web easily .
In conclusion,these are just but among the top on the list that you should know though the list is endless.You can share of the ones that need to be included on the comment section below.
0 Comments