5 Steps For A Better Web Development Experience

I used to like to jump from an idea to coding right away, but after following this steps for the last couple of projects I have been able to not only code faster but the results have been better too.

1. Define Your Idea

Whenever you come up with a new idea, even when you think you know exactly what you want, I recommend that you always write it down on a piece of paper or word document, this will help you stay on track and focus on the most important part of your app.

2. Make a Wireframe

Even if you feel that you can design while coding, don’t. A mock up of your app is a VERY important step, it will give you an idea of how your code and database should be designed and you will end up typing a lot less code because you will have a more precise ¬†idea of what you want.

wireframe

3. Make a Flow Chart

Similar to a mock up for the user interface I think of data flow charts as mock ups for databases. This step involves  thinking about what forms will do, for example, when they are submitted and how your app will respond.

4. Design the Database

Now that have you a better idea of how your app might look, you’ll probably be tempted to jump into MySQL right away, but wait! Database designing is harder than UI designing because you can’t really visualize how it looks, thank fully there are tools like MySQL Workbench to help you.

After designing your database with Workbench, in a drag and drop interface, you can easily export it to SQL.

5. Find and Use Existing Solutions

There is no reason to reinvent the wheel, there are thousands of free and open source projects available. Try to find different tools for individual pieces of the project. One example would be to use combinations like CakePHP, JQuery and a CSS framework like 960.