Cursos Técnicos e Profissionalizantes
INOVANDO PARA TRANSFORMAR VIDAS
Whats App Porto Alegre
Whats App São Paulo

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

Curso Analista de Dados

Curso Banco de Dados/MySQL

curso de banco de dados, curso mysql

Lógica de Programação

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 »