What To Learn Before A JavaScript Framework

[@SkillzG4meplay]

*Things to learn:* _Javascript Fundamentals_ - 1:39 _Modules_ - 2:50 _Classes_ - 4:00 _Arrow functions_ - 4:50 _Promises / Asynchronus requests_ - 5:05 _Destructuring_ - 6:20 _Concept of components & state_ - 7:30 _Spread operator_ - 10:50 _High order array functions_ - 11:49 GLHF!

[@TraversyMedia]

Thanks, I forgot to do that :)

[@SkillzG4meplay]

@@TraversyMedia No problem. Your videos are the best! :)

[@marcustulliuscicero9512]

What does GLHF mean? Good Luck Human Filth?

[@SkillzG4meplay]

@@marcustulliuscicero9512 From Urban Dictionary: " _glhf, an acronym for good luck have fun_ "

[@marcustulliuscicero9512]

@@SkillzG4meplay I like my version better

[@freecodecamp]

These are good tips. Once you learn these concepts, it is way easier to learn the frameworks.

[@shiytp]

well, yeah. thats the point of the video.

[@pradipta.007]

Cant believe freecodecamp commented😱😱😱

[@timothykimari8154]

@@pradipta.007 ME TOO

[@dontme3080]

Man it's my freecodecamp . I really appreciate your work.

[@cruiz-n4552]

😍😍

[@developedbyed]

Vanilla JS is my favourite framework so far!

[@TraversyMedia]

Vanilla JS is great but I think for apps with large, interactive UIs, framework help a ton. At least in my opinion

[@developedbyed]

@@TraversyMedia I know, I am messing around a bit. By the way.. I saw your post with other creators on your channel. If you like the style of my tutorials I would gladly contribute!

[@adebayoanuoluwapo1546]

i herad vanilla js is just like ordinary javascript

[@RaulHernandez-ni7mh]

Ellaaa...

[@yklash]

@@adebayoanuoluwapo1546 IT IS

[@Kilopillz]

Thanks Brad, I was struggling to learn Angular so I switched to React and I Struggled learning that too so I also switched to Vue and I was struggling with that too. After searching on youtube I found this video. After watching this video a few months back I bought your modern JavaScript course it took me about 3 months to finish it and truly understand the basics but after finishing it I was able to grasp the basics of Angular, Vue and React and and I was successfully able to build basic crud applications with each framework thanks to the fundamental knowledge I received from your JavaScript Course on Udemy. Thanks again for this :)

[@bryancngan9268]

Hi Brad, Would like to say thank you so much! I just got my first job as a junior PHP software engineer today! I first thought of you. I bought your PHP, OOP MVC, and your LARAVEL and SQL, JQUERY and VANILLA JS tutorial were able to pass my technical interview. that's all I needed. Big thanks again

[@majicboca4784]

Brad, you are an inspiration and a prime example of how to achieve success with sheer drive to overcome life’s obstacles. I have been watching your tutorials for about a year now, and have noticed how your style of communicating has become more and more compelling and effective. The success that you are enjoying as evidenced by the rising number of subscribers to your channel is very well deserved, earned through your hard work and dedication to sharing your knowledge. I have learned a lot from your videos and I’m deeply grateful for your selfless devotion to sharing your knowledge. I wish you and your family great health and peace!

[@varogeth]

Brad, you're a hero! Everything seems to make way more sense when you break it down. Thank you for everything you do for the community!

[@Hylucinogyn]

Thank you Brad, this video was so informative! I’m a CS major about to graduate next semester and I just discovered your tutorials a few weeks ago. I had been struggling to decide what I wanted to do for a living with programming lately and your videos on web development have really inspired me in a way I haven’t felt in a while. Your tutorials have been perfect for me, as someone who is currently pursuing a formal CS education, to dive in and learn a lot about all these different web development tools and frameworks. I really do appreciate all the hard work you put into your material :)

[@YMNYMN-nn3rc]

You're absolutely right, tried last year to learn React and thought that modules is a React thing. I should've watch this video. Your content is priceless Brad!

[@IC-kf4mz]

Awesome intro. I have been spending quite some time on these concepts to wrap my head around "front end development". From my really old knowledge base the suggestions at 9:20 to 9:38 really clears a lot of my doubts.

