HTML5: The Future of Web Development
Course Dates: Spring 2013
Following the conclusion of the JavaScript course
Day & Time: Wednesday from 6:00p.m.-9:00p.m.
Length: 3 sessions
Academic Hours: 12
Instructor: Dovid Herskovits
Cost: 1500 ₪ + 200 ₪ Non refundable Registration Fee.
Payment by Cash, Check or Credit Card. All fees must be paid up to one week before the course starts. If paying by Credit Card, tuition may be paid in installments of no less than 250 ₪ /mo for a maximum of 10 months. If paying by check, checks must be paid in advance and can be post dated until the course completion date. Cash – tuition must be paid in full before the course begins. (For exceptions please call our office)
For further inquires please e-mail mintz@lander.ac.il
HTML5 is the new standard in ALL web development. Want to develop websites for desktop browsers… HTML5. Want to develop mobile applications for the iPhone, iPad, Android phone, Tablets, etc… HTML5. With the rejection of Flash applications for the Apple iOS platform HTML5 has been designated as its replacement.
HTML5 includes three topics: HTML, CSS and JavaScript. The difference between how these three technologies are used today versus in HTML5 is that each has been upgraded to include new features not previously available. There are many new capabilities that used to require a separate graphic designer or programmer to implement. Now, many of the previously labor-intensive tasks are handled by the browser through the new feature sets of HTML5.
Audience
This course is for those that are interested in continuing their website development education by staying on the cutting edge. If you already understand the basics of web development but need to learn about the new features and capabilities of HTML5 to stay competitive then this course is for you.
Pre-requisites
It is necessary to understand basic web development (HTML, CSS, JavaScript) as this course will add the new features and capabilities of HTML5, but won’t teach fundamentals. Attending the Web Design and e-Commerce Program (Web Design, JavaScript, PHP) provides the requisite knowledge to attend this course.
Topics
Dynamic Page Effects
Before HTML5 such dynamic actions such as date pickers on forms, form field validation and time spinners had to be manually coded. This would often require dozens, if not hundreds of lines of code to implement. Now they are native features one cam implement with a simple HTML tag or attribute. Hundreds of lines of code have been reduced to one.
Video/Audio Support
HTML5 is often touted as a contender for the online multimedia content crown, long held by Flash. The new audio and video elements are the reason—they provide native, scriptable containers for your media without relying on a third-party plugin like Flash.
Transform Animations with CSS3
Animation has long been seen as the purview of JavaScript, but CSS3 lets you offload some of the heavy lifting to the browser. Transform animations let you rotate, flip, skew, and otherwise throw your elements around. Transitions can add some
subtlety to the otherwise jarring all-on or all-off state changes we see on our sites.
Geolocation, Offline Web Apps, and Web Storage
The latest generation of browsers come equipped with a wide selection of new standard JavaScript APIs. Many of these are specifically geared towards mobile browsers, but still carry benefits for desktop users. We will look at three of the most exciting: Geolocation, Offline Web Apps, and Web Storage.
Geolocation is a feature used in mobile applications when it’s important to know the users physical location. Think social applications like FourSquare where you want to share your location with friends.
Offline Web Apps and Web Storage allow you to build websites that can be disconnected from the web. That means that your website can work just as well on the ground as it does on an airplane or a mountaintop. An example of this could be a contact management applications where your sales agents need to access their contacts but don’t have an internet connection.
Native Drag-and-Drop Support
Before HTML5 the ability to drag and drop files or pictures onto your browser from your desktop required special browser plug-ins and a tremendous amount of code. Now, in HTML5 this capability is natively supported in the browser. An example of this could be a picture editing website where you can drag-and-drop your vacation pictures onto the browser workspace and edit it on the spot. There’s no need to install separate software to edit the picture. It’s all done in one website application.
