Thursday, September 27, 2012

What is DOM Scripting?

DOM Scripting is an important asset to any JavaScript expert, but what is DOM Scripting and why are we learning DOM Scripting when we are here to learn freaking JavaScript? Ok first, DOM Scripting IS JavaScript you see, its simply a better way of gathering elements, attributes and values to do some really cool stuff. DOM is also W3C recommended for valid JavaScript across all major browsers.

When Do I use DOM Scripting?
If and when you are creating a script and it needs to gather, place or manipulate values or even elements them self’s you are going to be using DOM Scripting FACT.
DOM scripting has taken on its own form aside from JavaScript because it’s a collation of how to do things right across all browser the first time. Many people make the mistake of trying to learn everything about JavaScript first but are left wondering how to gather information out of elements. This is why I took our lesson today to this area proceeding our first tutorial. So again when do you use DOM Scripting? When ever you need to manipulate or receive something from an element.

How Do I use DOM Scripting?
  • The name says it all my friend.
  • Document (refers to the document the script is being performed on.)
  • Object (refers to the object or element our script is trying to get at.)
  • Modeling (modeling is what we do with the object or get out of the object once we have retrieved it.)
  • Don’t feel over whelmed if the above did not make sense right now, simple think about it like this.
  • When ever you visit a web page, each page is a document correct?
  • Each document is made up of different elements that makes up the web site correct?
  • If we had some JavaScript to run on one of these pages, most of the JavaScript would be dealing with these elements or values from elements right?
  • So the whole goal here is to be able to identify a document, grab any of its elements, and model the element or information from the element however we want with our JavaScript.

Friday, September 21, 2012

What is CSS3

CSS 3 Inforamtion

CSS is used to control the style and layout of Web pages.
CSS3 is the latest standard for CSS.

CSS3 is completely backwards compatible, so you will not have to change existing designs. Browsers will always support CSS2.

CSS3 Modules
CSS3 is split up into "modules". The old specification has been split into smaller pieces, and new ones are also added.


Some of the most important CSS3 modules are:

  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

What is HTML5?

HTML5 Information

HTML5 will be the new standard for HTML.
The W3C HTML5 recommendation was released 28. October 2014.
The previous version of HTML, HTML 4.01, came in 1999. The web has changed a lot since then.
HTML5 is still a work in progress. However, the major browsers support many of the new HTML5 elements and APIs.

How Did HTML5 Get Started?
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).
WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.

Some rules for HTML5 were established:
  • New features should be based on HTML, CSS, DOM, and JavaScript
  • Reduce the need for external plugins (like Flash)
  • Better error handling
  • More markup to replace scripting
  • HTML5 should be device independent
  • The development process should be visible to the public
HTML5 Modules:
  • New Elements
  • New Attributes
  • Full CSS3 Support
  • Video and Audio
  • 2D/3D Graphics
  • Local Storage
  • Local SQL Database
  • Web Applications
HTML5 New Features:
  • The <canvas> element for 2D drawing
  • The <video> and <audio> elements for media playback
  • Support for local storage
  • New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
  • New form controls, like calendar, date, time, email, url, search

The WHATWG works on a number of technologies that  :

HTML,DOM, Fullscreen, Notifications, Encoding, URLs, Fetch, MIME Sniffing, XMLHttpRequest, Javascript, Streams, Boos, Figures, Quirks Mode

Tim Berners-Lee invented www in 1989
Tim Berners-Lee invented HTML in 1991
Dave Raggett drafted HTML+ in 1993
HTML Working Group defined HTML 2.0 in 1995
W3C Recommended HTML 3.2 in 1997
W3C Recommended HTML 4.01  in 1999
W3C Recommended XHTML 1.0 in  2000
HTML5 WHATWG First Public Draft in  2008
HTML5 WHATWG Living Standard in  2012

HTML5 W3C Final Recommendation in  2014