[@usmaness]

I've been searching these last 24 hours for this ! My favorite instructor. Thanks a lot!

[@singh7374]

I been following your udemy course on Javascript and it has really taken me from 0 on javascript to hero. I been taking all of your advice and its well appreciated. Thank you for making all the tutorial s.

[@bovrar2nd861]

This is absolutely pure gold! I was just needing a summary like this.

[@kenkioqqo]

Top-notch tutorial as always! Thanks for the valuable tips Brad. I now have a clear direction on how to plan my coding practice. Keep up the great content sir!

[@N32-e1g]

damn, feel like a father teaching me, i would buy all your patreons to show my tremendous gratitude for your great and honourable work, cannot imagine having father or friend like you

[@ganvokos639]

You are the greatest "teacher" for Javascript. I left the University and buy your courses because in university we learn only math and html&css. I put teacher in ".." because you need the Doctor title

[@mcalder423]

Where was this 2 months ago when I was in "OMG, what have I gotten myself into?" hell?!! Thanks Brad!

[@SuperWinnieB]

I know right? 😀.. I was learning react but i had to stop..Sticking with vanilla JS in the mean time

[@DEVDerr]

Finally I found the person who described Spread Operator in the human way. Thank you very much

[@TraversyMedia]

You're welcome, yes I think people over-complicate it along with many other things :)

[@mchamouda4915]

i asked you about three months ago but finally is coming now my suggestion thank you Brad for your Advance tutorials.

[@vinay1744]

Oh Man! You really gave a RoadMap to learn JavaScript. Makes Sense. Thanks and Love Brad.

[@alexmachin1785]

I learnt JS basics then jumped straight to ReactJS, I learnt more by exposing myself to a framework. I then went back to vanilla, I could apply the concepts I gained by using a framework into a vanilla project.

[@belmiris1371]

Thanks Brad. I'll be taking your course on Udemy. I'm still trying to learn Web programming while working as a legacy desktop developer and catching up is a BEAST. I've gone through many tutorials on Angular 2 all the way up to 7 and that's been hard enough but I'm one of the guys that thought '.map()' was part of Angular or TypeScript. Your site helps me tremendously. Thanks.

[@ApurvKhare]

This is the best video for pre requisites to learn a JS framework. Thanks alot Brad. You are just amazing.

[@itahirk]

One thing most of us always do right at the start of the video is to Like the video. That is how awesome you are Brad.

[@ammarhassan_]

Thanks for great video. I for one can say the basics are very important. If u know enough, u don't. I lost job thinking I was good with Angular but after getting job, it tuned nightmare coz I didn't know basic and I was confused if its JS or angular (like you said). I lost the job in few months. It was well paid but it gave me valuable lesson. thanks for the video. I am somewhat familiar with those concepts now, after 1 yr of that job

[@tomershechner]

Wow this really helped me before getting into React. Thanks man your channel is the best in the whole web dev field!

[@XilumX1]

It's crazy how fast you come up with a new video. Your drive must be out of this world. Keep up the good work!

[@anupthakare6679]

Was looking for exactly same information! Thanks Brad!

[@jayvana4472]

Man..Thank you for making this video. I'm hovering around for a while to find out which JavaScript Framework should I pursue. This helps me alot...

[@emirhadzimehmedovic7183]

I agree with previous post !!! Like you read my mind with your videos Brad !!! Thank you for your effort !!!

[@pulkitaggarwal5002]

Damn! This seems like a path to success! It's so amazing. I will definitely follow this!

[@Michael-hofer]

Hey Brad first of all, your channel is amazing, thank you for all the great tutorials! I have a question about code snippets and I think a lot of people here on your channel have similar questions about managing code snippets effectivly.. So maybe this is a good topic for you to make video about: 1. How do you collect your code snippets? 2. Do you have some tips on how to collect snippets in VS Code? 3. Do you have some advise about what a beginner should "snipped" when he is learing a new language/framework? Sorry for my bad english.. I'm a huge fan and I hope you can provide some usefull tips and tricks to me and maybe your other viewers! Cheers, Michael

[@kumarvishalben]

