Things to learn if you want to learn Web Development

1. Responsive Web Design - Things that you need to focus on:

• Media queries - for example: <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="style480.css" />
• Viewport meta tag - controls the dimensions of the mobile browser window
• Flexible layout - Use percentages and third-party flexible grids
• Flexible images - set max-width style for image as 100%; myimage { max-width: 100%;}

2. Cascade Style Sheets

• inline styles, internal styles and external styles
• id, class, element selectors and specificity
• CSS positioning and display properties
• Building navigation bars using CSS
• Background images, sprites
• Building simple grids
• Playing with page CSS using Chrome developer tools, Firebug in Fire fox
• CSS3 features

3. JavaScript

• Capturing the DOM elements
• Functions - creating and calling
• Variables - globals, locals, hoisting
• Loops and Conditionals
• Form validations
• Event binding and delegation, Event capturing and bubbling
• Objects and constructor functions
• AJAX

4. HTML Elements

• Form elements
• Layout elements
• Special elements
• Web Storage, Local Storage
• HTML 4.01 and HTML 5