What is your approach to learning a new Javascript framework?

I've started learning Vue.js as I need it for some projects at my job. Yet I feel that my approach - deep diving into it and trying to figure things out as I go - might not be the best way to do it. What are your opinions on this? How do you learn a new framework?

Thanks and I'm really curious to see your take on this.

Did you find this post useful? Show some love!
DISCUSSION (17)

I usually watch a video just to get an overview of that framework and then I try to build a small application using the online documentation or any online resource.

I'm not even an expert, but this has always worked for me.

If you know one you don't need any paid course. Most of the Js frameworks have two core concepts, Components and Props. The only thing that differs is syntax and store (state) management. That too you can infer easily. If you are coming from jQuery land things may seem difficult but there's a way you can get around that. Here's how I transitioned myself to be React developer.

  1. Went through Js (ES6) docs on M.D.N and Airbnb's style guide.
  2. Opened my best work on jQuery and turned it into pure vanilla Javascript implementation.
  3. Applied for jobs. Why? Because first they do is to forward you assignment. Bare minimum knowledge they expect from a developer.
  4. Solve that god damn assignment.
  5. Start a small side project. Use dummy APIs to build an ecommerce app.

1) if I can't install it in less than 5 minutes using the quick start guide, I stop learning it
2) if the cli generates a skeleton with tons of files that I can't understand in less than 5 minutes, i stop learning it
3) if the hello world example involves to learn a configuration tool, a new programming language, and a new programming paradigm just to make a rest call and update a view, I stop learning it
4) if I don't like the default view engine, if it's too hard to switch for another one, I stop learning it
5) yeah, I wasn't a big fan of angular 2 lol

I can relate to all your points 😁

I've been meaning to learn ClojureScript (not really a framework, but still) for a while, but it's so different from creating a regular web project that I always feel discouraged and give up. I wish they would make a webpack loader that I can just add to my project.

I also dislike when getting started guides tell you to install and run create-x-app and it generates a hundred files and folders, I like to understand what's going on.

Ben Halpern DEV.TO FOUNDER

Hey there, we see you aren't signed in. (Yes you, the reader. This is a fake comment.)

Please consider creating an account on dev.to. It literally takes a few seconds and we'd appreciate the support so much. ❤️

Plus, no fake comments when you're signed in. 🙃

Back in the day (which is November 2017 not 1938 :D) I went through this video tutorial on udemy: udemy.com/vuejs-2-the-complete-guide/ (I got it for 10€ because of some discount). He keeps the course updated and it was my first foray both in Vue and SPAs so it helped a lot.

This is pretty cool, I didn't know he had a course for Vue. He also had one for Angular that was very popular if I remember well.

This is a great course - you can refer back to it once you buy it...

My approach is to build a hello world application first.

Then, I would try different features that other framework would have.

For JavaScript Framework similar to VueJs

  • Angular
  • React
  • Ember
  • ExtJs

Common Features

  • Two-way binding
  • State Routing
  • Ajax
  • Error Handling
  • Template Rendering
  • Validation

If I thinks the framework is very awesome, I would try to study in detail.

For example

  • Life Cycle
  • Architecture
  • Third Party Library Integration
  • Back-end Integration

I find that deep diving into these frameworks gets me overwhelmed pretty quickly. A method I'm liking is from the 10 steps learning program from the soft skills book from John Somnez. You can find some more information on medium.com/the-polymath-project/ho...

It all comes down to get a big picture overview, decide what you want to reach, find the right materials and start a play / read loop. Finally once you reached what you set for yourself, try and teach it to someone else.

Nice idea! I've read the Medium post and I'll be looking into buying that book too. I realized that I watched some of John Somnez videos on Youtube when I was just starting out, didn't know he wrote a book.

Salutări!

My usual approach is:
Watch some introductory tutorials to learn the basics of the basics -> Dive into the project -> Read very carefully the documentation for almost everything that is being used or you are gonna use.

I just went through this course and recommend it to anyone needing to learn vue.js. I tried to brute Force learn it as my first SPA project and it wasn't working. This course gave me everything I needed after spending 4 day's going through it.

What course? The one that @rhymes mentioned or another one?

Just learn on the job. That's how I learned Angular, React and others.

I look at some app ideas list an implement a bunch of them in the framework of choice.

Classic DEV Post from Jul 25

I choose self-learning!

There's no a right way to learn how to code.

READ POST
Follow @brendazam to see more of their posts in your feed.
Daniel Voicu
Frontend developer. Worked as a copywriter.
Trending on dev.to
Web Dev Tutorials - Taking The Training Wheels Off
#tutorials #rails #learning #graduating
I’m Building A JS-Based Static Site Generator #WishMeLuck!
#javascript #staticsitegenerator #pug #sass
JSON, JSON, JSON
#javascript #webdev
What to do with lists of things in JavaScript
#functional #javascript #fundamentals
ESLint seems useless to me. Should I use it?
#javascript #eslint #beginners
Top 26 JavaScript Interview Questions I Wish I Knew
#javascript #interview #fullstack #career
You don't need Array.reduce()
#javascript #arrayreduce
Service Workers
#javascript #es6 #pwa