Take the 2-minute tour ×
Programmers Stack Exchange is a question and answer site for professional programmers interested in conceptual questions about software development. It's 100% free, no registration required.

I've been stuck on the backend for years now, working on webservices, DBs, SDKs, APIs and all that jazz, and so that's an area that I have a decent grasp of, but I've absolutely no clue about how the frontend works.

What's a good place to start for a backend monkey like me who wants to learn the best practices, latest technologies and the philosophy behind modern web page design and its interaction with the server? I want to be cool like all of the other javascript kids.

Thanks!

share|improve this question

migrated from stackoverflow.com Jun 22 '11 at 3:09

This question came from our site for professional and enthusiast programmers.

5 Answers 5

up vote 13 down vote accepted

Learn HTML, CSS and JS from the MDN

Get the HTML5 and CSS3 book : SitePoint : HTML5 and CSS3 for the real world

Read the JavaScript Garden

Get the JavaScript book David Flanagan : JavaScript the definitive guide 6th ed.

To bolster your JavaScript learning and understanding of modern server-client interaction I recommend you learn node.js as well.

Oh and these days libraries are popular, eventually you should learn some. There's a large list at micro.js, I would recommend backbone/spine and the ES5-shim for libraries.

Edit:

@DarinDimitrov removed his answer with some good links. Those being the

  • video series by Douglas Crockford, A must watch for learning JavaScript
  • Dive into HTMl5 which is an excellent website about the recent new APIs for modern browsers

I'll also refer the Good Parts, which is the only other JavaScript book worth having and I'll mention Modernizr which will upgrade older browsers to use the new HTML5/CSS3/ES5 features so you can just happily code to the most recent standards.

share|improve this answer
    
Thanks for the beefy answer, good Sir. –  Alexandr Kurilin Jun 22 '11 at 1:15

Everyone here recommended starting with reading books...I disagree! I'd suggest making a few simple websites (feel free to reference books), and THEN reading books about the theory and best practices. Would a programming book really hold your interest if you haven't programmed yourself? I feel like you'd benefit the most from books after having some of your own perspective.

After diving right in (and making some crappy sites), then read all those wonderful books the other posters recommended.

share|improve this answer
    
That's a very solid point. I agree you should get stuck in with hacking a few websites. Sites like jsfiddle are great tools for instant prototyping –  Raynos Jun 22 '11 at 9:24

Read up on UX and related subjects. As a front end developer I find it very usefull when talking with designers. Also in a lot of jobs (especially with smaller dev teams) there won't be a UX specialist and knowing about it gives you an edge. Finaly, it also helps to be able to do some basic image manipulation, for example optimizing images for web use.

share|improve this answer
    
The first UX book to read is Don't Make Me Think –  jhocking Jun 22 '11 at 15:33

Like everything else, pick a cool 'front-end' technology and dig in. If you have an interest in JavaScript, pick up a book on JQuery. If you're trying to shift jobs, learn one of the popular web frameworks (Struts, Spring MVC, etc.).

share|improve this answer
    
I recommend against books on jQuery. There are only a few good ones worth picking up. –  Raynos Jun 21 '11 at 22:17

JavaScript: The Missing Manual is not a bad book. It'll be too easy for you in the beginning, but it has some nice examples and it focuses on jquery, which is the most popular js framework at the moment. Do install web-developer plugin for FF and get in a habit of validating your html and css and use Firebug add-on for debugging javascript.

share|improve this answer
    
That books seems to be far too focused on jQuery. I recommend against this from a learning point of view. For a pragmatic need to get a website done now, it might be useful. –  Raynos Jun 21 '11 at 22:31

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.