What are your favourite resources for beginners?

twitter logo github logo ・1 min read

Right now on my team, we're in the middle of onboarding the first of several new team members.

There's been lots of discussion around the team on the resources we should put into a list for those brand new to both our team, but also new to a technical job.

What are your favourites?


Photo by Thought Catalog from Pexels

twitter logo DISCUSS (40)
markdown guide
 

For web developers, even for beginners, I'm going to say it:

The Mozilla Developer Network. This is the friggin bible of Web Dev. Anything you want to know about HTML, CSS or JavaScript can be found here. I use it almost every day as a reference. It also has tutorials, which, granted, I've never done, but this site's documentation is fantastic.

developer.mozilla.org/en-US/

Another great resource, though it is a physical book you'll have to buy, is John Duckett's HTML & CSS, and JavaScript & JQuery books. They're great primers to get you started.

 

Thanks for sharing.

I checked out the books and they look great, very beginner friendly - htmlandcssbook.com/

 

Thank you for your thoughts. I recently acquired the books and will dive right in.

 
  • HTML and CSS: FreeCodeCamp curriculum along with the its projects is the best, after completing the challenges( with online code editor) you will tackle the projects that will make you connect the dots.

  • Javascript: Mozilla Developer network, from zero to hero literally.

  • 100DaysOfCode hashtag's community on twitter is a game changer, with a lot of encouraging and very supportive coders.

  • W3schools: it's amazing for different languages and small examples for each concept, with the online code editor you can manipulate the example to understand concept better.

 

Thank you for the list of resources :)

How did you find FCC? They have a very ambitious curriculum - learn.freecodecamp.org/

 

Yes,
FCC Curriculum is just so well oriented and sequenced.

 
 

Thank you for the list of links and for including videos as well.

I have really enjoyed Brad Traversy's library of playlists but The Net Ninja is a new one for me. Thanks for sharing!

 

👍

If you wait for a sale, usually $9.99 or $11.99, the Udemy Bootcamps listed have a lot of content for the price. You can also get them discounted by looking up the teachers website or twitter account and getting a promo-link from them.

That's a good idea :)

Do you have a favourite instructor on Udemy? Have you tried any of the others like Skillshare?

My Fav Udemy teachers...

Andrei Neagoie
Andrew Mead
Maximillian Schwarzmüller
Jonas Schmedtmann
Brad Traversy
Angela Yu
Todd McLeod
Mosh Hamedani
Stephen Grider

Your mention is the first I've looked at Skillshare. I did recognize some of the names of people teaching web-dev on Skillshare. Looks promising. I may have to give it a go sometime soon. Thanks :)

 

I'm no longer a beginner but checking out devdocs.io and learnxinyminutes.com/ always helps me.

If they want to practice, I can recommend hacker rank, exercism.io and
reddit.com/r/dailyprogrammer/

 

That's the second recommendation for learnxinyminutes.com/ in the thread, and I can see why. It's so useful for those who are not complete beginners

I hadn't heard of the dailyprogrammer subreddit so will check it out.

Thanks for sharing

 

That is an awesome resource, thanks for sharing that.

 

Definitly a high rated course ⭐️ on Udemy. This advice really helped me when I was a beginner and probably got me on the right track much faster than I could imagine:

”Do not try to learn HTML, JavaScript or CSS the first time from bits of unrelated or related JavaScript tutorials online; this is the worst way to learn a programming language. It could work for some after countless such tutorials, but it is an inefficient process that lacks the proper hierarchical structure needed for learning a subject matter properly.”

I found the advice on this link:
javascriptissexy.com/how-to-learn-...

Thank you for your attention 👍🏻.

 
 

Are you somebody who is trying to learn a new programming language and you've already had previous experiences with other languages?

Then I'd highly recommend checking out learnxinyminutes.

It helps most with getting a first glimpse into new syntax quickly to then look up the specifics in the respective doc pages.

 

Thanks for the link and recommendation, this is a great resource for those who have some experience and are simply learning to switch.

