Front-end programmer: Monthly salary 5K to 50,000, what did I do?
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 you've written html,css and JavaScript, you're 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 ...
1. Junior Qualification Requirements
Some professional foundation. 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 of the most 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
2. Intermediate Advanced Path
Once you have mastered the three languages, you can begin to learn the professional development process:
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.
CSS is not enough, we have the pre-processing of CSS: Sass, less.
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.
Code version management, Git.
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, 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:
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
Go to Meetup.com to find your boss or investor, open a blog and apply for a LinkedIn account
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
Of course, there are some Chinese community like CSDN, in short, there are any problems, there are always helpful people in the community. Maintain a good professional attitude: stay humble, and build cool shit.
Brotherhood high Lopheng free an apprentice: http://www.hdb.com/party/lzcw-comm.html
Free to receive the lamp brother even original PHP video tutorial CD/"Detailed PHP" Essentials Edition, details of the website customer service:
Http://www.lampbrother.net
"Brother Even it education" learn PHP, Linux, HTML5, UI, Android and other video tutorials (Courseware + notes + video)!
Web Drive Tutorial Download: Http://pan.baidu.com/s/1sjOJiAL
The above describes the front-end programmer: monthly salary of 5K to 50,000, what I did, including the aspects of the content, I hope that the PHP tutorial interested in a friend helpful.
