Shulou(Shulou.com)05/31 Report--

This article shows you what programming language you need to master to learn web page making and web app development, the content is concise and easy to understand, it will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

To do software development, is to engage in programming development work, we must first learn from the basis of grammar, through the grammar to form the product effect.

The basic syntax of front-end development, which is composed of HTML+CSS+JavaScript, is the most basic three languages of front-end development.

The basis of web layout: HTML+CSS

HTML is the hypertext markup language, the most basic language that makes up the content of a web page. You can directly say that he is the skeleton of the web page, and the pictures, text, video, audio and programs of the web page need to be introduced into the web page.

HTML alone to do web pages, just with content, of course, is far from enough. Because only HTML, can only use Table to do layout can barely make a shaped web page. But since the era of Web2.0, it has been the box model layout method, that is, using DIV+CSS to achieve layout.

CSS is a cascading style sheet. The layout of tags is regulated by style attributes. When table layout is no longer used, as long as the CSS style implements the corresponding layout of web page tags is the correct way of development.

HTML (div) + CSS layout is the basic step of getting started. At this stage, you need to learn something, including:

1. Tag semantics, SEO

two。 The process and principle of page loading

3. Web page structure

4. Box model (W3C box model and IE box model)

5.CSS selector

6.CSS layout floating, positioning

In the initial stage, the layout methods we learned are basically static layout methods based on px. Familiar with the layout method, first give yourself a small goal, do a simple e-commerce web page out of the basic structure, no special effects, no interaction.

Browser scripting language: JavaScript

JavaScript is a very important content for us to learn about front-end development, and it is also a difficulty that everyone often falls into the hole. JavaScript can now be said to be the most widely used scripting language in the Internet era. In web pages, all data rendering and special effects interactions need to use JavaScript to influence the display of browsers.

JavaScript is not only an important part of developing web page special effects and rendering data, but also a lot of tests on the basis of JavaScript in the later stage of learning front-end development and extensive use of algorithms and frameworks.

In the basic stage, we need to pay attention to the following when learning JavaScript:

1. Basic keyword instruction

two。 Basic data types, arrays

3. Function

4. Object oriented programming

5. Prototype chain, closure

6.JSON

7.Ajax

8.DOM (document object model native DOM operation)

9. Event capture, bubbling, proxy

10. Common function method

11.ES5 、 6 、 7

In the JavaScript part, the main thing is to understand the principle of interaction, analyze the principle clearly, and really understand the grammar. It is easy to write out how complex the logic is.

JavaScript Classical Class Library jQuery

When it comes to learning JavaScript, many Xiaobai students will definitely have a headache for his original writing. Each logical business needs to be written manually, that is, one wheel at a time. I think it's troublesome. I wish I could make it easier.

Because JavaScript has features that can be encapsulated, there are many class libraries and plug-ins encapsulated in JavaScript. For example, the most classic class library is jQuery.

The jQuery class library encapsulates a lot of JavaScript event methods in the class library. Through encapsulation, jQuery alleviates many problems such as traversal, object selection, and so on. Simplify the implementation of web page effects by calling methods.

When learning jQuery, you need to focus on the following:

Differences between 1.jQuery syntax and JavaScript native syntax

2.Dom object and jQuery object

The difference between the entry function of 3.jQuery and that of JavaScript

Execution logic for the 4.jQuery event.

To learn jQuery, the most important thing to achieve is to quickly complete the special effects of the web page, such as rowing pictures, accordion menus, merry-go-round, magnifying glass and so on. To complete the layout of an e-commerce website + special effects development is the most basic requirement.

These are some of the basic contents necessary for zero-basic learning. Develop the most basic things that need to be mastered at the front end of the introduction, and understand the foundation well in order to make more preparations for the following study.

Multi-terminal advanced learning

In addition to the basic PC side, the current mobile terminal can be said to be very popular.

Different from a single web page on the PC side, the technology on the mobile side can be applied to WEB-APP, Mini Program, Hybrid-App and so on.

Web-App

