Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 20, 2021 12:25 am GMT

(Realistic) List of Web Dev Resources

Photo by Luca Bravo on Unsplash

I've been finding a lot of articles on DEV lately that garner a TON of reactions, especially ones that provide lists of more than 20 to 50+ resources!

That's a lot.

A lot of choice paralysis, too.

In reality, it's not about how popular the resources are, or how many you can add to your archive list (where you may not even pick up to read). Instead, it's about what problems these resources solve for you that makes a list successful. So, I will do just that!

Keep in mind these are my own opinions and by all means, if you like those really long resource lists, do use them. This list is meant to be accessible, cost-effective, and focused! These are also resources that have been successful for my learning.

My resources are all multimodal ways of learning (audiovisual, reading) - some may not be fully accessible by nature. At the end of the day, you know what works best for you!

Lastly, my resources are NOT hundreds of hours long! I studied all I have of web development throughout the last year of my full-time undergraduate degree, so when it comes to time-management, I've got you covered

Skip links

  1. HTML / CSS
  2. JavaScript
  3. Vue.js / Nuxt.js
  4. Version Control
  5. Responsive Web Design
  6. Forums

HTML / CSS

Absolute must if you're going into web development, and 100% needed for frontend development. These two are the builders of the visual front of the web

JavaScript

Literally the language of the modern web. You'll definitely need this to learn the whole ecosystem of the web, from Node.js to package bundlers like Webpack

Vue.js / Nuxt.js

If you're learning Vue.js, these are the BEST resources I've stuck with, from basics to advanced

Note: Vue Mastery has courses on Nuxt.js!

Version Control

Must have if you're to work in teams / companies, or track versions of your projects

Responsive Web Design

The most necessary skillset you can add to your web design / development career

Forums

In learning anything, you'll almost always get by with a little help from friends and fellow classmates. Take a quick coffee break and hop on these places for some help

  • StackOverFlow - I don't find sO helpful for asking (am I the only one that gets shamed for a slightly unclear question? ). Instead, I use SO for finding issues that others have answers for.
  • Vue Land Discord Code Help channels
  • Nuxt.js Discord Help channels

Conclusion

Alrighty, that's it for today. This post will be updated as I find new info. 2 out of 2 posts today done!

My first post today if you want to read:

It's about time I collected all my resources I've successfully learned from into a list so it can be helpful to others! My rule of thumb is I don't learn from the most popular teachers like Wes Bos or Traversy Media (Brad Traversy), even though I know how amazing they are

This way, I don't force myself into learning from popular teachers even when the teaching style doesn't work for me

This way of learning web dev has really helped me reduce anxiety (longggg lists of 50+ resources scares me ), and helps me focus rather than suffering from "shiny object syndrome".

Have you had any resources you stick by? What learning style works for you? Drop them in the comments below!


Original Link: https://dev.to/maureento8888/realistic-list-of-web-dev-resources-253c

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To