With the rapid development of the web front end, there are more and more people learning the web front end. In the era of the mobile Internet, I believe that each of us has dozens of APPs on their mobile phones. The development of these APPs is actually the same as the popular Web Front-end development is closely related.
In fact, more than half of today's apps are developed using Hybrid hybrid mode, which combines Android and Web-side technology development. There are also a few APPs developed on pure Web. For example, our well-known QQ space is developed using the ReactNative technology of the Web front end. In addition to the APP, the H5 page we often see on the mobile terminal is also mainly developed using the HTML5 technology on the Web side. Of course, the Web front-end is not limited to front-end web pages and APPs. Server-side, desktop-level applications, and even VR are involved.
Today, I will mainly talk about
the knowledge, skills and learning path required for Web front-end development.
1. HTML5 + CSS3 + JavaScript
is the foundation of Web development foundation. HTML is responsible for webpage structure, CSS is responsible for webpage style, and JS is responsible for logical interaction. The first two are more like markup languages, there is no logic, JS is the top priority of the front end. Most of the new technologies in HTML5 need to be combined with JS learning.
Everyone's learning progress may be different. This stage is mainly to imitate the station, familiar with the basics, try to use CSS to write responsive pages, understand the in-depth knowledge of JS, such as prototype chains, closures, design patterns, etc. need more accumulation, gradually Understand and practice.
2. JQuery + BootStrap + Ajax + Json
jQuery is an application library of JS, which can improve the efficiency of native JS development. Bootstrap is a responsive framework that makes it simpler to implement page support for multiple devices such as 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 that is written, and it is very enjoyable, but it is recommended to use it 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.
3. Git / SVN
version management tool, mainly used to avoid file conflicts during team development, and can also be back to the file. The front end recommends learning Git.
4. Nodejs + Mysql / MongoDB (optional)
JavaScript running on the server. Express is its extended MVC framework. Among them, the most commonly used nodejs is the npm package manager, without going to various websites to download resource packages. You can choose MongoDB or MySQL for database learning. The former fits better with Nodejs, but most websites are now a combination of PHP + Mysql. If you have the plan to learn PHP, you can learn Mysql first.
5. ECMAScript6
JavaScript language standard. Many new concepts have been added to ES6, and they have made up for many of the shortcomings of JS in previous versions. More and more projects have begun to use ES6 for development. It is best to understand ES5 before learning. At present, considering the compatibility in the actual project, ES6 needs to be compiled into ES5 through Babel to deploy.
I am an old web front-end programmer who has been engaged in development for many years. At present, I am resigning to do my own web front-end private customization course. Last year I spent a month organizing a web front-end learning dry goods that is most suitable for 2019. This kind of framework is organized and sent to every front-end friend. If you want to get it, you can follow my headline number and privately trust me in the background: front-end, you can get it for free.
6.Angular / React / Vue
The three front-end frameworks also have their own ecosystems, and they choose to learn according to their needs. At present, the largest demand for enterprises is still Angular, but in recent trends, react and vue are more popular. Because the development of front-end technology is too rapid now, tools and frameworks are updated faster than turning books, it is recommended to study or read the documentation. During the learning process, I will encounter many times when various construction tools are used.
7. Other common tools
like this are to choose to learn according to needs. The more commonly used is now Webpack, which can package multiple files with different programming styles. For example, modularization such as ES6 / AMD / CMD can recognize and compile into files that can be run by the browser. Sass / Less, a CSS pre-compilation framework, can write CSS code in a logical way. The Gulp / Grunt build tool can automatically compress and merge code.
8. Other back-end programming languages
At present, the market basically requires a back-end language, PHP / JAVA / Nodejs / Python, etc.
The most important thing to learn programming is practice, knock more code and try 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 and upload several open source projects to github. These are good points.
A good programmer is not just a programmer.
Precautions for front-end learning
First, lay a solid foundation
no matter what you do, you must have a solid foundation. Participating in web front-end training is no exception. Only with a solid foundation can you learn new skills in more depth. As a junior web front-end engineer, you must have the most basic technical elements: HTML, CSS and JavaScript. This is what must be mastered as a web front-end engineer. The entry threshold for the Web front end is actually very low. Compared with the learning rhythm of other languages that are slow and then fast, he is a process of first and then slow. So in the early learning process, you will easily master its basic skills. With the widespread use of HTML5 technology, web front-end learning will become easier.
Second, pay attention to details
There is a saying that says: "Details determine success or failure." Many web front-end developers neglect some details in pursuit of speed in their work. For example: add comments to the code, the naming convention of the code, the conciseness of the code, etc. All of this may seem unimportant, but it has seriously affected the progress of the project and the improvement of its own capabilities. During the development process, adding appropriate comments can deepen the impression of the technical point and facilitate quick search in the process of modification later; standardized code naming can facilitate communication between teams and improve work efficiency; and concise code can Intuitively show the role of a piece of code.
Third: Continuously strengthen learning
Excellent web front-end engineers are excellent not because of how long they work, but because of their ability to learn quickly. Web front-end development is a special job, covering a wide range of knowledge, and the technology update speed of the Internet industry is very fast. Without the ability to learn quickly, it is difficult to keep up with the pace of the times. Therefore, as a web front-end engineer, we must constantly learn and improve our skills.
If you have any questions, please contact: Qi on e-commerce . E-commerce operation monster