HTML 5 Basic

Last week a friend of my that is Web Programming teacher in the University, told me that in is discipline this semester he have to teach HTML 5 and in the first classes we had a lot of difficult to explain to some of the students who are web developer’s the why of HTML5 new tags. When we talk about semantic the students start asking about microdata and all they care about hmtl 5 is the death of flash.

This reminds me some discussions i had in the past about HTML and the need to learn and change to HTML 5, so i decided to wirte this post for the ones who are learning/teaching or needing to understand the why of  HTML 5. This post is also a “resume” of the way i typically use to teach HTML 5 to developer’s or to explain to some clients what’s HTML 5.

Not a long time ago if we make a big search in the HTML development almost all the HTML development on the web follow the following struture, so this structure is not strange.

Almost everyone was using this structured in their development, this was made for different reasons like the need to have a structure compatibly with some of the JavaScript platforms or CSS framework, or the need to transmit semantic to different system’s developer’s or languages. So if semantic is a issue and a lot of people are using this pattern in a useful way, why not to use each decoration of this tags as first citizens as tags. In response to that the work group that was working in HTML had understand the need to create new semantic tags to maintain structured the HTML language. And the structure had evaluated to:

 

This are just some of the new tags and many times only this painting is not enough to explain what is the role played by each one of this elements, so we had made a grid to help you:

 

 

I hope this post can help you to have a better understanding of what are the reason who had take W3C to normalize this new tags, why the name is that and what is the reason for his creation.

HTML 5 brings a lot of other great things that deserve a look like Forms , Video or Canvas, their are other advanced ways to specefy semantic  that worth some of your time study.

 

CountDown for the 2nd edition of the FrontEndDevTrends had start

The engines already running and me and the rest of the Workshop Trainer’s crew are ready for the second edition of the Edit Workshop in Lisbon Portugal.

If it wasn’t possible for you to grant your seat, soon we will made this WorkShop again at Porto Portugal.

For tomorrow we had made a review of the workshop program to grant that the workshop becomes more fluid, and to maintain it consistent with the today Trends.

From this side we are very motivated for tomorrow and wishing to give to our students the best we can. For the ones going to the workshop tomorrow see you tomorrow for the rest we will keep our engines running and bringing you the last Trends and associated Knowledge.

To know more about this initiative go to the Edit Web Site

http://www.edit.com.pt/#programas-e-workshops/workshop-frontend-dev-trends.html

HTML 5 reading material

Sometime ago at the ReadWriteWeb site it was sugested some good material for study HTML 5.

 

So if you are interested in HTML 5 i strong recommend you to take a look at http://www.readwriteweb.com/hack/2011/06/free-e-books-on-html5.php

 

Seee also some of the resources that the portuguese HTML 5  community had select for you http://html5pt.org/?page_id=286

Presenting at the Open software developer’s group Offline Web application

My presentation about HTMl 5 Offline Webapplications at the Open soft Development Devision Group teams was last night.

It went well as good to see again a lot of good professional with who i had learn a lot in the past and that i hadn’t seen for a long time.

In the end of the presentation i was “bombed” with question and that was very good and the Technical discussion we went after taht was priceless.

i really feel i had teach a lot this evening and learn too. I share with you my presentation in case you have interest, the demos i will updat elater to my GIT.

HTML 5 Offline Web apps

View more PowerPoint from Alexandre Marreiros

Zon Web Talks

I had received a invite to make a talk at 23 of May, about HTML 5 ignition in the digital world in the private Zon Web Talks. This invite had come from the UX & channel team of Zon, and my name was sugest for the topic by Microsoft Portugal.

” ZON Multimedia, is an operator that has around 1.6 million customers. It manages the country’s largest optical fibre network, reaching over three million homes. ZON is also the second largest provider of internet and fixed voice with 748 thousand customers and 921 thousand, respectively, at the end of 2011. Its digital satellite platform allows it to offer coverage to the whole country. Its 210 cinemas make up the largest network in the country and attract almost ten million cinema-goers a year.”

They had created this Zon Web talks as a way to enable and ignite their internal technicall knowldge about first class technologies, and as a way to form their teams.

Will be a pleasure as a tech speaker to help and a great honour to had been recomended by Microsoft Portugal to share Tech KB that will help People to achieve new goals.

Workshop Front End Dev Trend’s

Today was the first day of a tree days workshop where i will be teatching some web technologies, Trends and good Pratices. I must admite we had very lucky all the student’s are 5 star people and very driven to take from this 3 days workshop the mutch they can.

For today the program was:

• CSS 3 work  o2o
• Litle introduction to the metro UX and the HTML 5 aplicability to the Front End of windows 8
• HTML 5 from the ground up
• Case studies
• and a very good hands on lab

All of this very detailed and iteractive…And that was good

Next weekend we will continue…

never Ming Bullet a good example of HTML 5 Power

Today i had been remember of one of the good HTML 5 examples usit nrmally in Internet explorer 9 presentations.

Suprisely a lot off people at the company didn’t knew this example so here goes this example for you all

http://www.nevermindthebullets.com/?fbid=ZNltqzIHU2I

Front end development class

Today was announced a new class where i will be teaching HTML 5in Portugal  and some Front end development tricks and true deep knowledge, stay tunned in edit offers.
http://www.edit.com.pt/#programas-e-workshops/workshop-frontend-dev-trends.html

Snipets for HTML 5

One off the useful things a good work tool of any developer had to have is snippets to maximize productivity. A lot of ides allows to had some off that.

I had joint to my visual studio some new snipptes of html5 today i share with you the post with that information

 

http://html5snippets.com/

HTML 5 quick start

Since half of the year off 2011 HTML 5 had become a growing star in the development community and business, some off the fault are of Steve Jobs you may say, but the true is HTML 5 is a great improvement in markup world and Client server applications.

Since the date i start developing in talking teaching and discussing HTML 5 about a year and half ago every day someone ask me how to start, what course should get what book.

Well today i had been viewing the Belgium Tech Days 2012 and i recommend this video from Jeff Prosise to everyone, even for the ones who think they know everything about HTML 5  (silverlight needed).