HTML5 & CSS3 Fundamentals

Sobre o curso

Aprenda a desenvolver layouts para web com HTML5 e CSS3.

Conheça nossa formação Front-end

<

Após este curso o aluno estará apto a:

  • Desenvolver páginas utilizando HTML5 e CSS3;
  • Utilizar Web Fonts da forma certa;
  • Fazer animações com CSS3;
  • Validar fomulários e utilizar eventos simples com Javascript;
  • Pleitear vagas de desenvolvedor Front-end.

Conteúdo Programático

Como Funciona a Web?

  • Introdução a Web
  • O que são HTML e CSS?
  • Qual a estrutura de um website?
  • O que são sites estáticos e dinâmicos?
  • Apresentação do Projeto
  • Arquitetura Web
  • Apresentação do Projeto
  • Escolhendo um editor de texto
  • Como funcionam os navegadores

Novas possibilidades com HTML5

  • Conhecendo a sintaxe
  • Do HTML ao HTML5
  • O futuro e o presente da Web com o HTML5
  • Conhecendo as características da linguagem
  • Declaração DOCTYPE
  • Tags head e body
  • Diferenças entre as versões de HTML
  • Criando sua primeira página HTML
  • Novos elementos e atributos do HTML5
  • Elementos descontinuados na última versão
  • Criando um markup semântico
  • Conhecendo elementos de bloco e inline
  • Criando listas e tabelas
  • Novos elementos de formulário no HTML5
  • API de áudio de vídeo
  • O que tem de novo no HTML5
  • Boas práticas com HTML
  • Validando seu documento
  • Compatibilidade entre navegadores

Estilizando páginas HTML

  • Características do CSS
  • Estilos mais comuns
  • Atributos Class e ID
  • Unidades de medida
  • Definindo cores
  • Formatando textos
  • CSS Reset
  • Controlando a flutuação de elementos
  • Herança e precedência de seletores
  • Prefixos de identificação de browsers
  • Modelo de Caixa (Box Model)
  • O que tem de novo no CSS3
  • Animações com transições CSS3
  • Redefinindo os estilos padrão
  • Importando folhas de estilo
  • Utilizando fontes personalizadas com @font-face

ABC do JavaScript

  • Um pouco de história
  • A importância do JavaScript
  • Um pouco sobre a sintaxe
  • Ponto e vírgula: obrigatório ou não?
  • Definindo comentários e variáveis
  • Tipos de dados e operadores
  • Estruturas de controle (Loop, If e Switch)
  • Funções e Eventos Javascript
  • Trabalhando com objetos
  • O que é DOM?
  • Manipulação de Objetos DOM
  • Validando Formulários

Bem-vindo ao jQuery

  • O que são frameworks?
  • Por que usar jQuery?
  • Seletores CSS
  • Métodos de manipulação do DOM
  • Adicionando e removendo elementos
  • Animações e Efeitos
  • Manipulando os elementos de formulários
  • Modificando os atributos dos elementos
  • Determinando as dimensões e posicionamento

Mão na massa, criando nossa interface web

  • Definindo a estrutura do Front-end
  • Montando nossa primeira interface
  • Um pouco mais de interatividade

Design responsivo: sua interface em qualquer tela

  • O que é RWD - Responsive Web Design?
  • Entendendo Mobile first
  • Media Queries

Bootstrap o framework para Front-end mais utilizado da atualidade

  • Conhecendo o Bootstrap e sua estrutura
  • Grid Systems
  • Layout fixo e fluido
  • Trabalhando com colunas
  • Classe Offset
  • Tipografia
  • Trabalhando com formulários
  • Tipos de botões
  • Helpers e Componentes

Dicas úteis

  • Pré-processadores de CSS
  • Otimização do Front-end
  • Ferramentas adicionais e sites úteis

Apêndice - LESS (CSS enxuto)

  • Sobre LESS
  • Variáveis
  • Estrutura e herança
  • Funções de operações e mixins

Apêndice - Publicando sites na web

  • O que são clouds <a href="/o-que-e-iaas-paas-saas">paas</a>?
  • Configurando o Git
  • Enviando seu projeto para o servidor

Diferenciais deste Curso

  • Material de apoio em concordância com especificações do W3C (Principal organização de padronização da World Wide Web);
  • Introdução ao universo da programação através do JavaScript (Linguagem de programação que mais cresce na web)
  • Utilização do bootstrap, o framework de front-end mais utilizado do mercado;
  • Construção de site pessoal do aluno com tecnologias web de ponta.

Pré-requisitos

  • Noções de algum sistema operacional (Windows, Linux ou Mac OSX);
  • Conhecimentos em internet;
  • Desejável alguma noção de lógica de programação.

Carga Horária

Curso Presencial: 40H

  • Noturno: 2 semanas de segunda a sexta-feira, 4 horas diárias.

Curso Online: 40H

  • Curso EAD ágil
  • 08 horas de aulas online (ao vivo) com o professor através de videoconferência.
  • 32 horas de aulas offline (mínimo recomendado pela 4Linux). Estas horas são alocadas e controladas pelo aluno que deverá acessar o conteúdo digital: vídeo aulas com hands-on e fazer os laboratórios, exercícios e desafios.

Próximas Turmas

Início Término Horário
08/01/2018 19/01/2018 Noturno - Segunda à Sexta das 18:30h às 22:30h
16/01/2018 06/02/2018 EAD - 12 videoaulas práticas intercaladas com 4 aulas online ao vivo em vídeoconferência às Terças-feiras das 20h às 22h

Temos outras turmas, para mais informações entre em contato com um de nossos vendedores.

Compartilhe esta página

Receba Datas e Valores

Quem irá pagar o seu curso?
Modalidades
Preferência de horário
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
6 + 8 =
Resolva este problema matemático simples e digite o resultado. Por exemplo para 1+3, digite 4.