Vue forever ❤️ #vueliver

[@Ab-cj6gl]

Still vue?

[@AtacamaHumanoid]

This might just be the most helpful, well-articulated video I've ever seen in my entire fucking life. I have to search your videos now to see if you you explain what we really need to know about Wordpress. That fucking CMS has 2000+ functions in the codex and the documentation sucks.

[@fataidea135]

Yeah am currently following your Modern JavaScript course, Am coming cross this stuff, Thanks Mr. Brad thanks for the course i thought javascript was very hard until i i saw the course u really break down thing to a beginner level to advance level,

[@vladimirzecevic927]

I think that this is actually one of the most helpful videos for front end beginners. Thank you Brad.

[@victoratencio4962]

Wow I thought you were gonna say learn JavaScript but you went much deeper than that. Awesome video, thank you so much!

[@acollierr17]

Thank you for this video! This is actually what I've been doing for the past few weeks before getting into frameworks. Because I remember when I worked with Vue.js a few months ago and it was difficult because I had to learn not only the framework but all this Js stuff which I should know the basics too. Now, I'm a lot more confident with getting into frameworks going into the future!

[@everestacademyin]

well done Brad, It seems you read people's mind, your video was great and answered a good question ,thx so much.

[@mashrukul]

the var dies but the VAR (Vue Angular React) dominates....

[@amitkrgupta094]

Var never be dead lol

[@ephreyilunga6360]

the VAR is immortal ! Genius thought 👏🏽👏🏽

[@TheJustDoom]

The var is dead! Long live the VAR!

[@chenlevy3773]

@@TheJustDoom long live let

[@mikul3122]

Theres a time and a place for both

[@vusimbhamali1913]

Brad is half human, half amazing.... Thanks a my brother for the beautiful tutorials... You the best.

[@injectsploit]

half human, half amazing.!!!!!!!!!!!!!!!!!!!! ................ what you mean ????

[@cassiolouis]

Thank you for this video, it's really helpful for me. I know the basic on JavaScript, yet I already know how to make application in angular. Like you said, I don't know witch is angular or JavaScript, I just code and I knew that wasn't a good idea as a front end developer.

[@jeremygreen771]

Thank you for the eye pleasing color palette.

[@tonychangoer6446]

Thank you very much for everything. Your courses and KZbin channel really help me alot.

[@kdewanik]

Hey , Brad This Video Should be before in your channel I was confused and Didn't know what to learn before Framework . Thanks Hope you will make more what to do before videos 😊

[@kieran2347]

Nice video thanks. I just started ES6 on FCC yesterday gonna resume soon. I wanted to enrol to your Modern JS course on udemy but sadly I cant afford it now, out of job and all so yeah, feels bad that I couldnt anyway. Thanks for being an awesome teacher

[@VISHWAJEETKUMAR7]

do u read people's mind before making a video. haha 😄 i was just searching this before getting into react

[@TraversyMedia]

If so, it isn't on purpose :)

[@ImranKhan-iu5sg]

Do Andrew Mead's react course. it is the best

[@wilsongaturu134]

Same thought here, I have to learn React for a project am working on and I was wondering how to begin lol

[@VISHWAJEETKUMAR7]

@@wilsongaturu134 as brad said. i will learn all es6 syntax first then i will begin react. ES6 for everyone by wesbos and brad's javascript course.

[@RajeshSriMuthu]

Google's youtube read your mind, and showed this video

[@TechWaltMD]

Great content. Still relevant in 2022. Thanks

[@djpete2009]

I enjoyed this a lot and now want to learn Javascript.

[@MalikDixon]

Great video that everyone should view to make a decision on what that individuals want to learn. Well done.

[@JazzTheDogOfWar]

this is great... your videos are quality mate, so useful. thanks a lot

[@Retruntobase]

Only after your course of ModernJavascript on udemy I've become able to learn react. Thank you, Brad!

[@vaughngray4511]

This video is underrated, good content

[@khal-elbangcola8167]

Thanks for being a blessing Brad! God bless!

[@mrasheed8655]

i started learning how to code a week ago. I feel overwhelmed. I hope one day I can be as good as you.

[@visible4426]

