4 FREE Tutorials YOU need to become a JAVASCRIPT frameworks CHAMPION !!! 
Tags: javascript, vue, react, angular
Published: 2019-12-20 07:21:04


![JavaScriptFrameworks](https://cdn-images-1.medium.com/max/800/1*Ax6Lbd4KdFAn1rTwwDucQg.png)
JavaScript is one of the most loved-by-programmers languages. It's used in building beautiful and interactive user interfaces. After the advent of new age of modern frameworks, it popularity has touched the skies. Now, it's de-facto language of anyone working with web technologies.

In this article, I have compiled a list of 4 completely FREE tutorials covering 4 of the most popular JavaScript frameworks. These tutorials take you from beginner level to advanced concepts with in a couple of hours. 

{% link https://dev.to/saeeddev/master-these-11-core-reactjs-concepts-to-conquer-your-next-interview-3gcp %}

So, What are you waiting for?

Get Started right now...

## I ) ReactJS :

![ReactJS Logo](https://miro.medium.com/max/700/1*dLaDL-lSN0iprzmOpmM7zQ.png)

ReactJS is the most popular JavaScript library in the market and developers with experience in ReactJS are high in-demand. ReactJS follows Component Based Architecture (CBA), has easy syntax and performance wise is considered better. It's itself a library but if you combine other libraries, then ReactJS can serve as a full-fledged framework.
 
#### Title : Learn ReactJS - Full Course for Beginners :
##### Source : FreeCodeCamp
{% youtube DLX62G4lc44 %}

## II ) Angular :

![Angular](https://miro.medium.com/max/480/1*9A6E9kaZZ54idy0HLSlh-A.png)

Backed by Google, Angular is second most popular JavaScript framework. It started as AngularJS, which followed MVC (Model-View-Controller) architecture. Later, it was rewritten and CBA was adopted by Engineers at Google in it's rewrite. Angular is a full-fledged framework. It means that all modules needed to build a frontend application are present in it. It includes routing, state management, middleware etc.

#### Title : Learn Angular - Full Tutorial Course :
##### Source : FreeCodeCamp
{% youtube 2OHbjep_WjQ %}

{% link https://dev.to/saeeddev/5-damn-easiest-soft-skills-needed-to-become-a-10x-yes-10x-software-engineer-4ll7 %}

## III ) VueJS :

![VueJS](https://www.clientresourcesinc.com/wp-content/uploads/2018/06/vuejs_logo.png)

VueJS is the third most famous JavaScript framework. If you work on it, you will realize that it derives features from both ReactJS and Angular. It uses directives, CBA and lifecycle. 

#### Title : Learn VueJS - Full Course for Beginners :
##### Source : FreeCodeCamp
{% youtube 4deVCNJq3qc %}

## IV ) Svelte :

![Svelte](https://snipcart.com/media/204717/svelte.png)

Selte is the new player in. It strips the clutter out and may be good point for newbies starting in front-end. It doesn't have any complex Virtual DOM Processes, no complex state management. Everything is in JavaScript. Recently, it has started to get attention of developer community and familiraizing yourself with it may help you in better understanding of how frameworks work and may give you a headstart in frontend development. 
 
#### Title : Svelte Tutorial - Is it better than React ?
##### Source : FreeCodeCamp
{% youtube vhGiGqZ78Rs %}

---

*I am __Saeed Ahmad__. I love to write about programming, new technologies and innovation. Follow me for more posts like this one here :*

{% user saeeddev %}