Web front-end basic three swordsmen learning knowledge sharing

Web front-end development basic knowledge learning route sharing, three basics of front-end development introductory learning: HTML, CSS, JavaScript. In addition, learn about data visualization, Vue, React, and Angular related frameworks, and use the frameworks to improve development efficiency and stability.

What are the functions of HTML, CSS, and JS?

HTML content layer, its role is to indicate what role an HTML tag plays in the page; CSS style layer, its role is to indicate what style (font, size, color, width and height, etc.) a piece of content is displayed in; JS behavior layer , Its role is when the user triggers certain behaviors, what changes will be brought to the content and style.

What to learn HTML5+CSS3?

Mainly to learn some page style layout content, divided into two directions: PC-side page layout and WebAPP page layout, including common block-level tags and characteristics, common inline blocks and characteristics, common attributes of tables, common attributes of form fields, forms Common attributes of elements, CSS basic syntax, selectors, text styles, box models, CSS background skills, browser compatibility, CSS hacks, CSS advanced skills, BFC specifications, web development planning and processes, CSS3 coding planning, 2D and 3D transformations, Animation animation, preprocessor Less, Flex layout, etc.

What does JS learn?

To write a static page, you must use JavaScript technology to achieve dynamic effects. JavaScript can add a variety of dynamic functions to the web page, bringing users a smoother and more beautiful browsing effect.

Mainly learn JavaScript core syntax, user and interface interaction, function expressions, native function packaging, JavaScript built-in objects, arrays and sorting algorithms, Math and random algorithms, DOM trees, JavaScript special effects, browser compatible processing, cookie principle analysis and application, Regular expression and form validation, constructor function, Ajax principle analysis and implementation, synchronization and asynchronous difference and implementation, Ajax front and back data interaction, jQuery introduction, jQuery selector, jQuery CSS operation, jQuery html document processing, jQuery events, jQuery animation, jQuery plug-in operation, jQuery extension, recursive algorithm, Jquery Ajax, etc.
jQuery

The content of Html+CSS is used to achieve page effects. It is the most basic knowledge of the front-end. The content of Html+CSS, after learning JavaScript knowledge points, will not make you competent for JavaScript programming work, so after you have the relevant foundation Further learning is needed to do a good job in front-end development.

Front-end learning suggestions

First: The foundation must be hard

First of all, there are many ways to learn basic knowledge such as html5, css, and javascript, so I won't say more, for example, some other excellent blogs. But I think reading is also necessary, which can save a lot of time. Common javascript books, such as advanced programming of javascript, is an indispensable book for every front-end engineer. Read and use it to understand some basics of js The knowledge is basically very comprehensive. If you have time, you can read some books about js performance and the designer mode, which will be used in practice.

html5

Second: the framework must be familiar

1. Frame construction

Basically, you should also write some static pages, including some styles, the introduction of js, and so on. After that, I learned the framework directly. The learning of the framework is actually step by step. First, you can watch some videos (low efficiency), or blogs, etc., and start building a framework for developing react/vue. In fact, these frameworks have Scaffolding, if you are just starting out, you can use scaffolding to build it, and then you can try to build it yourself if you have time.
vue skills

2. Getting started with the framework

After the environment is no problem, you can try to write a simple todomvc, including some basic functions such as addition, deletion, check and display, and can be combined with some ui components, which is more efficient. If it is react, you must also understand the use of life cycle and the use of hooks. Then to the redux state transmission, and then to the interface call and so on.

3. Skilled use

You can simply do a project and master it more proficiently. At the same time, if you have energy at this stage, you must also look at the source code. For example, the principle of common virtual dom, I believe that the front-end partners know something.

Interview Question Series

I am currently working in front-end development. If you want to learn front-end development technology now, and you encounter any questions about learning methods, learning routes, learning efficiency, etc. during the process of getting started learning front-end, you can apply to join my front-end Learning exchange skirt: front: 42137 back: 4697 . It gathers some beginners, changers, and beginners who are self-learning the front-end, and there are also some front-end books and PDFs that I have compiled . Those interested in the content of the article can click here to get it ~

Third: After the basic skills are available

After you have almost understood it, in fact, you must start to learn deployment, how to optimize the front-end, package, deploy, and go online. At the same time, you must understand the packaging principle of webpack.

In short, it is a process from scratch. From construction to deployment, there are a lot of learning things in the middle. I know so much for the time being. Front-end partners can refer to and find a learning method that suits them.

Guess you like

Origin blog.csdn.net/pig_html/article/details/111922475