Gostou do nosso conteúdo? Te ajudou?
Nos ajude também! Faça um PIX, de qualquer valor:
programacao.progressiva@gmail.com

Apostila de HTML5 completa para download da W3C

Neste tutorial de nosso Curso de HTML & CSS, iremos falar sobre a W3C e dar uma dica fantástica para seus estudos de webmaster e webdesign: uma apostila sobre HTML5 da mais alta qualidade, completa, livre para uso, divulgação, e claro para download (pdf).


Clique aqui e obtenha seu Certificado do Curso de HTML5!

O que é a W3C

Antes de entrarmos em mais detalhes sobre o downlod da apostila completa de HTML5, vamos falar um pouco sobre quem criou este material, afinal é de suma importância confiar em um material na qual você vai dedicar horas de estudo.

Como já falamos em vários artigos de nossa Apostila HTML Progressivo, os sites que são criados atualmente são uma verdadeira mistura de linguagens de marcação, estilo, programação e suas versões.
Aqui mesmo em nosso curso ensinamos o antigo HTML, o 4.01, o novo (HTML5) e CSS (CSS3).
E são as linguagens básicas para quem deseja se tornar webmaster.

A verdade é que há pouca padronização nos sites. Há sites que ainda são todos feitos de HTML com tags deprecadas (em desuso), uns que mistura coisas do HTML novo com o antigo, sites que não usam direito CSS, uns escrevem as tags de um jeito, outros de outra maneira, alguns navegadores aceitam certas tags, outros não e por temos uma noção da bagunça.

Pois bem a W3C é um Consórcio World Wide Web (W3C: World Wild Web Consortium).
Em outras palavras, é um grupo de pessoas influente na área de desenvolvimento web e criação de sites que tem por objetivo padronizar essa verdadeira bagunça, criando regras, sugestões e dicas sobre como  criar sites bons, atualizados e de maneira correta.

É liderada pelo criador do HTML, Tim Berners-Lee, e há um escritório da W3C no Brasil.




Apostila de HTML5 para download da W3C

Bom, agora que você já sabe da importância, competência e grandiosidade da W3C, vamos ao que interessa, a apostila de HTML5 para download em pdf deles..

Neste link você pode encontrar o Curso de HTML5 da W3C.
E aqui o PDF: Apostila de HTML5 em pdf para download

Lembrando que os materiais da W3C são totalmente gratuitos e livres para uso. Para falar a verdade eles até aconselham e pedem que este material se espalhe, para atingir e formar toda uma geração de webmasters mais padronizados.

Não é um material avançado nem de difícil leitura, pelo contrário é bem simples, prático e organizado.
Começa dando uma visão geral do HTML5, seu início, para que serve, a que se propõe, suas principais características e diferenças em relação ao antigo HTML.

Em seguida a apostila fala sobre os navegadores, pois ocorreram batalhas épocas até que alguns sistemas dessem suporte as novas tecnologias e conceitos do HTML5, e dá algumas dicas valiosas sobre o desenvolvimento com o HTML5.

No decorrer da apostila são apresentado os novos conceitos, tags, elementos e ideias por trás do belíssimos e fantástico HTML5, que simplesmente faz maravilhas de uma maneira quase inacreditável.

Sumário da Apostila de HTML5 da W3C

1. Visão geral do HTML5                                             

    Hypertexto                                                    
    O começo e a interoperabilidade                                
    WHAT Working Group                                            
    O HTML5 e suas mudanças                                        
           O que é o HTML5?                                          


2. Análise do suporte atual pelos navegadores e estratégias de uso  

    O desenvolvimento modular                                    
    Motores de Renderização                                      
    Compatibilidade com HTML5                                    
    Técnicas de detectação                                        
           Utilizando o Modernizr         

                       

3. Estrutura básica, DOCTYPE e charsets                            

    O Doctype                                                    
    O elemento HTML                                              
    HEAD                                                          
           Metatag Charset                                        
           Tag LINK                  

                            