This is the large mobile web page opened by our common browsers (and built-in browsers, such as Wechat). For example, our common e-commerce websites, functional websites, management websites, have the effect of APP in layout and function.

If you do a good job of Web-App development, many people will definitely say responsive layout, but there are five layout methods for front-end development, in addition to the famous responsive layout, there is also the most important flexible layout method on mobile, that is, rem layout, which is a headache for many people.

In addition to the layout approach, new H5 features and touchscreen events and device compatibility issues also need to be handy.

Mini Program

This is needless to say, now it can be said to be very popular, the major platforms are doing their own Mini Program, all kinds of bargaining, ticket grabbing, e-commerce, games are used. Taking WeChat Mini Programs as an example, this is mainly the encapsulation syntax done by the Wechat team based on the front end, and the main one is the ES syntax. Mini Program at present, many companies are recruiting front-end developers, there is no independent Mini Program development engineers, so Mini Program can be said to be a high-paid employment skills for front-end engineers, in other words, mature development is a must.

Hybrid-App

Also known as hybrid APP, few people may have heard of it, but it has been developed by more and more people in the past 18 years. This kind of APP can be directly downloaded to the terminal, and it can be said to have most of the functions of traditional APP in terms of experience. The threshold for this kind of development is low, that is, front-end development can be completed. Most of them can be done on large package platforms, which you can learn about later.

Front-end mainstream technical framework

In front of all the basic things, now go to the employment front-end development, not just rely on a basic thing, a mobile page can be considered mature. Front-end three major frameworks, VUE, Angular, React these three can be said to be very hot now.

Why do you need a framework when the front end of the basic grammar can be written?

Many Xiaobai friends do not know what a frame is. They have only heard of jQuery and think it is a frame. Or think that the framework is to accelerate development, think that these libraries, plug-ins can complete the work of the framework.

In fact, the emergence of the framework is an important symbol of changing the front-end status. The most important performance is the separation of the front and rear ends. Before the front and rear ends were separated, many back-end developers were both parents and parents. the effect was not good and the efficiency was not high. I was born in the back end and knew the pain very well.

Today's front-end projects are more complex and diverse than before. The project is complicated and there are many problems.

What exactly does the framework solve?

To solve the problem of repeatedly referencing external js, take jQuery development as an example, most of the time, you can't complete a project alone, and you need to refer to a lot of third-party plug-ins and libraries, resulting in the introduction of a lot of external JS files into a project.

This not only makes the code cluttered, but also affects the speed of opening. But with the framework, take VUE as an example, it usually works with the build tool, and then an entry file can be completed, which is introduced once and for all at run time.

Using component-based development, components are one of the most powerful features in the front-end framework, which can extend your HTML and encapsulate reusable code blocks, such as your broadcast diagram, tab switching, page header, page bottom, and so on.

This independent component has complete functions of html, css and js, which greatly saves the amount of code and improves the reusability of the code. Especially when working as a team, it can improve the efficiency of use.

Reduce the development cycle, if you think jQuery can reduce the development cycle, then the framework can actually be faster than the library. For example, when using jQuery development, most of the time you need to operate DOM frequently, and you have to find DOM every time, which is very tedious. When using the framework, many functions are encapsulated, such as data binding and data formatting. More often than not, we only need to pay attention to the logic of the data when we develop.

Those who are interested in the web front-end technology can join our study circle for the sixth year of programming and share with you some learning methods and details that need to be paid attention to in practical development. 784-783-012 autumn skirt. How to learn the front end from zero foundation. Look at how the predecessors move forward proudly in the world of programming! Constantly update the latest tutorials and learning methods (web front-end system learning route, detailed front-end project actual combat teaching video), those who want to learn web front-end, or change careers, or college students, and those who want to improve their abilities at work, are welcome to join us. We will work together to learn from the front end. We are serious.

Last

These are some of the necessary knowledge points for us to learn web page making, web app development, and learning front-end development. Let's put the learning route for everyone.

The above content is to learn what programming languages you need to master in web page making and web app development. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.