No Result
View All Result
Cloud Reports
  • Home
  • Linux
  • Web development
  • Javascript
  • SQL
  • Ant Design tutorial
  • PC & Laptop
  • Technology & Digital
  • Home
  • Linux
  • Web development
  • Javascript
  • SQL
  • Ant Design tutorial
  • PC & Laptop
  • Technology & Digital
No Result
View All Result
Cloud Reports
No Result
View All Result

Pathway to learn javascript to reactjs

npn by npn
December 21, 2020
in React
Reading Time: 6min read
A A
0
ReactJs Setup tutorial for Beginner – ReactJs tutorial [P1]
ADVERTISEMENT

The javascript pathway – You don’t need to take a course at all? Emphasize that there is no need to follow a course at all? You just need to follow the route and what you do not understand, then refer to the expert blogs, they will explain in detail for you.

READ ALSO

If you want to learn React JS within 3 months, the following 8 basics must first be known

If you want to learn React JS within 3 months, the following 8 basics must first be known

December 22, 2020
16
Smooth UI System: a new way to style your components

Smooth UI System: a new way to style your components

December 18, 2020
15

Mastering the building blocks of programming (such as functions, objects, and conditional logic) is your most important task as a beginner programmer. That’s because fluency with these core areas is incredibly important to everything you’ll do in any programming language, not just JavaScript. Frameworks, tools even other languages ​​like python .., but the fundamentals never change.

One of the questions we get recently is about how to learn javascript? What course should I study? The question was sent by you that many of you quit the job and want to return to js, ​​or are there students who are studying but very vague and vague about where to start? 

You don’t need to take a course at all? Emphasize that there is no need to follow a course at all? You just need to follow the route and what you do not understand, then refer to the expert blogs, they will explain in detail for you. As

  • JavaScript 30 by Wes Bos
  • Practical JavaScript by Gordon Zhu
  • Learn JavaScript ES6 by TheNetNinja

The Secret To Learn JavaScript From Begin To Master

So this article we will summarize the roadmap for you to go the best way to learn how to effectively and quickly grasp problems. I believe that for learning to be engaging and truly something, you need to go from theory to actually build something in as little time as possible. The concept of stuff is boring.

 The exercises in the courses are too boring and make little sense in a real project. With that in mind, here, we think what the optimal JS learning path looks like, and we asked questions for you to find out for yourself and realize, “I was on the wrong path for a long time “.

# Focus on what matters most, the fundamentals.

 Mastering the building blocks of programming (such as functions, objects, and conditional logic) is your most important task as a beginner programmer. That’s because fluency with these core areas is incredibly important to everything you’ll do in any programming language, not just JavaScript. Frameworks, tools, and even languages ​​come and go, but the fundamentals never change. 

1. JUDGMENT

Learn how to get elements on the page and do things with them like add or remove classes, get properties, set properties, add styles, and it’s important to know that multiple elements in javascript event listener are used a lot if you using DOM

2. Strings, Arrays, and Objects.

Sometimes you have to ask yourself what they are? Why use this and not that. Also, how to get data in a string, array, or object and manipulate it in a certain way: add or remove content, or convert it to another value … In the Array and Object section In javascript, we talk a lot in this blog. If you really have a strong passion for javascript, you can learn online and for free at “Learn javascript programming yourself”.

3. Variables, Functions, and Scope. 

You should use functional declarations or function expressions. What is an arrow function? What is function hoisting? Difference between let, var, const? When should we use each of these? What is Scope? How does it affect and leak in your code? For example:

Example: Function Expression

alert(foo()); // ERROR! foo wasn't loaded yet 
var foo = function() { return 5; }

Example: Function Declaration 

alert(foo()); // Alerts 5. Declarations are loaded before any code can run. 
function foo() { return 5; }

And here are the knowledge you cannot ignore:

  • Scope
  • Hoisting
  • Prototypal Inheritance
  • Higher-Order Functions
  • Callbacks
  • Immediately Invoked Function Expressions
  • Closure
  • The Module Pattern
  • An Understanding of the keyword this
  • Promises

4. Manufacture injeciton. 

How to create new HTML elements and put them on the page. How do you up or down the DOM to find parent or child elements? How do I move inside complex elements? 

5. Browser Storage.

How do I store data locally in the browser for later use? This includes things like localStorage, sessionStorage, browser cookies, and how to retrieve values ​​from query strings. 

6. Ajax & HTTP.

How do I get data from the API or dynamically pull content from another page on your website?

7. Writing Plugins. 

We encourage you to focus on this section, it really helps you up to level in javascript. How to structure your code to be more flexible. How to write scalable, tunable, and extensible scripts for future use cases you’ve been thinking of but without touching core code?

ADVERTISEMENT

8.Web Apps

How to build interactive web apps and static site application without any library or other framework? 

9. Javascript tips.

Every language has tricks to help you quickly debug lengthy code, or variables or values ​​that are leaked without your knowledge. The tips are everywhere on expert blogs they have summarized for you. The job you just apply for yourself every day.

10. It’s not just code. 

The last thing about today is that you shouldn’t focus too much on code and skills. When you are fully equipped with the theory and spirit and always diligently researching, there are opportunities that come to you. And when you work with passion, the skills, code and of course money will come to you. 

#Epilogue

This learning pathway with this roadmap is designed to help you no longer feel confused. These skills will help you gain skills that will help you along the way. We don’t expect this post to be approved by you, but we do hope you have a clear roadmap for daily review and able to move forward without any thoughts “where to start. ? “

Refer from the articles:

https://watchandcode.com/p/practical-javascript

https://gomakethings.com/a-vanilla-js-learning-path/

https://medium.com/@mandeep1012/function-declarations-vs-function-expressions-b43646042052

ShareTweetShare
Previous Post

Modern JavaScript features should be used every day, for good resolution (P1).

Next Post

Accelerate your Continuous Integration pipelines with Directed Acyclic Graph (DAG)

npn

npn

Related Posts

If you want to learn React JS within 3 months, the following 8 basics must first be known
Javascript

If you want to learn React JS within 3 months, the following 8 basics must first be known

December 22, 2020
16
Smooth UI System: a new way to style your components
React

Smooth UI System: a new way to style your components

December 18, 2020
15
React

React Document ~ Essential JSX Knowledge

December 17, 2020
12
Migrate from Hot Reload to Fast Refresh
React

Migrate from Hot Reload to Fast Refresh

December 16, 2020
63
[React] React installation for Mac
React

[React] React installation for Mac

December 16, 2020
6
Deploy Next.js to Firebase for SSR and API Route
React

Deploy Next.js to Firebase for SSR and API Route

December 15, 2020
94
Next Post
Accelerate your Continuous Integration pipelines with Directed Acyclic Graph (DAG)

Accelerate your Continuous Integration pipelines with Directed Acyclic Graph (DAG)

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

No Result
View All Result

Categories

  • Android (1)
  • Ant Design tutorial (7)
  • Javascript (21)
  • Layout and Routing (2)
  • Linux (3)
  • PC & Laptop (88)
  • React (17)
  • SQL (2)
  • Technology & Digital (256)
  • The Basics (5)
  • Web development (38)

Search

No Result
View All Result
No Result
View All Result
  • Home
  • Linux
  • Web development
  • Javascript
  • SQL
  • Ant Design tutorial
  • PC & Laptop
  • Technology & Digital