Hi Rasheed, how about we collaborate...

[@njabulob373]

Hoe far are you now?

[@visible4426]

@@njabulob373 Still at Junior dev level. Quite okay with React js.

[@neilclay5835]

Glad I found your channel. Excellent tutorials.

[@FiftyKcal]

Thank you Brad! Great video, really helped me to understand what more I need to learn before hopping into React.

[@imranjaved8988]

your videos always make me understand new techniques. respect from Pakistan

[@faizanalam3206]

khuda app ko kaamyab banayi

[@TheHelloWorldz]

Angular and react aren't the same at all, Angular is considered as a complete frameowork, not like React which it's a library. The only problem with Angular, is that it's overengineered, and people have to learn lot about its infrastructor, and you've also to separate html, css, and js, so you'll not deal with css-in-js. React is a ready to go library, simple at the beginning and overwhelming if you don't keep the infrastructure clean.

[@nidavelliir]

Yeah, after jumping straight to Angular/Typescript I realized I didn't know much about Javascript, so I' m back to the basics

[@SuperWinnieB]

Hahaha..Same here...jumped to React..I think i will learn it later on...

[@okellocharles3097]

Brad, this recommendation should've been the introduction to your react course in Udemy. I wish i knew this before taking the course, my life would've been a lot easier. Its not yet too late, now i can go back and retake the course hehe. Thanks for all you do man.

[@Oldfishef]

fantastic content, it makes all sense now for me. it was really helpful. Thanks for doing this.

[@andreasvasd8802]

Excellent and to the point video!

[@soumyam9503]

Thank you for this video, helpful for beginners like me.

[@Abram_IT]

for brad everything you do is just awesome thanks alot!

[@TheHelloWorldz]

To start using a framework you've to first understand the basics of javascript like: - scopes - the difference between var, let and const keywords - primitive type vs objects - spread operator - callbacks - How the "class" keyword works behind the scene - prototypes - arrays and objects deconstructing - arrow functions - modules - webpack And if your goal after mastering these concepts is to learn Angular, you need to add typescript to this list.

[@lexsoft3969]

I am curious why in declaring class property/field, typescript uses syntax like so : private name: string, instead of private string name ? This syntax used is more like Object Pascal (Delphi) than C++/C#/Java. It is quite a bit annoying for me, as majority of current developers are more accustomed to C++/C#/Java syntax than Pascal/Delphi.

[@sahilkapoor7418]

Just the video I wanted .... Going to start react in January just after my exams and wanted to know what topics in JavaScript should I revise before starting react... Doing node.js for last 6 months Thank you brad

[@ManikandanVijayakumar1990]

Thank you so much Brad!

[@tmt878]

Q ; After completely master vanilla JavaScript, is it a good idea and helpful to learn " JQuery" first and then go for " vue.js" and " react.js" ? Or no "JQuery" dose not needed these days ?

[@trendingnow-i6l]

I'm so excited

[@lexsoft3969]

With the upcoming React feature called Hooks, it seems that Classes will be gradually left out. So only in Angular we can still enjoy using classes. Therefore I plan to learn Angular when I have time; currently I have to continue learning React because of necessity.

[@KNTZero]

Whoa Brad, get out of my head man! I was about to look for JS basics and you literally popped a video right before I typed into the search bar. Witchcraft! :O

[@martylovesramen]

Made the mistake and started learning JS through fullstack development (Node.js + Express and React). Took a very long time.

[@DanteDevir]

I am starting to do the same. What would you have done differently?

[@martylovesramen]

At least learn basic JS syntax and then take it step by step. No use to try make the whole app at once. If you are a beginner then making frontend (React, Vue or other frameworks) is generally more rewarding and more satisfying to work on because it's something that visually changes on your screen. Backend isn't like that but the satisfaction can be possibly even greater if you like to create logic, work with databases, implement error handlers, data streams, websockets etc. If you're a beginner and don't know how to do things then try to create small apps that implement something you don't know about. Playgrounds. And when you think you know enough, dive into a bigger project. So yeah I would learn basic JS made few side projects and then made the app. It would probably take the same amount to of time and I would learn much more that way.

[@DanteDevir]

@@martylovesramen Solid. That makes a lot of sense.

