Descrição

Embora muitos dos editores HTML existentes no mercado possuam diversas ferramentas de ajuda ao Web Designer/Web Developer, existem diversas ferramentas e sites que permitem simplificar o desenvolvimento de páginas e sites Web.

Além disso, todos os browsers possuem Developer Tools que ajudam ao desenvolvimento de páginas Web e sobretudo à depuração de erros existentes em programas JavaScript.

Este curso pretende dar a conhecer algumas das ferramentas disponíveis que ajudam no desenho e desenvolvimento de páginas e sites Web.

Objectivos

Ensinar a utilizar as Developer Tools disponíveis em todos os browsers.

Apresentar e utilizar ferramentas de ajuda ao Web Design/Development.

Pré-requisitos

Conhecimentos de desenvolvimento de sites ou aplicações web utilizando HTML, CSS e JavaScript.

Destinatários

Todas as pessoas que pretendam melhorar a produtividade no desenvolvimento de sites Web, quer sejam Web Designers, Front-end Developers ou Web Developers.

Conteúdo programático

  • Editores HTML gratuitos
  • Prototipagem e wireframing
  • Conversores de formatos de imagens
  • Optimização de imagens
  • Gerar favicons
  • Seleccionar cores e paletes de cores
  • Trabalhar com tipos de letra
  • Developer tools dos browsers
  • Inspeccionar o DOM e os estilos CSS
  • Informações sobre um site ou página web
  • Validators e link checkers
  • Cross-browser testing - utilização de máquinas virtuais
  • Ajuda à criação e teste de formulários
  • Sites com informação sobre suporte de HTML5 e CSS3
  • Ferramentas e sites para gerar estilos CSS3
  • Ferramentas para responsive web design
  • Prototipar e testar um mobile site
  • Melhorar a performance de sites e aplicações Web
  • Profiling e audits
  • Debugging de JavaScript
  • Trabalhar com a consola
  • Minification e obfuscation
  • Automatizar processos
  • Ferramentas para tecnologias server-side (AJAX, JSON e PHP)
  • Ferramentas para SEO & Website analysis
  • Sites e fóruns com informação técnica