Embora o papel do HTML, CSS, e do JavaScript sejam óbvios para alguns, vamos rapidamente recaptular como cada um desempenha o seu papel tão importante para um aplicativo HTML5.
HTML
HTML é usado para criar a estrutura de conteúdo para aplicativos web. Novas funcionalidades do HTML5 incluem o novo tipo <input>, suporte a validação de formulário, media tags como <audio> e <video>, e mais a semântica dos elementos HTML.
CSS
CSS fornece a apresentação visual, permitindo-lhe controlar o layout básico do conteúdo. CSS pode fazer mais do que apenas formatar o conteúdo, você pode usar o poder do CSS para animar elementos, criar gradientes precisos para evitar ter que desnecessariamente usar imagens, e criar consultas de media que permitem ajustar a aparência de seu conteúdo com base no tipo de dispositivo que está sendo visualizado.
JavaScript
JavaScript fornece o nível de dinamismo e interação do usuário para o aplicativo web. JavaScript permite ouvir e responder às interações do usuário, conteúdo de carga dinâmica, e tenha acesso a recursos específicos do dispositivo, como a API da Camera e a API de Geolocalização.
É importante notar que o suporte para recursos individuais varia de navegador para navegador; detecção de recurso e de pesquisa deve ser feito antes de usar cada recurso. Como usar essas estratégias serão abordados em profundidade abaixo.
Com as tecnologias estabelecidas, vamos começar com uma introdução a algumas ferramentas de desenvolvimento populares que podem ajudar a aumentar a sua eficiência.