[@angelmarie2281]

I needed this today! Thanks Brad!

[@TraversyMedia]

Glad I could help :)

[@angelmarie2281]

@@TraversyMedia Also can you do a video if you haven't already on clean code practices?

[@JonesDi77]

This is awesome. Needed this.

[@Ali-lm7uw]

So basically learn everything in JS and then move on to frameworks.

[@amitkrgupta094]

Its not everything,Js is a much bigger than this,like various patterns to learn that what makes the all these frameworks,testing stuff and much more dense things,its bare minimum I say.

[@Ali-lm7uw]

@@amitkrgupta094 I know man, by everything i meant that learning quite a lot of JS before moving on to the frameworks. Usually people do not learn as much before learning frameworks, which is a bad practice.

[@mrbrush4994]

@@ShelterDogs no actually 5 decades

[@vinsonvikki]

Greate video Brad, expecting more videos like these..

[@brindch8372]

Like you've said in your other videos, there is one or more mtf that always dislikes your videos. LOL. Anyways, thanks for meaningful and straight forward video again. Keep it up Sir Brad.

[@unyieldingjarnail]

Request: Please make same video of PHP like "What To Learn Before A PHP Framework". I was randomly watching your videos and after watching this i think you must create for PHP as well. Humble request

[@billme3505]

thanks man! that's what I really needed!!

[@prashanthvamanan1513]

Set - 1 Basic syntax Variables Arrays and object literals Functions and loops Conditionals, events, Dom manipulation Set-2 ES6 modules Webpack and babel Export and export default Set-3 Structuring a class Constructors Methods and parameters Instantiation Extending classes Set-4 Arrow Functions Lexical this Set-5 Asynchronous JavaScript Fetch api Using then and catch Async await Set-6 Destructing Set-7 Concepts of Components and State Nested components Set-8 Spread operator Set-9 Higher order array functions such as filter, map and reduce.

[@WillJohnsonio]

This is a great topic actually I something I was looking for thanks Brad!

[@DevlogBill]

Hi Traversy, Watched your video. Is Modules, classes, promises/ asynchronus request, destructuring, state, spread operators, and finally high order arrays functions. Are all these topics apart of ES6 or these are all separate topics? Asking so I am able to set up a clear study path, thank you for the video.

[@jmananthony]

What IDE are you using? Visual studio code?

[@JuanAndOnly]

Great information as always.

[@engsiyad]

Great advice. Are you finished html and css course?

[@henrymunoz2035]

Amazing. Thanks for the great content

[@codelucky]

I have been coding since 1947, we made our first project on Reactjs in 60s. That was an epic time when we did not have framework battle, by the 70s we adopted Sveltejs and then life became much easier. In early 80s I started programming in NodeJs but then by the end and begining of 90s, I totally moved to Golang and never looked back. Life got changed totally when I finally adopted gRPC and that was it. Today, you can get any solution for any problem with little Googling and stackoverflow but back then in 60s and 70s, we had to write letters to Google and Yahoo with the searches, they then forwarded it to the Stackoverflow company and then the company executives sent us a mail with the solution. So, pretty much that process used to take few weeks and sometimes a month. 🛌💤⏰

[@mrbrush4994]

are you trolling lol

[@manuelcasares7270]

Thank you for this, it is really helpful!

[@fawad0301]

A very useful guide for beginners....

[@valerianmp]

Thanks dude, it‘s a great help

[@chadgayken1934]

Interesting, this is sort of a way to do what spring mvc and spring security. I wanted to lookin j-angler which I am betting would do some of this stuff. Could this be considered full stack development?

[@thestriker17]

I love this guy.

[@KrishnaKumar-jd7qu]

@Traversy Media is there a video on which framework to begin with ?

[@lastblackbear8305]

excellent. bravo 👏

[@dazrelixs]

Hey brad.. does your course Modern Javascript From The Beginning covers all things to learn React?

[@Indialoves1]

This is precious video for me.

[@namratanagvekar6857]

So everything u mentioned in video.. are u having separate explanation videos of all the mentioned things on your channel?

[@adityajain019]

much needed briefing.

[@EddyVinck]

Thanks for this video Brad.