Primeiros passos no mundo Front End

18 Abr 2015 16h Instituto 128Bits

O ORGANIZADOR DESSE EVENTO FOI

128Bits

A 128Bits é agência de tecnologia especializada em sites. Promove cursos educacionais e corporativos, que visam o crescimento competitivo dos alunos para o mercado de trabalho. Também oferecemos serviços de desenvolvimento de sistemas e apps mobile.

O Front End é toda a parte de apresentação visual de um site. É a forma como o conteúdo se apresenta na tela.

O desenvolvedor Front End é responsável pela interface de interação com o usuário, ele é a ponte entre o designer e o desenvolvedor Back End, tudo o que seus olhos vêem na web é uma mistura de HTML, CSS e JavaScript.

Além da apresentação visual do conteúdo, ele também é responsával por uma variedade de ações para fazer com que o conteúdo alcance seu potencial máximo.

Unidade 01 - Introdução do curso

  • O que faz um desenvolvedor Front End?
  • Qual a importância do Front End?
  • Mercado de Trabalho
  • Níveis de conhecimento
  • O que vamos aprender no curso?
  • E agora, como aprendo tudo isso?
  • Quais ferramentas vamos ultilizar?
Unidade 02 - Básico do HTML
  • O que é HTML?
  • Por que aprender HTML?
  • Criando um arquivo HTML
  • O que são tags?
  • Algumas tags básicas
  • Estrutura básica de um arquivo HTML
  • Codificação de texto
  • Título e ícone da página
  • Código amigável
  • Versões do HTML
Unidade 03 - Mais de HTML - Parte 1
  • Adicionando Heading
  • Adicionando parágrafo
  • Estilos em texto
  • Formatação dos textos
  • Tags de comentários
  • Inline CSS
  • Usando imagens
  • Criar um hiperlink
Unidade 04 - Mais de HTML - Parte 2
  • Criação de listas
  • Criação de menu vertical com listas
  • Criar um menu horizontal
  • Estrutura básica de uma tabela
  • Criando sua primeira tabela.
  • O que é um formulário?
  • Criação de um formulário
  • Adicionar os campos requeridos
  • Adicionar um placeholder
  • Tipo de input
Unidade 05 - Novos elementos estruturais do HTML5
  • Elemento header
  • Elemento nav
  • Elemento article
  • Elemento section
  • Elemento aside
  • Elemento footer
Unidade 06 - Básico do CSS
  • O que é CSS?
  • Sintaxe
  • Seletores (ID, classes)
  • Como aplicar o CSS no HTML
  • CSS incorporado
  • CSS inline
  • CSS em arquivo separado
Unidade 07 - Conceitos básicos de CSS
  • Backgrounds
  • Texto e fonts
  • Cores
  • Links e seus estados
  • Dando estilos a listas
  • Dando estilos a tabelas
  • O que é Box Model?
  • Margins e Padding
  • Bordas
  • Dimensões
  • Propriedade display
  • Elementos Float
  • Combinando seletores
  • Positioning
  • Compreender o Clear
  • Controlando elementos com overflow
Unidade 08 - Criando layout fixo
  • Estruturar o conteúdo
  • Considerações para uso de layout fixo
  • Calculando larguras dos objetos
  • Exercício
Unidade 09 - Criando layout Adaptivo
  • Layout Flexível
  • Configurando larguras máximas e mínimas
  • Calculando larguras dos objetos
  • Exercício
Unidade 10 - Um pouco de Javascript
  • Pequenas noções,
  • Chamadas de scripts prontos
Unidade 11 - Vamos exercitar
  • Criar um portfólio pessoal e transformar em código
  • Estrutura de pastas
Unidade 12 - Introdução ao Framework Zurb Foundation
  • O que é?
  • Entendendo o modo básico do grid
  • Usando seus componentes
  • Plugins
Unidade 13 - Recortando um layout usando Photoshop
  • Recortes
  • Cores
  • Fontes
Unidade 14 - Projeto Final
  • Vamos transformar um layout que está em psd em uma página web, usando tudo que foi ensinado no curso;
  • Usaremos o Framework Zurb Foundation como a base do projeto,
LOCAL

Instituto 128Bits

Avenida Nossa Senhora de Fátima, Teresina - Piauí, Brasil
Teresina, Piauí

Comentários