Knowledge and skills required for Shenyang Web front-end development!

With the rapid development of web front-end, more and more people are learning web front-end. In the era of mobile Internet, it is believed that each of us has dozens of apps installed on our mobile phones. The development of these apps is actually similar to the current popular web Front-end development is closely related.

In fact, more than half of the APPs today are developed in a hybrid mode, that is, a combination of Android and web technologies. There are also many APPs developed purely on the web. For example, the well-known Qzone is developed using the React Native technology on the front end of the web.

In addition to the APP, the H5 pages we often see on the mobile phone are mainly developed using HTML5 technology on the web. Of course, the web front-end is not limited to front-end web pages and APPs, but also involves server-side, desktop-level applications and even VR. First, let’s talk about the knowledge skills and learning paths required for web front-end development.

1. HTML5 + CSS3 + JavaScript

The foundation of the web development foundation, HTML is responsible for the structure of the web page, CSS is responsible for the style of the web page, and JS is responsible for the logical interaction. The first two are more like markup languages, without any logic, and JS is the top priority of the front end. Most of the new technologies in HTML5 need to be learned in combination with JS.

Everyone’s learning progress may be different. This stage is mainly to imitate multiple sites, familiar with the basics, try writing responsive pages with CSS, and understand the in-depth knowledge of JS, such as prototype chains, closures, design patterns, etc. need more accumulation, gradually Understand and practice mastery.

1. JQuery + BootStrap + Ajax + Json

jQuery is an application library for JS, which can improve the efficiency of native JS development. Bootstrap is a responsive framework that makes it easier to implement page support for multiple devices on mobile phones/tablets/PCs. Ajax technology is used for asynchronous interaction, and data can be updated without refreshing the page, such as map applications. Json is a data format that is widely used in major programming languages.

jQuery and bootstrap will simplify the amount of code written, and it is a pleasure to use, but it is recommended to use less for those who are not very solid. Ajax and json are usually used to interact with the backend and are often used in actual business.

1. Git/SVN

Version management tool, mainly used to avoid file conflicts during team development, and can also be backed up. The front end recommends learning Git.

1. Nodejs + Mysql /MongoDB (optional)

JavaScript running on the server side. Express is its extension to the MVC framework. Among them, the most commonly used nodejs is the npm package manager, which does not need to download resource packages from various websites. You can choose MongoDB or MySQL for database learning. The former fits better with Nodejs, but most websites are a combination of PHP + Mysql. If you plan to learn PHP, you can learn Mysql first.

1. ECMAScript 6

The language standard for JavaScript. ES6 has added many new concepts and made up for many defects of JS in previous versions. More and more projects have begun to use ES6 for development. It is best to understand ES5 before learning. Considering compatibility in actual projects, ES6 needs to be compiled into ES5 through Babel for deployment.

1. Angular/React/Vue

The three front-end frameworks also have their own ecosystems, and you can choose to learn according to your needs. At present, Angular is still the most demanded by enterprises, but react and vue are more popular in recent trends. Because the development of front-end technology is too rapid, and the update of tools and frameworks is faster than flipping the book, it is recommended to read the documentation for learning. During the learning process, you will also encounter many times when you use various construction tools.

1. Other common tools

This is the same as learning according to needs. The more commonly used one is Web pack, which can package multiple files of different programming styles. For example, modules such as ES6/AMD/CMD can be recognized and compiled into files that browsers can run. Sass/Less, CSS precompiled framework, can write CSS code in a logical way. Gulp/Grunt build tool that automates code compression and merging.

1. Other backend programming languages

At present, the market basically requires a back-end language for the front-end, such as PHP / JAVA / Nodejs / Python, etc.

The most important thing in learning programming is practice, typing more code, and trying more. The ability to solve problems independently and the spirit of inquiry and study are essential. If you are interested, you can also build a technical blog by yourself and upload several open source projects to github. These are good bonus points.