Crie seu Proprio Website: Front End

Aprenda os recursos para criar websites ricos visual e interativamente e adaptáveis a diferentes dispositivos.
5.0 (1 rating) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
6 students enrolled
$150
Take This Course
  • Lectures 57
  • Length 13 hours
  • Skill Level Beginner Level
  • Languages Portuguese
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 Portuguese

Course Description

Este é o curso ideal para você que deseja dominar as ferramentas necessárias para criar websites e aplicações Web ricos visual e interativamente, e adaptáveis aos diferentes dispositivos, como desktops, laptops, tablets e smartphones.

Neste curso, você obterá embasamento necessário para a criação de páginas HTML de forma organizada e usufruindo do melhor que a tecnologia tem a oferecer. Além disso, aprenderá a usar a linguagem CSS para criar layouts responsíveis para suas páginas e o elemento Canvas, disponível na linguagem HTML5, para dar um toque especial ao visual e interatividade de suas aplicações Web.

What are the requirements?

  • Para obter um bom aproveitamento do curso Crie seu próprio Website: Front End, é imprescindível que você tenha familiaridade com ambiente Windows e Internet, e conhecimentos básicos em JavaScript.

What am I going to get from this course?

  • Conhecer a história e a linguagem HTML5
  • Dominar a estrutura HTML5
  • Formatar um documento HTML5
  • Inserir imagem, áudio e vídeo
  • Trabalhar com vínculos (links) e microdata
  • Trabalhar com listas e tabelas
  • Conhecer conceitos sobre CSS3
  • Criar e posicionar um layout
  • Criar formulários
  • Trabalhar com seletores e herança
  • Posicionar e alinhar elementos na página utilizando Box Model e Flexible box layout
  • Aplicar cores, backgrounds e gradientes
  • Aplicar bordas e sombras aos elementos da página HTML
  • Trabalhar com fontes
  • Criar layouts responsivos com o CSS3
  • Aplicar transições em CSS3
  • Desenhar formas com CSS3
  • Criar uma página com navegação long scrolling
  • Criar animações com CSS3
  • Conhecer o canvas HTML5
  • Verificar o suporte dos navegadores ao objeto canvas
  • Desenhar formas geométricas no contexto do canvas
  • Redesenhar imagens no contexto do canvas
  • Aplicar estilos e cores aos objetos criados no contexto do canvas
  • Aplicar e formatar texto no contexto do canvas
  • Aplicar transformações aos objetos no contexto do canvas
  • Salvar e restaurar o estado do canvas
  • Aplicar recortes e máscaras aos objetos o contexto do canvas
  • Criar animações no contexto do canvas
  • Redesenhar vídeos em tempo real no contexto do canvas
  • Criar interatividade com eventos de mouse

What is the target audience?

  • Se você deseja dominar as ferramentas necessárias para criar websites e aplicações Web ricos visual e interativamente, e adaptáveis aos diferentes dispositivos, este é o curso ideal.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: HTML5 Fundamentos
DOWNLOAD Material de apoio
Article
Introdução ao HTML5
Preview
04:50
Introdução ao HTML5
6 questions
O universo HTML5
Preview
08:54
O universo HTML5
5 questions
Conhecendo a estrutura HTML5
12:24
Conhecendo a estrutura HTML5
4 questions
Formatando um documento HTML5
16:22
Formatando um documento HTML5
5 questions
Imagem, áudio e vídeo
18:41
Imagem, áudio e vídeo
4 questions
Trabalhando com vínculos e microdata - Parte 1
26:15
Trabalhando com vínculos e microdata - Parte 2
13:10
4 questions

Qual elemento define o vínculo que permite acesso a um determinado arquivo?

Trabalhando com listas e tabelas - Parte 1
14:08
Trabalhando com listas e tabelas - Parte 2
13:14
Trabalhando com listas e tabelas
4 questions
Introdução ao CSS3 - Parte 1
15:37
Introdução ao CSS3 - Parte 2
22:11
Introdução ao CSS3 - Parte 3
31:23
Introdução ao CSS3
4 questions
Criando e posicionando um layout - Parte 1
21:06
Criando e posicionando um layout - Parte 2
32:23
Criando e posicionando um layout
4 questions
Formulários - Parte 1
12:43
Formulários - Parte 2
22:24
Formulários
5 questions
Section 2: CSS3
Conceitos básicos - CSS3
19:14
Conceitos básicos - CSS3
4 questions
Seletores e herança - Parte 1
16:47
Seletores e herança - Parte 2
13:47
Seletores e herança - Parte 3
09:54
Seletores e herança - Parte 4
08:29
Seletores e herança
5 questions
Posicionamento e alinhamento - Parte 1
18:55
Posicionamento e alinhamento - Parte 2
17:35
Posicionamento e alinhamento - Parte 3
09:22
Posicionamento e alinhamento - Parte 4
10:11
Posicionamento e alinhamento - Parte 5
17:21
Posicionamento e alinhamento - Parte 6
08:41
Posicionamento e alinhamento
6 questions
Trabalhando com cores, background e ambientes - Parte 1
10:03
Trabalhando com cores, background e ambientes - Parte 2
21:21
Trabalhando com cores, background e ambiente
4 questions
Bordas e sombras
12:16
Bordas e sombras
4 questions
Trabalhando com fontes
15:45
Trabalhando com fontes
4 questions
Produzindo um layout responsivo - Parte 1
17:02
Produzindo um layout responsivo - Parte 2
22:41
Produzindo um layout responsívo
5 questions
Transições em CSS3
13:45
Transições em CSS3
3 questions
Desenhando com CSS3 - Parte 1
12:30
Desenhando com CSS3 - Parte 2
10:34
Parallax
21:45
Animações - Parte 1
11:26
Animações - Parte 2
32:26
Section 3: Canvas - Composição gráfica para web
Introdução ao Canvas HTML5
Preview
01:43
Introdução ao Canvas HTML5
4 questions
Desenhando formas - Parte 1
05:29
Desenhando formas - Parte 2
08:01
Desenhando formas - Parte 3
08:07
Desenhando formas - Parte 4
17:32
Desenhando formas - Parte 5
08:09
Desenhando formas
4 questions
Usando imagens - Parte 1
07:11
Usando imagens - Parte 2
05:30
Usando imagens
5 questions
Estilos e cores
16:36
Estilos e cores
5 questions
Texto
09:37
Texto
5 questions
Section 4: Canvas - Design de interação
Estados e transformações - Parte 1
13:17
Estados e transformações - Parte 2
04:17
Estados e transformações
4 questions
Composição - Parte 1
10:25
Composição - Parte 2
07:03
Composição
5 questions
Animação em Canvas
09:58
Animação em Canvas
4 questions
Vídeo
10:36
Vídeo
4 questions
Interatividade
10:32
Interatividade
4 questions

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Impacta Online, Encurtando a distância até o conhecimento!

Os cursos online da Impacta são a melhor opção para você que quer se especializar nas mais variadas áreas de tecnologia, gestão e design, mas que não possui muita disponibilidade de tempo e locomoção, além de buscar flexibilidade na condução do estudo.

Desenvolvido por profissionais especializados, os cursos oferecem um conteúdo variado e dinâmico: vídeos, leituras, testes e laboratórios enriquecem o aprendizado do aluno e formam um profissional mais completo.

Além disso, possuem uma metodologia própria, chamada IAD - Impacta Aprendizagem a Distância, que alia flexibilidade e qualidade de ensino, além de levar todo o conteúdo da sala de aula até você, onde estiver.

Cursos online Impacta - Encurtando a distância até o conhecimento!

Ready to start learning?
Take This Course