10 steps to become an efficient web developer

Original address: http://www.iteye.com/news/22883

Foreign language address: http://sixrevisions.com/project-management/ways-more-productive-web-developer/

To be a productive and efficient web developer, it takes a lot of work to improve the way we work and improve the results of our labor.
Here are 10 steps to improve efficiency, although not guaranteed to solve all your problems in development, but at least very practical, can simplify your web development process, so that every aspect of development fast and smooth. It can also help you save a lot of time in order to develop more and better projects.

1. Using the Web development framework



A good web development framework that can help you:


Address common web development issues such as standard Web page layouts, Web Form processing, browser compatibility resolution, and more. Test the bugs, security, and performance of web development. Making code reuse easier because there is a unified API. Community-developed plugins and tools that can be further enhanced (jquery has a lot of great plugins, such as user interfaces, images, page layouts, etc.). Follow coding best practices and great programming design patterns, and you don't even have to think. With the support of the development community and users, you can get help and collaborate. Beginners are very easy to use.
All of these benefits can save you time and improve the quality of your project.

There are many web development frameworks you can choose from:


A complete Web application framework, such as Ruby on Rails or cakephp. JavaScript frameworks, such as jquery, MooTools, and many other little-known but excellent JavaScript frameworks for handling user interfaces, client logic, and Ajax. If you want to speed up the visual layer design, you can use a CSS framework (such as Toast), or a Web page layout framework (e.g., 960 Grid System). Specialized frameworks, such as WordPress-themed frameworks for content management system development. There is now a mobile Web application development framework.
2. Create a Code Snippet Library

It's saying "Don't reinvent the wheel." Reclaim your code, create a set of code snippets you like and use most often, and make sure the code is well organized and can be easily searched.

The simplest way to do this is to create a source code directory on your hard drive. But this is not necessarily the best way.

One approach is to use the source editor or IDE, which allows you to save code snippets. For example, notepad++ 's Snippetplus plugin and the Dreamweaver built-in Fragment panel.


Snippets panel for Adobe Dreamweaver

Another approach is to use specialized fragment tools, such as snippet or SNIPPLR.

You can even use your favorite code base/version control system, like Git, to better manage your source code.

3. Use the right tool

This should be obvious and make sure you have some excellent tools and equipment that you know how to use more effectively.

If you are a web designer, you may need Photoshop and illustrator. If you are a developer, you need some good web development applications to help you get the job done.

Of course, the toolset between the various domains and developers is different. The important thing is that your tools should help you get the job done as efficiently as possible.



4. Collection and collation of free design resources

There are many websites on the web that release free design resources. You can add these sites to your RSS reader, and each of them publishes a free software or resource that you might know about.

For a designer, this gives you a lot of icons, psd templates, vector illustrations, landscape images, buttons, GUI elements, Photoshop brushes, font libraries, and a variety of other design elements.



5. Sprint-type work (short time efficient work)

Do not work for hours at a time, so your efficiency may fall, and your quality of work will fall as the years go by. Every 10-20 minutes of continuous work can keep your brain active and can better produce new ideas.

Working in a short time means that you always have a fresh start.

6. Rest

The most important part of Sprint work is rest. It's important to rest your mind. Use these breaks to separate your work area and do some other work or exercise.

Also, do not plan your time unless it is necessary. You don't have to work 15 minutes every time, and then rest for 5 minutes. To choose a good break, have a comfortable rest.

You can refer to the tomato working method.



7. Invest time in your studies

In the short term, learning, keeping up with the industry and staying ahead is time-consuming.

However, by investing time in self-improvement, you can save time on other aspects of your work, increase your labor outcomes and improve your work quality.

8. Do not over-plan

You should not strictly plan your every day. Your mind needs a certain amount of flexibility and time to think carefully.

Be sure to keep your schedule flexible. I found that beyond the planning work I might drag and drop.

9. Don't rush to start straight

This and over-planning are two extremes. Although you should not over plan, but you need to plan under.

Whenever you start working on a project, make sure you know what you expect from this project. When doing web design projects, we need to know what customers expect to do, home page content, color settings and so on.

Knowing something about the project may make you work in the right direction, rather than groping in the dark.

When I start working on a client's website project, I need to determine:


The color scheme site targets any design ideas they can provide for any content they already have


10. Don't make things complicated

This may be one of the most important of all: don't complicate your work. Don't do more work, don't assign yourself too much work at a given time.

I do not advocate giving your customers the minimum delivery time, but you certainly cannot provide the longest time.

Be aware of what customers need, not more and less.

Also, do not develop overly complex development strategies. Make things a little easier.

VIA http://sixrevisions.com/project-management/ways-more-productive-web-developer/