I don't see enough of this kind of resource, the assumption is always that if you are learning a new language you must be a complete beginner

 

Some great resources that I have used:

 

Thank you for sharing, I'll be checking out the Indie Hackers podcast.

 
 

I really like W3Schools. A lot of good examples, interactive tutorials and quiz exercises at the end of each section.

Helped me learn a lot of the basics.

 

Thanks for sharing. I find myself going back to W3schools as my first stop when looking for examples to show beginners too.

 

I'm of a contrary position with W3Schools...I feel like their curriculum is outdated and doesn't teach best practices. What I'd recommend instead is having mentors available. There is no shortage of resources on every facet of development, a beginner is going to need someone who can help curate content and show them the right way to do things. It's a delicate balance between simplifying subjects so that they are approachable for a beginner and teaching professional practices and I think it takes a human touch to help sort through that quagmire.

Mentorship also helps with the gap between Hello World and building real projects...it's a frightening chasm to cross if you don't have someone to guide and encourage you along the way.

 

As a fullstack web dev, I had this on my list when I first started + what have been already mentioned.

For CSS:

  1. CSS tricks is a goldmine
  2. Cool design ideas is Awwwards
  3. Sometimes I check dribblefor ideas too

For Javascript/ES6:

  1. ES6 nice collection of features
  2. I used to go this post repeatedly to get used to map, filter, reduce, etc:
  3. Javascript shorthand techniques
  4. If you're in the functional programming paradigm, good answer for Higher Order function
  5. The Holly grail 🏆
  6. Nice place to check the latest "best" of Javascript
 

I don't know if this applies well to your query, but for total, zero-knowledge beginners, I'd recommend this roadmap, you probably heard of this:

github.com/kamranahmedse/developer...

 

Thanks for sharing, the Roadmap is an excellent tool for navigating the many frameworks, libraries and just knowing where to start. This was posted and discussed recently with a lot of opinions in the comments:

I see the author has expanded this to DevOps and React as well.

 

I see your base is Data, so I’m thinking if a newbie is also new to a technical job as well as the team then we aren’t talking here about sitting them down with an old COBOL setup and requesting a conversion to Oracle...
Your question really is very open ended... so new to the team, means partnering them with a team member of similar personality if not age and gender, and giving them plenty of insight into what the company actually does.
If they are joining your company, they already have what you need.

 

Agree with lots of the article and docs type resources mentioned already.

I find the best way to learn is to do so playgrounds are invaluable.

Ones I really like for web stuff...

jsfiddle.net/
glitch.com/

 

I absolutely love this resource. Pretty much everything that you need to know in order to get familiar with basic JS.
jstherightway.org/

 

Thanks for sharing, looks like a great one-page resource

 

For my students - bootcamp graduates I assembled a list of learning resources.
You can find it here: github.com/ClaraMorgen/coding_further

 

This is so dependent on the stack, but for front-end, Front End Masters gives you the minimum effective dose, that's extremely well taught

 

Thanks for sharing. I like the look of the Computer Science course to fill in the gaps in knowledge - frontendmasters.com/learn/computer...

 
 

MDN, W3S, and Dev.to too! This platform makes a Developer more communicative and they will find valuable resources here. Technical stuff, MDN and W3S are dabest.

 

Egghead has always been a great resource (lots of free courses)!

 
 

devdocs.io - They pull in all the documentation you'll need and keep a consistent layout for easy readability.

It's a great reference when picking up syntax, and quick searches.

 
Sloan, the sloth mascot Comment marked as low quality/non-constructive by the community View code of conduct

I'm looking for the English language.

I wish to speak to someone in English. Because listening and speaking important to me.

Classic DEV Post from Dec 2 '18

How did I started learning a new technology

Personnal view of how and why I learned a new technology

Helen Anderson profile image
Data Enthusiast, Analyst Advocate and builder of AWS things.

Sore eyes?

dev.to now has dark mode.

Go to the "misc" section of your settings and select night theme ❤️