I always felt a bit lost when I was starting on my programming journey.
It's true — it was a very frustrating experience. Maybe you're feeling a little frustrated, too!
I tried several courses and looked into different educational avenues to try and find answers, but most of them only teach theory and don't provide practical, real-world solutions for new developers.
So there are two things I want to share with you.
First, here's a list of resources I've put together that will provide you with a lot of relief as you continue learning.
Second, a list of 36 courses/certifications you can take as a web developer. Link below! -
🚀 https://dev.to/arjuncodess/36-coursescertifications-for-web-developers-19hc
👉 IDE
A coder without a code editor? Haha, no way! Here are some of the best code editors -
👉 Illustrations
Proper aesthetics define a website. As a web developer, you have to be careful about the images and icons you use. Here's a list:
- Unsplash, Pexels, Undraw, DrawKit, FreePik, and Pixabay — Free images, photos, and videos
- Loading.io — Free animated, static spinners, progress bar, backgrounds, and much more
- Lottie Files — High-quality, interactive open-source animation files
- Ionicons, icons8, Icones, Flaticon, and IcoFont — Rich resources containing different icons
👉 Tools
Many prominent developers have created excellent, crazy tools to boost development. These are some of them:
- Remove BG — An AI tool to help remove the background of an image
- Clippy — Create complex shapes in CSS using the clip-path property
- Web Code Tools — One Platform with many solutions. Generates box shadows, gradients, meta tags, elements, etc.
- Haikei — Generates unique SVG design assets
- Transform — A polyglot web converter
👉 Challenges
The developer’s life is a life of overcoming challenges (& bugs, haha!). To keep up with trends, we have to challenge ourselves constantly. For that, use:
- CSS Battle — A battleground to improve and tighten CSS skills
- LeetCode, HackerRank, Exercism — Platforms for Data Structure & Algorithms practice
- Frontend Mentor, iCodeThis & Codewell — Develop, practice & compete to code a frontend website from its design file
- freeCodeCamp — Learn and complete projects to achieve certifications for free
👉 Hosting
Want to share your website with the entire world? Check out these free hosting services:
👉 Guides
Valuable cheat sheets, tutorials on tech stuff, and more.
- DevDocs — Pragmatic information on almost every language
- DevHints — Beautiful cheatsheets comprising many languages
- Cheatsheet.wtf — Programming language cheatsheets for beginners
- Roadmap.sh — Roadmaps, guides and other educational content
- 30 Seconds of Code — Provides short code snippets on various languages
🙌 Wrapping Up
The conclusion is that a developer’s path is filled with challenges and opportunities.
Enjoy the ever-improving journey of great web development. Keep coding, stay curious, and don’t shy away from challenges.
The web development journey is ongoing; Enjoy every moment of discovery, innovation and growth.
Connect With Me: Linktree
I hope you found this article helpful ❤️
Happy Coding! 🚀
Thanks for 12109! 🤗
Top comments (23)
Great list of resources, Arjun! I would like to suggest another tool that should be a part of every developer's toolkit: ApyHub - It is a catalog of 100+ APIs that can help developers implement complex and time-consuming functionalities in minutes.
This is pure gold! I appreciate sharing, dude!
Another tool that will help you gain visibility of the team's activity, set ways of working that allows you to ship code faster is youralto.com. Especially with their AI generated summaries that will allow you to stay on top on your team activity.
Thanks for adding to the list, mate!
what about jetbrains into IDE’s
I just forgot! I too have used their IDEs. (PyCharm and IntelliJ Idea)
Thanks for adding up!
Maravilhosa descrição e orientação, só um adendo, que aja mas posts como esse e nos próximos indique oque é opensource e oque é próprio seria uma maravilha a mais... Perfeito 👏🏿👏🏿👏🏿👏🏿❤️❤️❤️❤️
A sugestão de mais posts explicando o que é open source e o que é proprietário seria muito bem-vinda. Compartilharei informações detalhadas sobre esse tema em breve. Fique atento para as próximas publicações. Obrigado!
Obrigado por responder prontamente, em relação ao open e o prop. Digo tabem em relação aos software que vc expôs no artigo, mas fico feliz por sua disposição ❤️👏🏿👍🏿😁
Sim, estarei escrevendo sobre isso em breve. Obrigado pelos seus comentários! Fico feliz que tenha apreciado a leitura e que as informações tenham sido úteis. Estou à disposição para qualquer outra dúvida ou discussão.
The only editor one should chose is vs code, or if you're from 10's chose sublime text. 😂
Rest it is a great list. 👍🏻
Haha 😂, agree. VSCode is my favourite too!
Awesome list
you can checkout fakend.fyi for building UI without API, hostfast.website for hosting website very fast and easy for free
Thanks for adding to the list! Your contributions are much appreciated.
Killer list 🔥
Thanks for the kind words!
very helpful thank you
I'm glad you liked it!
Great list👍
I am grateful I could help.
Thanks for your time in compiling this list... great help even with 20 years experience!
I'm glad the list was helpful to you
Some comments may only be visible to logged-in visitors. Sign in to view all comments.