CURSOS PROFISSIONALIZANTES
Menu

Curso HTML5, CSS3 e Java Script

Neste curso você irá aprender todos os passos necessário para criar páginas web.

Você irá criar páginas web e com HTML inserir textos e imagens. Depois você irá estilizar o visual da página com CSS. Já, o comportamento desse conteúdo e da página como um todo usa o JavaScript para ganhar vida: sliders, animações e regras de programação da página

HTML, CSS e JavaScript é muito mais do que o exemplo acima!

O Cascading Style Sheets (CSS) é uma “folha de estilo” composta por “camadas” e utilizada para definir a apresentação (aparência) em páginas da internet que adotam para o seu desenvolvimento linguagens de marcação (como HTML por exemplo)

Será possível entender como funciona o HTML, seus principais comandos (tags), inserir imagens, tabelas, links e muito mais. Aprenda a criar animações com o canvas API, validações em formulários, geolocalização, storage etc. Essas são algumas das novidades do HTML 5.  

Você vai aprender a criar formulários, validações, interações do Java script com HTML.

Você  será capaz de entender toda a parte básica da linguagem e criar interações em suas páginas, como validação de dados, máscaras de data, cep, cpf, telefone etc. Além disso, irá entender perfeitamente como funciona a ligação dos eventos HTML com JavaScript. 

Receba INFORMAÇÕES
e VALORES
do Curso HTML, CSS e Java Script

  • Este campo é para fins de validação e não deve ser alterado.

Conhecendo a web

  • A criação da internet e os primeiros navegadores
  • Servidor e Cliente

Conhecendo o HTML

  • Conhecendo o HTML
  • Como funciona o HTML

Nosso Primeiro Documento

  • Documento HTML5 Básico

Formatando textos com HTML

  • Formatação de texto Negrito, Italico, Sublinhado, Riscado, Pequeno, Acima, Abaixo, Citação, Parágrafo, Quebra de linha, Span, Títulos, Linha horizontal, BDO, Ruby e RT

Apresentação de Dados

  • Listas ordenadas
  • Listas Não ordenadas
  • Listas de descrição
  • Progress e Meter
  • Tabelas
  • Formatando Listas
  • Formatando Tabelas

Formulários

  • Formulários
  • Accept-charset
  • Autocomplete
  • Action
  • Method
  • Enctype
  • Novalidate
  • Target
  • Elementos
  • Inputs de Texto e Text Area
  • E-mail, Search e URL
  • Number
  • Radio Button
  • CheckBox
  • Date, Time, Datetime-local, Month e Week
  • Range
  • Color
  • File
  • Button, Submit e Reset
  • Select e DataList
  • FieldSet e Legend
  • Label
  • Output
  • Conhecendo os elementos de um formulário

Links e Âncoras

  • Links e Âncoras
  • Download
  • Âncora
  • Criando Links e âncoras

Multimídia

  • Imagens
  • Figure e FigureCaption
  • Áudio
  • Vídeo
  • Trabalhando com elementos de mídia

Semântica

  • A importância da semântica
  • Search Engines
  • Elementos para melhorar a semântica
  • Div e Span
  • Abbr
  • Address
  • Article
  • Aside
  • Code
  • Details e Summary
  • DFN
  • Dialog
  • Footes
  • Header
  • Main
  • Nav
  • Section
  • Time
  • que é semantic
  • Elementos semânticos

Estruturando uma página

Mudando o visual com CSS

  • Sintaxe
  • Conhecendo o CSS

Cores

  • Editando cores
  • Aprendendo a trabalhar com cores

Unidades de Medida

  • Medidas Relativas
  • Outras unidades
  • Função calc()
  • Conhecendo as unidades de medidas

Formatando textos

  • Fontes
  • Tipografia
  • Font-family
  • API de fontes do Google
  • Font-style
  • Font-variant
  • Font-weight
  • Font-size
  • Font-stretch
  • Font-size-adjust
  • Texto
  • Letras, Palavras e Linhas
  • Fomatando textos com CSS

Box Model

  • Box Model
  • Border Radius
  • Max e Min
  • Box Sizing
  • Bopx Shadow
  • Outline
  • Overflow
  • Conhecendo o Box Model e dimensionando elementos

Posicionamento

  • Posicionamento Estático
  • Posicionamento Fixo
  • Posicionamento Relativo
  • Posicionamento Absoluto
  • Z Index
  • Float e Clear
  • Posicionando Elementos

Formatando Listas

  • List-style-image
  • List-style-position
  • List-style-type
  • Listas ordenadas
  • List-style
  • Estilizando listas

Formatando Tabelas

  • Border
  • Border Collapse
  • Birder Spacing
  • Caption Side
  • Empty Cells
  • Estilizando tabelas

Seletores CSS

  • Como funcionam os seletores e conhecendo seletores mais avançados

Tag do JavaScript

  • Alert
  • Arquivos .JS
  • OnClick
  • OnBlur
  • OnKeyPress
  • OnKeyDown
  • OnLoad
  • Operador =
  • Operador !=
  • Operador <
  • Operador >
  • Operador &&
  • Operador ||
  • Comentários
  • prompt
  • if
  • else
  • else if
  • while
  • for
  • DOM
  • Operadores + – * /
  • Variáveis
  • Array
  • Break
  • Continue
  • Return
  • Length
  • Mascara para Data
  • Mascara para Telefone
  • Mascara para CEP
  • Argumentos e parâmetros em função
  • GetElementById
  • GetElementsByName
  • Criando uma Calculadora

Veja Também

Python com Manipulação de Dados

  • 34 horas

Curso Analista de Dados

  • 20 horas

Curso Banco de Dados/MySQL

  • 20 horas
curso de banco de dados, curso mysql

Lógica de Programação

  • 20 horas
Curso Lógica de Programação

Os benefícios dos cursos online

Precisando de um empurrãozinho para se matricular no curso online? Cada vez mais as pessoas estão buscando aprimorar técnicas e habilidades. Um jeito prático e

Leia mais »
Receba Informações Sobre os Cursos
Enviar WhatsApp