4. Modelos de conteúdo                                             

    Categorias                                                    
    Metadata content                                              
    Flow content                                                  
    Sectioning content                                            
    Heading content                                              
    Phrasing content                                              
    Embedded content                                              
    Interactive content                                             


5. Novos elementos e atributos                                     

    Atributos                                                       


6. Elementos modificados e ausentes                                

    Elementos modificados                                        
    Elementos ou atributos descontinuados                           


7.  Novos tipos de campos                

     Novos valores para o atributo type
            tel                        
            search                      
            email                      
            url                        
            Datas e horas              
            number                      
            range                      
            color                         


8.  Tipos de dados e validadores         

     Formulários vitaminados            
            autofocus                  
            Placeholder text            
            required                    
            maxlength                  
     Validação de formulários          
            pattern                    
            novalidate e formnovalidate
            Custom validators             


9.  Detalhes e conteúdo editável.        

     Ainda mais formulários            
            Detalhes e sumário          
            Conteúdo editável             


10. Drag-n-drop e correção ortográfica   

     Drag and Drop                      
     Detalhes importantes:              
     Revisão ortográfica e gramatical  

11. Elementos audio e video, e codecs  

     Áudio                              
            Origens alternativas de áudio
     Vídeo                              
     Codecs                               


12. Elemento device e Stream API         

     O elemento device                  
     Streams                            
     Peer-to-peer                         


13. MathML e SVG                         

     MathML                            
     SVG                                  


14. Canvas API                                      

     O elemento canvas                            
            Canvas e SVG                             


15. Server-Sent Events                              

     EventSource                                  
            O protocolo de comunicação               


16. DOM e HTML5                                     

     DOM e HTML5                                  
            Por quê DOM?                          
     Vamos às diferenças                          
            getElementsByClassName                
            innerHTML                              
            activeElement e hasFocus()            
            getSelection()                        
            Intervalos de seleção                  
            document.head                          
            Selector API                          
            Características especiais de DomNodeList
            Datasets                                 


17. Novos eventos DOM                               

     Uma palavra sobre eventos                    
            Elementos multimídia:                  
            Eventos em campos de formulário:      
            Eventos gerais:                        
            Drag-and-drop:                        
     Atributos de evento                             


18. Menus e toolbars                                

     O elemento menu                              
            Tipos de comando                      
            O elemento command                    
            Prefira não usar command, por enquanto   


19. Tipos de links                                  

     Links                                        
            Metadados de navegação                
            Metadados da página                    
            Comportamento dos links na página        


20. Microdata                                       

     Semântica adicional                          
     Diferentes tipos de dados                    
            Falando um idioma comum                  


21. Histórico de sessão e API Storage                     

     Histórico de Sessão e API Storage                  
            Histórico de Sessão                          
            localStorage e sessionStorage             

   

22. Aplicações offline                                    

     Caching                                            
     O objeto ApplicationCache                          
     Controle de status da aplicação                       


23. Scroll in to view e hidden                            

     Scrolling into view                                
     hidden                                              
            hidden e Javascript                           


24. Geolocation API                                   

     Métodos de Geolocalização                          
            Tratando erros                              
            Não trate a resposta do usuário como um erro
            O objeto de configuração                    
            watchPosition                                 


25. Undo                                                

     O objeto UndoManager
            Respondendo às ações de undo e redo
            Disparando as ações de undo e redo


Um comentário:

Razzor Fx Artworks disse...

MA-RA-VI-LHA!
Por mais estranho que pareça... Venho buscando algo novo para aprender e me distrair, então resolvi aprender linguagens de programação voltadas para a WEB, daí decidi que HTML5, CSS3 e JavaScript serão meus alvos.

Já tenho a minha profissão definida, casado e com filhos. Não sou mais um garoto, mas mantenho a mente sempre "aquecida", pois sei que essa é uma bela forma de manter a saúde mental.
O cérebro é um músculo que deve ser exercitado para não atrofiar.

Gostaria muito que meus filhos se envolvessem com tecnologia e quem sabe se os meus estudos não possam servir de exemplo para eles?

Tutoriais de HTML e CSS