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.