Introduction to the WWWW

• What are hardware, operating system, applications and user?
• Role of browsers, uses, types and history
• What are the differences between programming languages, frameworks and web apps
• How browsers work

Introduction to Web Development Console

• Inspect Elements on any webpage
• How to debug and correct your codes
• How to tweak your html/css live on your browser
• Common browser add-ons and extensions for web development

Web Performance and Analytics

• How to speed up your website performance?
• Web analytics and how to get data
• Why is web analytics important?

Introduction to HTML5 and CSS3

• First simplest page in html5 and its doctype
• How to recognise a page in html5
• What are the differences between html4 and html5
• What are the difference between css3 and earlier
• Good coding principles and Agile Aoftware Development

Browser Compatibility

• Cross-Browser applications
• Properties supported in various browsers
• Using a difference stylesheet for different browsers
• javascript libraries for detecting modern properties
• vendor prefixes for different browsers e.g. IE, Safari, Firefox and Chrome

HTML5 Introduction

• New doctype for html5
• Additional sematic tags and associated css
• New video and audio tags in html5

HTML5 Web Fonts

• How to use externally hosted creative web fonts
• How to use your own web fonts
• What are the different web font formats
• using @font-face in CSS3 to embed any web fonts

CSS3 decorative elements

• Rounded rectangles and creating shapes in CSS3
• Insert box and text shadows for various photoshop-like effects
• Why create shapes in CSS3 and their benefits
• Create gradients in CSS3
• Create a reflection only any image

CSS3 Movements: Transition, Transformation, Animation

• Transformation of shapes with translate, rotate, skew and scale
• Transition of element with hover effects
• Control timing, timing function, delay, repeatition of your transition effects
• Create keyframes for a full-blown animation using only CSS3

CSS3 Intro to Responsive Web Design

• How can you code for only one website, and optimise viewing in all devices?
• CSS3 Media Queries and options to view in all devices
• What is a mobile content strategy

HTML5 Form validation

• Newer types of inputs like url, email, number, etc
• Required form inputs
• Form validation on the client side

Inserting Javascript in your project

• What are some common javascript libraries e.g. jQuery, Prototype, Dojo, etc
• How to search for javascript plugins
• How to structure your html elements
• Embed javascript codes in your html or an external file
• Use javascript options for your plugins

Consolidation

• Html5 and CSS3 generators and document libraries for references
• Where to ask for help in the Web
• Common web developer and designer communities to join and keep learning
• Common websites to look for inspiration to keep learning!