Front-end programmer: Monthly salary 5K to 50,000, what did I do?

Noble front-end program apes:

How to find the right job in front-end development of this sophisticated technology field? Realize the career dream of getting a raise, buying a car, marrying mating on the pinnacle of life by drinking coffee and knocking code in a café? This "Evolution: from 0 to 100, the front-end apes thrive in the spiritual feed history", will certainly give you the cause of the acceleration of power. Front-end development work has become more and more complex, just want to list a front-end development of learning lists is already a difficult task. Once HTML was written, CSS and Javascript were able to find all the requirements for a front-end development effort. And now, web development is much more than simply coding. Because we have more content on the Internet, and because there are more people, more devices to access the Internet, the Web front-end development skills are more. There are a lot of things we need to consider now, such as loading time, performance, different screen sizes, different input methods, build systems, deployment strategies, and how to organize our code. Is this still the imagination of the front-end development? Well, as long as you have the enthusiasm, these are still interesting, now take a closer look at the front-end development of the work, exactly what you need to prepare?

Wardrobe: 5 Big hardware

Please prepare the following items.

A human brain: IQ above the average horizontal
A strong desire: My code can be run on any browser-capable device.
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.
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 ...
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

1.codeacademy:interactive, Code-along Tutorials (this site is the bomb BTW)
2.Web development for beginners:article from webplatform.org.
3.mdn:https://developer.mozilla.org/en-us/docs/web


Intermediate AdvancedOnce the path has mastered the three languages, you can begin to learn the professional development process:

1.Command Line: Well, the command lines may be, but to master the basics, be familiar with how to configure your environment, and the strange shell scripts, because you will often use them.
2.CSS is not enough, we have the preprocessing 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 Build system to be able to automatically 4. Do that, including a local Web server for testing the code.
5. Code version management, Git.
6. Share your code on GitHub!
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 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, finally, even if you find a satisfactory job, or need to stay motivated, you need to go to the following places often to turn: CSS tricks,sitepoint,smashing Magazine
4. There are, of course, some Chinese communities like CSDN, in which 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, what did I do?