A friend of mine asked me today how could he begin on front-end development without knowing anything at all of programming and bellow is what I have pointed out to him. These links should get anyone started with basic concepts of front-end development and learning should be easier after that.
- http://twitter.github.com/bootstrap/ (use as reference – they do everything very well)
Get used to concepts like Responsive CSS (it’s great) and for those you can use test tools like: http://screenqueri.es/ to check if everything is ok.
As tips remember this:
- IE sucks -> it will break your design / css / html / etc so if it works on IE it works on everything else
- Google is your best bud -> there is always someone with the same problem or a similar problem as the one you are having
- You can use JS Lints (http://www.jslint.com/) to check if your code is pristine
- You can use Fiddles to test some stuff on the fly (http://jsfiddle.net/)
- The best way to practice and start, build a site, publish it and ask for a review on it from other dev’s / people – it will give you ideas of UX and if you need to improve your code.
I’m not a front-end developer, but these are the steps that I usually take when I need to code something for front-end. Either way is a good start for anyone that haven’t coded anything in front-end or is simply considering on starting on web-development altogether.