Yesterday evening I came up with this idea: to collect free online web development learning resources and organize them into learning pathways.
There’s so much content out there, but it’s difficult to find good materials that match your skill level, or tools that enable you to create what you want. (Of course, documentation is always there, but we don’t always feel like reading it - right??)
I’m thinking of building a website containing these organized learning pathways. All that would need to be done is content organization/curation. No new material would need to be written.
On the site, users could choose to start with either:
- A pathway. Say someone wants to learn frontend, or discover more about Kubernetes, or maybe even just dip their toes into headless CMS solutions.
- Examples: “Frontend Web Development”, “Laravel”, “ReactJS”, “Exploring Cloud Services”, “Exploring Headless CMS Options”, etc.
- For Frontend Web Development, for example, users could first learn the basics of HTML & CSS, then responsive web design, followed by JavaScript. Resources could be from sites such as FreeCodeCamp, Udacity (their short courses are free), and Codecademy. Afterwards, users could explore responsive design libraries (Bootstrap, TailwindCSS, Tachyons), JavaScript animation, jQuery, and AJAX.
- A project goal. I learned web development by trying to create projects. I’d explore a bunch of tools and libraries I felt could help me create the result I wanted, then pick and choose the ones I liked. I learned literally all of my current web dev skills through this process.
- Example: “Create a Personal Portfolio”, “Create an eCommerce Site”, etc.
What do you guys think? Are there any similar projects going on? Is this something useful you would use (or would’ve used if it existed when you needed it)? What paths/project goal choices would you like to see? I’d love to hear your thoughts on this.
UIHUT Is The most powerful and largest design resources platform. Over 20,000 UI KITs across all categories such as Web Template, Illustrations, 3D Assets, Web App, Icon, Dashboards, and so much more. Components for every single product design need.
Features:
🤩 3000+ Web Templates
😎 3000+ Illustrations
😍 3000+ Mobile App Kit
😲 2000+ Web Application Kit
🐹 500+ 3D Assets
🐼 9000+ Icon
If You think this Helpful! Keep Sharing with others.
Hi Catherine
I'm hoping this resource can help https://roadmap.sh/frontend . This site shows the technologies / frameworks / tools you should learn to become a frontend/backend/devops engineer.
I think there is merit in a curated list of of courses/videos/articles, free or paid, to guide you through the journey. Right now I'm creating a list articles / video's I found useful starting out with Flutter to share with a colleague. I'm still a noob in Flutter but I feel 'quick-start' guide will save heaps of time.
One of the problems I find with the online courses is that I run out of steam/motivation. If you are going to be 'stringing' several courses together, people will drop out.
Some ways around this:
Regards
Robin
Thank you for your feedback! Roadmap.sh/frontend looks like a great place for me to start some research. And yes, long courses can definitely be a problem. Thank you for your suggestions on ways around this; I'm going to do some more thinking there.