After some good websites for UI design, I do have a huge collection of developer resources. I've been bookmarking these from the last 2-3 years and I hope they'll be useful. Whether you're just starting to code or if you just want to learn something new online, this list has it all.
This time I've decided to break them down in categories as it will be difficult for everyone to go through 100 links one after another. Most of these are geared towards web development. π
Note: if you're reading this in future, find any link broken, then let me know in the comments or via Twitter. I want to keep this updated. Also, bold ones are my favourites.
π Websites for Programming
π Cheatsheets
π Open Source tools
π Blogs and Articles
- Codementor
- 20 Top Frontend Developers Tools in 2020
- CSS Layout Tutorial, Step by Step
- Developer School
- Flutter Awesome
- Upmostly
- React Libraries in 2020
- Flutter Clutter. Thanks @flutterclutter for the suggestion.
π Websites on UI and Design
π Online courses/tutorials
- Laracasts
- Codecourse
- Vue Mastery (PWA)
- Google Play Academy for App Success
- GitHub Learning Lab
- Qwiklabs
- JavaScript 30
- Flutter Crash Course
- Chris Courses
- Google Codelabs
- Google Developers: Technical Writing (PWA)
- Codrops
- Next.tech
- Level Up Tutorials
- Flutter Tutorial by Cybdom Tech
- GoRails
- newline by FullStack
- Design+Code
- How to GraphQL
- Thinkster
- egghead.io
- Pusher Tutorials
- Scrimba
- What The Flexbox?!
- CSS Animation
- Educative
- 5 free Pluralsight courses
- FlutterLearn
- Frontend Masters
- App Academy Open
π Coding Challenges
π Libraries/Frameworks
π Tools
- Carbon (PWA)
- Android Starters
- Grow with Google
- Rect Toolbox
- Free Developer Software & Services - Visual Studio
- GraphQL Editor
- Tiny Helpers
- Neumorphism.io (PWA)
- Todo MVC
- .dev
- CSS Layout
- Make a smooth shadow, friend
- BrowserStack
- UI Interactions
- CSSWAND
- CSSeffectsSnippets
- webgems.io
- Screenzy (PWA)
π Misc
- devSwag
- Class Central
- Hackr.io (PWA)
- Applied CS Skills | Google For Education
- Eloquent JavaScript
- TypeOfNaN JavaScript Quizzes (PWA)
- DevDocs API Documentation
- LearnAwesome.org
- Namecheap x Codecademy
- roadmap.sh
- Hero35
- Free Frontend
- CodeMyUI
- Road to React
- Google Digital Unlocked
- Git Explorer
- Hashnode
- Google Tech Dev Guide
- React Resources
- Reactiflux
- API List
π And of course, the DEV Community (if you haven't bookmarked it already π
Special mention to the Frontend Mentor website, they have really cool challenges and community!
I hope you liked my collection of developer resources. If you have some good websites to bookmark, drop them down in comments. Maybe I do something similar for careers/jobs! (up next...π).
I hope you all stay safe in the current scenario, another great website to bookmark is WHO's COVID - 19 website.
Never shy away from documentation your code! Here are some super helpful tips for C#: https://t.co/HGwGzkUbcC
β Microsoft Developer UK (@msdevUK) March 25, 2020
Image source: https://t.co/kLPnTeZq8o#DevHumour #Csharp #Programming pic.twitter.com/h0EueiGGeO
Top comments (27)
Hey!
This is a pretty awesome list, thank you for collecting it. I like the variety of languages, UI frameworks and libraries being covered. I have a suggestion, though: Namecheap x Codecademy does not work for me. Maybe the link is broken?
If you like, you might want to add Flutterclutter in addition to the three other Flutter blogs / tutorials you have listed. It's something I have started and it seems to be well received by the community.
Hey there, that link is under "System maintenance" as shown on their website.
Cool, I'll add that blog, like the different types of tutorials. Good work!
Edit: Done! I've added your blog under "Blogs and Articles" #8
Wow, very quick response. Thank you for the information. I have only seen the 503, haven't come up with the idea of checking their main website.
Thanks a lot for inserting my blog in the list :).
Hey Vaibhav, this is a great list in general. However, I'd suggest some updates/improvements.
For example, you've listed applibslist.xyz, but it doesn't seem to be functioning. I guess that one should be removed? You could add react.libhunt.com in that section (a project I'm working on).
p.s. I will feature your post on this week's Awesome React Newsletter
Hi Stan, thank you for pointing out the fix. I'll definitely update that and wow, didn't know about your project. Great work! I'll be personally bookmarking your website and replacing it with the link you suggested π
And a BIG THANK YOU for adding my article to your newsletter, I've subscribed to that, looking forward to reading the next issue.
Psst...I also have a weekly dev newsletter called Dev Weekly.
Thanks so much!
Welcome! I hope this will help you :)
Dude JetBrains academy is awesome i just started with it.
Hell yeah! π₯
Laracasts are awesome
yess!
Awesome!!!!
Enjoy and bookmark!
Thank so much for this huge list of resources! stay safe.
Welcome! You to stay safe :)
Thanks for sharing it's helpful.
Welcome!
And I bookmarked this article!
Awesome!
I wanna say, you are awesome man!!
Thanks for sharing such a rich content.
My pleasure! Thanks for reading :)