What have front-end bulls learned ?, Scalpers

Source: Internet
Author: User
Tags chrome developer chrome developer tools

What have front-end bulls learned ?, Scalpers

I saw this problem a few days ago:

Looking at bootstrap recently, I found that I had barely learned anything about front-end except html + css and js and JQuery I saw in my freshman year. I have occasionally learned about html5. Want to know what else do I need to learn as a front-end manager of a team? We found that bootstrap is related to. less. In addition, what else do we need to learn?

 

In fact, let's proceed step by step.

CSS cannot be programmed? With Less, Sass, Stylus, and even Absurd, there are many frameworks besides Bootstrap. How troublesome is JS writing? JQuery. Mobile development? Zepto. js. Poor structure? Looking for a framework, Backbone. js is MVC, AngularJS and Ember. js are MVVM, and Twitter also gets an event-driven framework Flight. Is loading optimized when there are more databases? RequireJS.

 

Is code quality a problem? Jasmine, QUnit, and Mocha Perform unit tests. Should all browsers be tested? Use Karma. Is there a problem after the test passes the deployment? Continuous integration with Travis CI. Are user behavior tests required? Selenium. Style tests also include Viff. I think Javascript is too troublesome? Use CoffeeScript.

 

Want to make an 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 writing FPS too low? Use the framework, CreateJS .. Is 2D naive? Three. js is not powerful enough to help you develop 3D with WebGL? Asm. js gives you an illusory 3 engine in your browser.

 

You need to configure and deploy this pile of things. Is it troublesome to use Grunt and there are too many databases? Use Bower management to create various file folders at the beginning of the project? Use Yeoman. There are too many open-source projects. Find them on GitHub. No? Learn about Git. By the way, you can use Jekyll to host your blog. Isn't there anything like Ruby? The .. SASS is also written in Ruby. Wait until Sublime Text is written in Python. Do you need to write plug-ins? Also learn. Debugging is too difficult? Using Chrome developer tools, a bunch of APIs and functions.

 

Why is it hard to run on a computer browser? When I move to HTML5 for mobile development, it's no longer necessary to leave the network? HTML5 offline applications. Not as good as native applications? Use PhoneGap. Want to call native API? Develop a Firefox OS application. The browser application will be okay. Chrome Firefox has its own documents. Then I dumped the backend and installed Node. js myself. So I had to learn about the server and want to use npm to manage the node package? Linux shell tips also have to be learned. Do you want to use both the frontend and backend products? Let's look at the http protocol. Web proficient? Node-webkit allows you to write desktop programs. Continue.

 

Want to learn modular development? Look at CommonJS and AMD specifications. Understanding JS deviations? Look at the ECMA-262, and so on don't know When version 6th is coming out. Different browsers make it hard to understand how to be compatible? Look at W3C standards. What do HTML users understand? SEO and people with disabilities? Looking at the HTML semantics, the plenary session is complete, but is it not supported by IE? What is Nima, a browser with no name, even JS? Incremental enhancement. Want to fix all kinds of devices at a time? Responsive design.

 

The above are just some clever little technologies. What business does the company do? Learn more about the industry. Products for the public? Interaction Design. Why not the artist? Uidesign. Outsourcing and consulting? Design Patterns, reconstruction methods, algorithms, and data structures. Do you know Software Engineering? To learn more about agile development, you may also try TDD, ATDD, and BDD.

 

After reading so many things, is the first response a Chinese document? Learn English.

 

These are just a small part of what I can see at present, and each section is basically a boundary, not having to learn, but continuing to learn is another place. I sincerely hope someone can help me fill the blind zone of knowledge. In addition, I only concatenate some knowledge points. Please forgive me for being incomplete or wrong.

 

In fact, I have been talking about it all the time. I just read this question and wondered what to learn, so I put some tools and frameworks on it. However, I found that many people only remember the word "Daniel". In fact, the front-end and back-end of the technology stack layer are funny. It is nothing more than the difference between JavaScript and XX language, the difference in resource allocation strategies or thinking is the essential difference between the frontend and backend. If you do not understand this, you can still learn the technology well. Don't worry about the front-end backend. The project requires you to make web pages. You can learn the front-end and learn more about Java and Ruby, PHP and so on. Do not use the frontend concept as an excuse to be too lazy to learn other technologies. In the future, JavaScript will become the underlying language relative to the browser. After developers develop it in a variety of syntax languages, compile it into JavaScript and run it on the browser, it is doomed to be wiped out by the surging front-end. Compared with CoffeeScript, TypeScript has some qualitative changes, and Elm similar to Haskell syntax, coupled with webpack catalysis, this trend will become more and more obvious.

[I have a QQ Group for front-end learning and communication: 328058344 if you encounter any problems during the process of learning the front-end, please come to my QQ Group to ask questions. The group will update some learning resources every day. Chat is prohibited .]

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.