Frontend Development

Frontend development helps provide an interface to the user to use your website or web application. Frontend is client-side, as opposed to server-side.

##Languages

###HTML HTML is the backbone to all websites. It stands for HyperText Markup Language, and is used to denote sections of your site and place text.

• MDN Introduction to HTML: One of the most clear introductions to HTML I have read - Brendan Ryan

###CSS CSS stands for Cascading Style Sheets, and it can add some structured design to your site. With CSS you can position, color, and add effects to various elements.

• MDN Introduction to CSS: A great beginners reference - Brendan Ryan
• CSS Tricks: An awesome site for exploring CSS snippets and learning common CSS design patters. You will probably run into articles from this site of you google for CSS help a lot. - Brendan Ryan
• CSS Best Practices: A great (but opinionated) article that talks about writing clear, concise, maintainable and extensible CSS. - Achal Varma

###Javascript Javascript completes the stack by adding movement to your site. It's an object-oriented language that can create interactive effects in the browser.

• MDN (Mozilla Developer Network)
• Codecademy Javascript Course: An awesome intro to JS which has been well-tested by millions of beginner programmers - Brendan Ryan

###jQuery jQuery is a frontend Javascript framework. It is one of the most popular JS libraries. With it, you can have much more simple and elegant interactions with HTML DOMElements. Many other libraries also piggyback off of jQuery.

Here is a simple example:

/*
This program will turn all links with the 'swag' class red
and fade them to a low opacity
*/
$(document).ready
(
  function ()
  {
    $('a.swag').css('color', 'red').fadeTo('slow', 0.25);
  }
);
//DONE!!!

• [jQuery] (http://jquery.com/) - Leo Rudberg