What you need to learn to do front-end work

韦小宝
Release: 2017-11-25 09:24:15
Original
1546 people have browsed it

Students who want to learn front-end can take a look at the general front-end learning ideas and front-end things to pay attention to in code, as a front-endWhat are the things to learn. alright! Let’s take a look!

CSS can’t be programmed? Use Less, Sass, Stylus, or even use Absurd directly. There are many frameworks besides Bootstrap.
Is it troublesome to write too much JS? jQuery.
Mobile development? Zepto.js.
The structure is not good? Looking for a framework, Backbone.js is MVC, AngularJS and Ember.js are MVVM, and Twitter also has an event-driven framework called Flight.
If there are too many libraries, do we need to optimize the loading? RequireJS.

Is the code quality a problem? Jasmine, QUnit, and Mocha do unit testing.
Do all browsers need to be tested? Use Karma.
The test passed and the deployment is still having problems? Continuous integration using Travis CI.
User behavior also needs to be measured? Use Selenium. There is also Viff for style testing.
Think JS is troublesome enough? Use CoffeeScript.

Want to do animation? Canvas or SVG and CSS3 help to kill Flash.
Is SVG too difficult to draw? Use Snap.svg.
Want to develop a game? Use Canvas.
Is it too low to write your own FPS? Use a framework, CreateJS.
2D is too naive? three.js helps you develop 3D with WebGL,
is not powerful enough? asm.js lets you have Unreal Engine 3 in your browser.

All these things need to be configured and deployed. Trouble. Using Grunt, there are too many libraries? Using Bower to manage,
Do I need to create various file folders at the beginning of the project? Use Yeoman.
There are too many open source projects. Can you find them on GitHub? Learn Git.
By the way, I use Jekyll to host my blog, right? There is also Ruby...SASS is also written in Ruby. Wait, Sublime Text is written in Python. Do I need to write a plug-in? Learn it too.
Is debugging too difficult? Use Chrome developer tools, a bunch of APIs and functions.

Isn’t it effective just on a computer browser? Mobile development of HTML5, will it be useless if you leave the Internet? HTML5 offline application.
Not as good as a native application? Use PhoneGap.
Want to call native API? Develop Firefox OS apps. You also need to know how to use browser applications. Chrome and Firefox have their own documentation.
Then, should we dump the backend and do it ourselves? To install Node.js, you need to learn some server knowledge.
Want to use npm to manage node packages? You also need to learn Linux skills and shell skills.
Want to take advantage of both the front and back ends? Let’s look at the http protocol again.
Web proficient? node-webkit allows you to write desktop programs, keep learning.

Want to learnModulardevelopment? Have a look at CommonJS and AMD specifications.
Is there any deviation in understanding JS? Take a look at ECMA-262. I don’t know when the 6th edition will be released.
Browsers are different, not sure how to make them compatible? Take a look at the W3C standards.
Humans can understand HTML written in it, but machines can’t read it? Want SEO.
Want to support people with disabilities? See HTMLSemantic.
The plenary session was held but IE just doesn’t support it? The browser I can’t name is that I don’t even know what JS is? Progressive enhancement.
Want to handle all kinds of equipment at once? Responsive design.

Then the above are just some clever little techniques.
What does the company do? Get some industry information.
Products for the general public? Interactive Design.
The art is not good? UI design.
Outsourcing and consulting? Design patterns, reconstruction methods, algorithms, data structures.
Do you know software engineering? Learn about agile development, and maybe try TDD, ATDD, and BDD.

After reading so many things, my first reaction was to ask for Chinese documentation? Go learn English! As a programmer, whether it is front-end or back-end, English is very important~

Related recommendations:

Learning route for beginners to master the front-end

##Summary of the latest front-end written test questions

As a front-end development engineer, you must pay attention to three things Point performance indicators

The above is the detailed content of What you need to learn to do front-end work. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template