Front-end programmer: Monthly salary 5K to 50,000

Wardrobe: 5 Big hardware

Please prepare the following items.

1. A human brain: IQ above the average horizontal

2. A strong desire: My code can be run on any browser-capable device.

3. A laptop: No need to spend a lot of money on that, as long as it can run Windows, Mac OS X, or Linux systems. Of course you can use only one desktop, but you can't sit in a café with it.

4. A text editor: can be recommended such as Atom,visual Studio Code, TextMate, they all have in Mac OS, the free version of Windows, what's the Sublime, Webstorm? Ah, those are very popular, but need a sum of not less than 70 dollars of cost ...

5. A FQ agent: This everybody knows, I don't explain.

Primary qualification requirements

Some professional foundations

You need to learn three languages that the browser can understand: HTML, CSS, javascript– Holy Trinity!

It is important to understand these three languages before you learn anything else, to make sure you know how to arrange your pages on screens of all sizes, how to do something! after a button is pressed

Some very useful learning resources

• Codeacademy:interactive, Code-along Tutorials (this site is the bomb BTW)

• Web development for beginners:article from webplatform.org.

• Mdn:https://developer.mozilla.org/en-us/docs/web

Intermediate advanced Path Once you have mastered the three languages, you can begin to learn the professional development process:

1. Command line: Well, it might be, but to master the basics, get familiar with how to configure your environment, and the strange shell scripts, because you'll often use them.

2. CSS is not enough, we have the pre-processing of CSS: Sass, less.

3. Know how to build a build system: Gulp or Grunt This kind of building task script, compile less into CSS, concatenating Javascript, minify compressed static resources, choose an asynchronous or synchronous way to load them, and then a good b The uild system should be able to automate those, including a local Web server for testing the code.

4. Code version management, Git.

5. Share your code on GitHub!

6. Deployment! Get your website online. Can find a free service provider, such as Heroku.com, https://pages.github.com

These are almost the tools and techniques that modern front-end developers will use, so you can now become a front-end development engineer.

Advanced breakage Equipment

You have been able to build a website for your friend's business, concise typesetting, high-definition large photos, you have succeeded, it even looks great on your phone. So what else is worth learning?

Integrate your site with a Content management system (CMS). A CMS allows you to add, delete, change, and organize your content through the user interface without requiring any code. That's how those blogging sites work. For example, free WordPress, to become familiar with an open-source CMS, it will be very useful.

Learning how to build a CMS means that you are familiar with a server-side language, such as node. js, or PHP, and then you will want to know how to deal with the database, such as MYSQL or MongoDB.

To familiarize yourself with a Javascript framework so that you can really build an interactive Web application that is really important, such as Angular, React, Ember. Just pick one you like, but be sure to master it.

is the Javascript design Patterns,javascript also designed mode? Yes, please read it.

Break through the sky's big strokes

Communication Skills! You need to communicate with your little friends, who are your coder partners, your boss, your users, your ... stackoverflow.com, have problems to find StackOverflow, expand the network of people, on the meetup.com, on the blog to write some of your learning experience, Contribute your pull request at Gitgub.

The Ui/ux design of interface design and user experience, the small partners in the previous development need basic ui/ux design knowledge.

Search optimization, to know how to improve the site's search rankings, more easily by people to search.

CSS over-effects, give you a button to write a hover CSS animation, as well as your sliding from the right into the navigation menu also requires a smooth animation.

For performance, get your site loaded as fast as possible, reduce DOM reflow and repaint operations, prevent scrolling performance bottlenecks, optimize Javascript, Fq read this bar Google Web Developer fundamentals.

Use some test frameworks to implement Javascript unit tests, such as Jasmine,qunit.

Continuous integration of continuous integration (CI), knowing how to configure a set of automated testing and deployment tools for use with partners such as Circleci, Travis CI, Jenkins.

Other bonus skills that are very useful

↓↓↓ these are not necessary, but can help you stand out:

Animate with CSS3, SVG, Canvas API.

Back-end development, node. js

Finally: Go find a job!

Having skills is not enough, you need to be able to show them, and what you can do is:

1. Build a small website, open your gitub code base, make sure your code and documents are clear and beautiful, and a copy of the README

2. Go to Meetup.com to find your boss or investor, open a blog and apply for a LinkedIn account

3. Because Web technology is always changing, and finally, even if you find a satisfying job, or need stay motivated, you need to go to these places often: CSS tricks,sitepoint,smashing Magazine

4. Of course, there are some Chinese community like CSDN, in short, there are any problems, there are always helpful people in the community.

5. Maintain a good professional attitude: stay humble, and build cool shit

Front-end programmer: Monthly salary 5K to 50,000