Total Followers 132,503
Every great web developer starts with HTML. From there comes an array of tools that every developer can use to create great websites.The basics would be a text editor and an image editing software. But why be content in using those two when there are available tools that can expedite not only your coding speed but also help you organize and learn new things?
A Model-View-Controller framework is like an architectural plan in software/web development. According to a web developer I interviewed about MVC, there are two ways on how a developer codes. First way is to write everything you need in a file, second is codes are written separately according to their proper place.
Now I will elaborate this to the point where even my grandma would understand, because the concept would be very confusing for people who learn of MVC’s existence just now (I was made aware of this gem 8 hours prior writing this).
In the second way I mentioned, suppose you have a DropDown for the quantity of shirts to add on your cart and:
Every bullet suggests one file each. While in the first way, all of which are saved in a single file.
To make it more simpler, here’s an analogy:
Each can function separately and as one, making development more organized.
Below are the most notable MVC framework for PHP developers:
You don’t have to own several browsers and operating systems just to test if your website is properly running in them. I actually saw an online advertisement looking for people to hire just to have a website tested for compatibility issues in different OS and browsers.
I’ll admit that BrowserShots takes screenshots really slow, it takes several minutes! But this is one of the few free browser testers that offers a wide variety of OS and browsers, even if no one knows what Kazehakase 0.5 is.
There is no such thing as getting things perfect the first try, that is why validation tools are available to help you take a glimpse of the little details that aren’t doing what they’re supposed to be doing. Where your eyes can’t see, these tools will surely lock their target on.
There is an article in 1stwebdesigner that discusses and gives a list of validation tools which include, but not limited to, checking if your website is OK for mobile viewing, CSS validation, HTML validation, and more. Visit it by clicking 20+ Online Tools for Website Validation and Testing.
I find Firebug very useful for development and QA. You can inspect and edit HTML, JavaScript, and even CSS on the spot and see the effect instantly. It is also a good tool to use for hacking. *laughs*
Notepad++ has a wide range of languages it supports, several dozens of them. A real all-in-one editor.
Vim is not a tool that gives you everything at first glance, you must learn how to use it and it will cooperate with you. As their description page says, Vim is often called the “programmer’s editor”.
Leave aesthetics to the designer and focus on functionality? We are now at the age where developers and designers alike should know at least the basics of both trade to survive.
GIMP is a wonderful tool not only because it is free, but because it provides plenty of tools like Photoshop. This is perfect for developers who wish to crop, resize, and create buttons and banners.
Code generators may seem to defeat the very purpose of learning a language in-depth but do not look at it that way. Code generators can expedite the process, a beginner, and expert alike, can learn many things from these too.
Now, if you are in a hurry to provide your client or yourself a business, there are many applications available that will provide you the codes you need in just a few clicks. Of course these are not applicable if your website’s service is not customary.
Sharing and learning from others is important. Having a glimpse of several perspectives from experts and beginners is indeed a rich learning experience.
The search engine behemoth gives us yet again a way to love it more! Although this is not new, Google Code might escape the sight of budding developers, which shouldn’t happen! There is so much to use and to learn at Google Code that will surely boost your career as a developer.
DreamInCode Tutorials and Forums
Inside DreaminCode’s forums, developers encourage each other to act first before asking. You can’t go posting and asking for a code, what they do is help you with the code you have. As Carl Sagan said “When you make the finding yourself — even if you are the last person on Earth to see the light – you will never forget it.”
Similar forums are Dev Shed Forums and WebDeveloper.com.
There are over a hundred available tools online for web developers, consider this as a summary of what a developer can use to be a superstar!
Get The Only Freelancer crash course you will ever need to read!
Rean is the editor of 1stwebdesigner. He regularly writes about freelancing, technology, web design, and web development. Rean also writes at Knowledge Salad, a blog filled with weird and interesting facts. One of his goals is to help his fellow Filipinos earn money online, to help them build a career out of working from home, just like what he has been doing for years now.
Friday, April 27th, 2012 01:39
In regards to code generation I recommend to check PHPRunner. Besides building all server side code it also helps you make your applications visually attractive.
Comes with reports, charts and advanced security – everything you need to wow your clients.
More info at http://xlinesoft.com/phprunner/index.htm
Wednesday, October 27th, 2010 11:40
Great tools to be used all the time !! thank you for the clear post, i know most of them and i will be trying what i haven’t been trying before !! :) !!!!
Tuesday, October 26th, 2010 14:04
are there any games for developers. For instance, Reading Rabbit really kick started my love of reading back in the 80s. Is there any sory of game out there to help learn coding?
Tuesday, October 26th, 2010 12:00
Google code is very interesting. A good option for beginners who want to build websites is WordPress. A lot of people want to learn for example Dreamweaver to create a website, but WordPress is so much more fun. And it’s easy to start with. For experts, there are enough options to extend it or to write your own plugins.
If you want to code yourself, don’t forget the Zend Framework. For FireFox I also use the “Web Developer” plugin, this gives you a lot of information about the current page, and it’s a great help when creating your site.
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Stijn
Tuesday, October 26th, 2010 12:00
Google code is very interesting. A good option for beginners who want to build websites is WordPress. A lot of people want to learn for example Dreamweaver to create a website, but WordPress is so much more fun. And it’s easy to start with. For experts, there are enough options to extend it or to write your own plugins.
If you want to code yourself, don’t forget the Zend Framework. For FireFox I also use the “Web Developer” plugin, this gives you a lot of information about the current page, and it’s a great help when creating your site.
Mia Lazar
Tuesday, October 26th, 2010 12:22
I like CodeIgniter also, great article.
Jervin
Tuesday, October 26th, 2010 14:04
are there any games for developers. For instance, Reading Rabbit really kick started my love of reading back in the 80s. Is there any sory of game out there to help learn coding?
Rahul
Wednesday, October 27th, 2010 11:40
Great tools to be used all the time !! thank you for the clear post, i know most of them and i will be trying what i haven’t been trying before !! :) !!!!
Sergey Kornilov
Friday, April 27th, 2012 01:39
In regards to code generation I recommend to check PHPRunner. Besides building all server side code it also helps you make your applications visually attractive.
Comes with reports, charts and advanced security – everything you need to wow your clients.
More info at http://xlinesoft.com/phprunner/index.htm