Free Online "HTML5 Mobile Web Development"

Interested in learning what is Mobile web development is all about and how to build apps using the latest web 2.0 technology? here is the chance. Click Here to register for a free online 10 weeks course which starts on Oct 5th 2010

• Course: HTML5 Mobile Web Development.
• Instructors: Jake Carter
• Length: 10-Weeks
• Class Dates: Tuesdays, October 5 - December 7, 2010

UI Best Practice

JavaScript Best Practice

• Modularizing the code – one function block for one activity
• Place Scripts at the Bottom of Your Page
• Use === Instead of ==
• Eva is Bad
• User JSON.Parse instead of eval
• Don't Use Short-Hand and always use simi colon
• Declare Variables within the scope and avoid declaring the variables within the “For Statement”
• Reduce Global variables or have them with the unique name space.
• Comment Your Code but don’t write stories
• Make sure the debugging comments are removed before moving to production
• Use {} Instead of New Object()
• Use [] Instead of New Array()
• Use “For in” statement to loop thru the Object
• Separate Content, JS & Styles
• Avoid heavy nesting of for loop especially while accessing DOM
• Keep DOM access to minimum
• Compress the JS file with the 3rd Party utility
• Avoid duplicate JS scripts/function being loaded
• Make AJAX Cacheable
• Use GET for AJAX Requests
• Don't Scale Images in HTML
• Use YSlow to optimize the code
• Better to validate the HTML as well as CSS for the compatibility
• Follow proper coding standards

HTML & CSS

• Declare the Correct DocType [may be xHTML DTD would be good]
• Always Close Your HTML Tags
• Never Use Inline Styles
• Place all CSS Files External Within the Head Tag
• All Images Require "Alt" Attributes
• Avoid hacks like Filters & expressions
• Load image using CSS Sprites (Optimize)

Web Technology Interview Questions

• How to make Cross Browser AJAX call using UI?
• How do we looping JSON object without knowing the key or value?
• What is JavaScript pseudo-protocol?
• How a event is handled by the browser?
• How to achieve link -hover -active -viewed aka JavaScript?
• Difference between short end vs normal style declaration in terms of browser compatibility?
• What is CSS best development practice?
• What is the difference between table vs tableless with respect to the browser rendering?
• How does the HTML & XHTML render?
• What is the Diff type of DTD and how they differ while rendering?
• What is compatibility?
• How do you say about Semantic HTML?
• What is specificity means?
• What is the difference between Block Vs Inline in terms of rendering?
• How does margin:0 and margin:0px differs?
• What is the default browser font size? What determines it?

JavaScript Quiz

There are few JavaScript Quiz floating in the web which I found interesting for two reasons -

• Evaluate your self and
• Make you understand the language better

The JS Quiz links:

1. Dmitry Baranovskiy (Ans: here).
2. Kangax.
3. N. Zakas (Ans: here).