HTML 5

É uma nova versão da linguagem HTML, com novos elementos, atributos, e comportamentos. e um conjunto maior de tecnologias que permite o desenvolvimento de aplicações e web sites mais diversos e poderosos.

Descrição

As primeiras versões do HTML foram definidas com regras sintáticas flexíveis, o que ajudou aqueles sem familiaridade com a publicação na Web. Através do tempo, a utilização de ferramentas para autoria de HTML aumentou, assim como a tendência em tornar a sintaxe cada vez mais rígida. Apesar disso, por questões históricas (retrocompatibilidade), os navegadores ainda hoje conseguem interpretar páginas web que estão longe de ser um código HTML válido. A linguagem foi definida em especificações formais na década de 1990, inspiradas nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a Internet. A primeira publicação foi esboçada por Berners-Lee e Dan Connolly, e publicada em 1993 na IETF como uma aplicação formal para o SGML (com uma DTD em SGML definindo a gramática). Neste curso vamos aprender as principais funcionalidades do HTML 5.

13h01m
Baixando e instalando notepad dreamweaver cs6 chrome firefox safari opera 04m37s Conheca os novos elementos html5 13m25s Elementos e atributos obsoletos no html5 08m59s Codigo html diferencas html4 para html5 doctype charset link lang 09m04s Biblioteca modernizr para testar se funciona recursos html5 08m41s Simples pagina html5 e matuzalem valenca bahia 09m09s Criando uma pagina estruturada html4 com div cabecalho rodape navegacao essao article 08m23s Aplicando css para uma pagina estruturada em html4 com div 11m54s Novos elementos de estrutura para html5 header footer nav section article funec 10m03s Audio controle manual e com imagens via javascript 08m28s Audio criando function que retorna id controle manual javascript 04m14s Video controls loop autoplay preload src source codecs type 10m34s Video poster inserindo uma capa para um video 03m46s Video controle manual com javascript play pause mais volume e menos volume 04m54s Video um unico botao com innerhtml controle manual com javascript play pause 13m25s Video um unico botao com innerhtml programando ended 05m05s Video obtendo informaþ§es duration currenttime ended paused play 10m35s Video obtendo mais informaþ§es volume e alterando video tamanho poster 10m32s Video obtendo informaþ§es dos atributos usados loop preload controls etc 06m09s Colocando codigos css em arquivo separado 04m08s Aside novo elemento html5 para conteudo periferico 08m31s Menu e command 06m34s Details e summary 06m20s Elemento mark para marcar palavras destacadas no texto 02m46s Elemento embed para conteudos incorporados como plugin por exemplo 04m57s Elementos figure e figcaption para container e rotulo 08m51s Elementos meter para representar uma medida fixa 07m17s Elemento progress para visualizar o andamento de uma tarefa 03m58s Elemento time datetime pubdate para datas e horas 06m42s Javascript document forms venda de mercadorias calculo valor total quantidade preco unitario 10m14s Iniciando a criacao de um site completo do zero 06m05s Mais javascript document forms venda de mercadorias calculo valor total quantidade preco unitario 05m04s Output venda de mercadorias saida para visualizar um calculo matematico 03m47s Output oninput calculo matematico e mostrando resultado 06m42s Keygen challenge keytype para gerar chaves criptografadas nos formularios 07m19s Wbr como oportunidade de quebra de linha e bdi dir para mudar direcao texto 05m10s Ruby rp rt usado para marcar anotacoes em textos baseados nos idiomas orientais 03m51s Hgroup para agrupar elementos h1-h6 e track para trilhas audio video 08m45s Armazenamento de dados web storage sessionstorage setitem getitem 11m03s Armazenamento de dados web storage sessionstorage removeitem clear setitem getitem pai e mae 10m26s Armazenamento de dados web storage localstorage length setitem getitem removeitem clear 11m42s Site completo fazendo o cabecalho header nav no html5 06m27s Armazenamento de dados web storage usando expandos para definir valor direto no objeto 08m12s Armazenamento de dados web storage usando metodo key para indice e chave associada 08m05s Armazenamento de dados web storage usando metodo key com laco for 09m55s Armazenamento de dados web storage usando forms 07m42s Mais armazenamento de dados web storage venda mercadorias 07m31s Monitoramento resource chrome sessionstorage localstorage 05m00s Web sql database manipulando banco de dados 09m52s Web sql database executesql create insert values 05m35s Mais web sql database executesql create insert values innerhtml 04m34s Web sql database executesql select rows length 09m58s Site completo implementando css no cabecalho 11m07s Web sql database results rowns item listando dados do banco 05m48s Web sql database quando der errado error message 05m20s Web sql database delete e update 08m37s Web sql database iniciando um crud dinamico botoes criando banco 11m12s Web sql database crud criando tabela e error message 09m30s Web sql database crud inserindo registros na tabela 09m22s Web sql database crud finalizando insercao registros na tabela 04m37s Web sql database crud listando registros da tabela 07m11s Web sql database crud corrigindo bugs lista registros da tabela 06m59s Web sql database crud debug navegador e finalizando mostrar registros 09m35s Site completo implementando mais css no cabecalho 09m44s Web sql database crud delete excluindo registros 10m21s Web sql database crud finalizando delete exclusao de registros 04m29s Web sql database crud alterando registros update amigos sap 09m51s Web sql database finalizando crud alterar registros update 06m41s Geolocalizacao api geolocation mapa navigator modernizr 10m32s Api geolocation latitude longitude navigator getcurrentposition coords position 09m48s Maps google api staticmap center zoom size markers sensor 07m47s Api geolocation url mostrando mapa estatico 09m10s Api geolocation mais mostrando mapa estatico 02m43s Api geolocation erro err code quando nao consegue mostrar o mapa 08m05s Imagem de fundo fireworks e mais estilos css no cabecalho do site completo 09m28s Api geolocation mapa dinamico com google maps maptypeid latlng 08m26s Api geolocation funcionando mapa dinamico infowindow masp google 09m40s 162 û api geolocation mais tres mapas dinamicos 06m29s Offline introducao a aplicacoes offline 12m14s Offline criando manifesto cache manifest 14m20s Offline testando manifesto ambiente online e offline 09m51s Offline veificando suporte ao modo offline applicationcache 04m59s Offline verificando se esta online e testando em servidor web online 10m09s Offline armazenar dados em local ou web dependendo do status 07m24s Offline manifesto network e fallback 05m35s Criando section nav menus para site completo e css 09m02s Offline applicationcache status 03m33s Css3 introducao ao css3 webkit text stroke fill 10m17s Css3 webkit text stroke transparent shadow 09m23s Css3 efeitos em letras text shadow 08m50s Css3 efeitos arrasto e brilho em letras text shadow 09m15s Css3 efeitos 3d em letras text shadow 06m32s Css3 word wrap para quebra de palavra 05m31s Css3 bordas e sombreamento box shadow 09m39s Css3 bordas arredondadas inset radious box shadow 10m47s Css3 mais bordas e sombreamentos e medidas 08m55s Mais section nav menus para site completo e css 09m46s Css3 link hover botao mais bordas e sombreamentos 07m55s
11h15m
Aula comemorativa as 5000 videoaulas 02m33s Css3 gradientes linear webkit moz o ms 08m50s Css3 mais gradientes linear webkit moz o ms 08m17s Css3 ainda gradientes lineares webkit moz o ms 10m05s Css3 gradientes radiais 07m50s Fazendo footer rodape para site completo e css 07m38s Site completo criando pagina prof neri e chamando target 00m00s Site completo iframe target para pagina prof neri e formatando css 00m00s Site completo iframe aplicando css estilos pagina prof neri 00m00s Site completo mais css estilos pagina prof neri 00m00s Site completo criando pagina principal home 11m09s Site completo section div article da pagina principal home e css 09m52s Mais site completo section img div article da pagina principal home e css 07m14s Aplicando css no menu header nav ol li a hover do site completo 07m12s Mais css finalizando parte inicial do site completo 11m10s Iniciando nova pagina para aulas do html5 07m55s Formulario form label elemento input atributos id e for 07m02s Formulario atributos placeholder 05m21s Formulario atributos autofocus 05m13s Formulario atributos size e maxlength 05m47s Formulario atributo required input type submit text 07m16s Formulario atributo autocomplete autopreenchimento on off estados ligado desligado 05m13s Formulario type image src atributos width e height 06m09s Formulario atributo list com datalist opcoes para preenchimento dos campos 06m26s Formulario atributos novalidate accept accept-charset 09m24s Formulario atributos action method e enctype 10m53s Formulario atributos formaction formmethod e formenctype 10m21s Formulario atributo form do elemento input 10m27s Formulario atributo target do elemento form 07m57s Formulario atributo pattern validando campos define expressao regular 11m40s Formulario validacao campo telefone com script setcustomvalidity 07m31s Formulario validacao campo telefone com pattern 09m38s Input types html4 submit text file button checkbox image radio password hidden reset 11m41s Input types html5 tel email url number range 09m50s Input types html5 date month week time datetime datetime-local 09m28s Input types html5 color e search 05m48s Style valid e invalid para formatacao de campos conforme entrada de dados 08m11s Abributo global accesskey tecla de atalho 08m31s Abributo global dir ltr rtl direcao do texto 09m08s Abributo global dir usando script document elementbyid ltr rtl direcao do texto 05m45s Abributo global dir usando script document elementbytagname setattribute ltr rtl direcao do texto 07m10s Abributo global tabindex para ordem de tabulacao ao pressionar a tecla tab 08m24s Abributo global title para titulo do elemento e informacoes adicionais 05m49s Abributo global spellcheck para correcao ortografica e gramatica 02m35s Abributo global contenteditable true false inherit permite edicao de conteudos 08m52s Abributo global hidden elemento oculto javascript evento onclick getelementbyid 10m06s Abributo global contextmenu menu context popup command 05m31s Abributo global draggable arrastar elementos na pagina 10m06s Abributo global draggable arrastar script datastart datatransfer getattribute 11m11s Drag drop draggable datatransfer target appendchild dragdrop dragover 09m24s Funcionando drag drop arrastar e soltar draggable 03m10s Drag drop arrastar e soltar draggable usando novos scripts 08m31s Mais drag drop arrastar e soltar draggable usando novos scripts 08m11s Imagens innerhtml drag drop arrastar e soltar draggable 12m39s Usando imagens no drag drop arrastar e soltar draggable 09m15s Dropzone para receber arquivos externos drag drop arrastar e soltar 10m03s Finalizando dropzone para receber arquivos externos drag drop arrastar e soltar 07m24s Atributo global id identificador unico para elementos 08m36s Atributo global id e javascript para aumentar e diminuir a fonte 12m48s Atributo global class 07m02s Atributo global style 04m58s Atributos acionadores de eventos onclick ondblclick onfocus 09m53s Atributos acionadores de eventos onmouseout onmousedown onmouseup onmousemove 09m56s Atributos acionadores de eventos onkeypress onkeyup oninput onchange onblur 10m20s Finalizando atributos acionadores de eventos onselect onmouseover 04m49s Multiple para permitir mais entrada de arquivos e emails 05m33s Sandbox allow scripts forms origin top navigation 04m21s Marrocos sandbox allow scripts forms origin top navigation 08m59s Marrocos atributos seamless e srcdoc 04m20s Canvas desenhando dinamicamente imagens guinne bissau 09m22s Canvas 2d javascript getselector getelementbyid getcontext 10m19s Canvas 2d clearrect javascript mais getelementbyid 04m14s Canvas bordas com javascript strokestyle linewidth strokerect 03m42s Canvas createlineargradient addcolorstop 08m29s Canvas createradialgradient addcolorstop 09m33s Canvas com imagen createelement createpattern 09m59s Canvas linhas beginpath moveto lineto closepath stroke strokestyle 09m23s Canvas desenhando uma casa com linhas linetto moveto beginpath 10m24s Canvas finalizando a casa com linhas linetto moveto 09m02s Canvas desenhando arcos arc math_pi graus 11m00s Canvas desenhando uma cabeca olhos boca arc 11m38s Audio som controls loop autoplay preload src metadata auto none 09m56s Audio preload source type vorbis mpeg mp3 media screen 11m36s Audio possibilitando download quando o browser nao suporta audio no html5 03m10s Audio programando controles som play pause volumes manualmente via javascript 09m46s Audio addeventlistener function controles som play pause volumes manualmente via javascript 09m23s

Este curso ainda não recebeu avaliações.