Login:  Password:    
forgot my password
sign up!
Search: 

Menu

Home

How it works?

Buy this course

Discuss! Add a comment
Add this course to my favorites
Add a personal note
RSS Feeds

Course's author:

Ayad Boudiab

Experience: A total of 10 years experience in developing applications using C++, Java, C#, ASP.NET, and SQL Server. In addition to 6 years experience in teaching programming courses at a local college. Degree: B.S. Computer Science Location: Atla...
Go to author's Space

Course stats:

Favorited:  0 times
 
Tech Content:
Learning:
Helpful?
1 0
Feedbacks: 1

Features

Textual content

Video tutorial

Exercise

Source code

Downloads

Recommended post



 
  Content  
  Notes  
  Discuss  

Online course
Course HTML 5 - an introduction of the new web language

In this HTML training course we will see what is new in HTML 5. This new version of HTML is not standardized yet. It is supported in some browsers like Firefox and Opera. Although the specification is not locked down yet, the browser support is mature enough to experiment with its features.



Canvas
 Vídeo
1)  Canvas
Description: In this video, we introduce HTML 5. This new version of HTML is not standardized yet.  |
[Mark this item as viewed]


 Vídeo
2)  getElementById e getContext
Description: We added the canvas tag to our page and retrieved the canvas object using getElementById() and the context using getContext. |
[Mark this item as viewed]


 Vídeo
3)  Shadow within
Description: As usual, we start by creating a canvas, retrieving it by id, and getting its 2d context.  |
[Mark this item as viewed]



New Elements
 Vídeo
4)  New Elements
Description: In this video, we introduce new elements to HTML 5 |
[Mark this item as viewed]


 Vídeo
5)  Storage and the Video Element
Description: We start with storage. We all know how important storage is in a browser since http is a stateless protocol.  |
[Mark this item as viewed]


 Vídeo
6)  Form Elements and Attributes
Description: In this video, we looked at the new atttributes that are supported for HTML 5 elements.  |
[Mark this item as viewed]


 Vídeo
7)  Audio
Description: In this video we will see how to create the header and audio tags. |
[Mark this item as viewed]


 Vídeo
8)  Video
Description: In this video we start with the video tag. We added a header and footer to the page and we placed a video tag in between. |
[Mark this item as viewed]



User Input
 Vídeo
9)  Number and email
Description: In this video we will continue with the user input discussion. In today’s discussion we will handle number, tel, and email. In the case of the number type, we will ask the user for his/her age |
[Mark this item as viewed]


 Vídeo
10)  Date and time
Description: In this video we are continuing our discussion of user input. For today’s tutorial, we will be talking about the different types related to dates: week, month, date, datetime, datetime-local, time.  |
[Mark this item as viewed]


 Vídeo
11)  Meter, range, datalist, and color
Description: In this video we are continuing our discussion of user input. We will wrap up the discussion with datetime, datetime-local, time, meter, range, datalist, and color. |
[Mark this item as viewed]



New Markup
 Vídeo
12)  Header and the footer sections
Description: In this video we discuss the new markup in HTML5. We start with a new page and we add the new elements that are introduced in HTML5.  |
[Mark this item as viewed]


 Vídeo
13)  CSS
Description: In this video we continue the new markup discussion. When we display the page it does not look any different. To make the page more interesting, we added css.  |
[Mark this item as viewed]



Advanced Canvas
 Vídeo
14)  Width e height
Description: In this video, we will learn about the canvas. The canvas is a drawing region with width and height attributes. |
[Mark this item as viewed]


 Vídeo
15)  Radial and linear gradients
Description: In this video, we will continue our discussion of canvas; we will discuss the use of radial and linear gradients. |
[Mark this item as viewed]


 Vídeo
16)  Rotating, Scaling and Translating
Description: We have already seen how to get the canvas element and the context. Having that ready we were able to do some drawings. Here, we will take this a step further and see how we can do some rotating, scaling and translating.  |
[Mark this item as viewed]


 Vídeo
17)  Save e Restore
Description: We will see how we can save at a certain point and restore to it and we need to.  |
[Mark this item as viewed]












mrbool.com
contact us   |   publish your post   |   buy credits

Copyright 2013 - all rights reserved to www.web-03.net