How to learn JavaScript systematically?

foreword

Before learning JavaScript, you need to clarify the relevant knowledge points of Html and Css. Many operations of Js need to be combined with Html and Css. Below I summarize the relevant learning points of Html, Css and Js for your reference. I hope it will be helpful to you. help~

Html

document learning

【HTML 】w3school tutorial: https://www.w3school.com.cn/html/index.asp

video learning

[ siki school ] HTML: https://www.sikiedu.com/my/course/206

Css

document learning

[ CSS ] w3school tutorial: https://www.w3school.com.cn/css/index.asp

video learning

【Siki Academy】CSS: https://www.sikiedu.com/course/207

Important knowledge points

selector priority

Summary of CSS selector priority

Page layout related

· Detailed explanation of CSS box model

The difference between display:none and visibility:hidden

CSS clear float

What is BFC in CSS? how to use?

·CSS flex layout

CSS text overflow part shows ellipsis

·CSS (3) multiple methods to achieve horizontal and vertical centering effect

·Elaborate on the position attribute in CSS

css3 animation

[·CSS animation](

JavaScript

document learning

[ JavaScript ] w3school tutorial: https://www.w3school.com.cn/js/index.asp

video learning

[ Dark Horse Front End ] JavaScript Course: https://www.bilibili.com/video/BV1Sy4y1C7ha/

[ Lu Keer from objtube ] JS operating principle: https://www.bilibili.com/video/BV1vh411Z7QG/

Important knowledge points

[ Comprehensive analysis of this keyword

Scope and closures

· Execution context and execution stack

Scope and scope chain

· The concept, principle, function and application of closure

Prototype and Inheritance

·Prototype and prototype chain

· Commonly used eight inheritance schemes

kind

· Basic knowledge of class

· Static methods

· Class inheritance

Modular

Modularity—module exposure and module import

regular expression

·Regular Expression Syntax Encyclopedia

·The most complete JavaScript regular expression in the whole network (check numbers and letters)

Promise

· Understanding JavaScript Promises

Help you understand Promise prototype methods then, catch, finally

·Illustrate the principle of Promise implementation - Promise chain call ,

· Understand JavaScript's async/await)

DOM&BOM object

· DOM binding event, event flow mechanism, event delegation, event object

·DOM operation arrangement

·BOM operation arrangement

· AJAX cross-domain

·Detailed explanation of local storage

space coordinates

· Use of spatial coordinates

event

·Event processing

·Event Reference Manual

·HTML DOM event listener

network request

· XMLHttpRequest introductory tutorial (very detailed)

JS requests data through fetch

canvas

·Canvas Tutorial - Web API Interface Reference

write at the end

The focus is on the learning of native Js, but don’t ignore the learning of html and css. Laying a solid foundation will be very helpful in the future. I hope this article of mine can provide you with some help~