HTML5, CSS3, Javascript e Bootstrap Framework

  • Duração
    60H
  • Formação Oficial
    Não
  • Exame de Certificação
    Não
  • Certificado de Conclusão
    Não

Descrição do Curso

Os desenvolvedores hoje combinam JavaScript, HTML5 e CSS3 para criar páginas da Web com boa aparência em vários dispositivos, plataformas e navegadores. O HTML5 fornecerá um formato adequado ao seu site; O JavaScript ajuda os desenvolvedores a criar páginas Web dinâmicas e interativas e o CSS3 aprimora ainda mais o design. Esses três combinados são considerados futuros, pois mais e mais empresas o estão adotando devido à sua documentação e bibliotecas robustas.

HTML5, CSS3 e JavaScript surgiram hoje como a base do desenvolvimento web. Qualquer uma das estruturas de desenvolvimento Web que você possa usar, é essencial ter o conhecimento prático dessas três tecnologias, seja planeando uma carreira em desenvolvimento front-end ou back-end, desenvolvimento de aplicativos móveis ou desenvolvimento de jogos, você não pode prescindir disso.

Os aplicativos Web de hoje não podem funcionar sem HTML, CSS e JavaScript. A maioria dos excelentes aplicativos da Web usa todos ou uma dessas três tecnologias, incluindo Facebook, Twitter, Gmail e vários outros. Portanto, adquirir habilidades nessas áreas pode trazer vários benefícios tanto para os indivíduos quanto para as organizações.

Nessa formação, vai aprender também a trabalhar com Bootstrap. Bootstrap é um kit de ferramentas poderoso - uma coleção de ferramentas HTML, CSS e JavaScript para criar e construir páginas da web e aplicativos da web. O Bootstrap também é a estrutura de desenvolvimento web pronta para dispositivos móveis mais popular do mundo para HTML, CSS e JavaScript. O Bootstrap permite que você crie rapidamente sites legais que funcionam em vários dispositivos e navegadores.

O que você vai aprender

  • Perceber os conceitos básicos da Web
  • Aprender a estrutura e marcação de HTML
  • Explorar novos recursos de formulário HTML5
  • Trabalhar com CSS3 e crie aplicativos HTML5
  • Aprender os componentes e criar estilos usando CSS3
  • Entender como criar layouts de página e empregar posicionamento com CSS3
  • Usar as melhores práticas em CSS3
  • Aprender trabalhar com a Bootstrap framework
  • Entender o funcionamento de página Web
  • Adquirir competências básicas de desenvolvimento de Websites e aplicativos JavaScript

Pré-requisitos

  • Conhecimento elementar do sistema operativo na ótica do utilizador
  • É necessário um PC ou Mac

Público Alvo

  • Programadores
  • Estudantes
  • público no geral

Conteúdo Programático

Módulo 1 - Noções básicas da web
  • O que é Internet?
  • O que é protocolo TCP/IP?
  • O que é DNS?
  • O que é HTTP?
  • Como funciona o HTTP?
  • O que é tecnologia cliente-servidor?
  • Como funciona o site?
  • Tipos de idiomas
  • Compilador vs interpretador
  • Diferentes áreas de desenvolvimento Web
Módulo 2 - Visão geral do HTML5
  • A história por trás
  • As vantagens do HTML5
  • HTML x HTML5
  • O que há de novo em HTML5
  • Marcação Semântica
  • Tag, Elemento e Atributo
  • Estrutura de uma página web 
  • Minha primeira página HTML
  • Tags de cabeçalho
  • Parágrafos e comentários
  • Linhas horizontais e quebras de linha
  • Formatações de textos
  • Tags Pré e código
  • Imagens
  • Links
  • Meta Tags
  • Trabalho com elementos de áudio/vídeo
  • iFrames
  • Listas ordenadas e não ordenadas
  • Tabelas
Módulo 3 - Trabalhando com Formulários em HTML5
  • Visão geral dos formulários
  • Forms Funcionais
  • O Catálogo de Entradas
  • Tipos de entrada comuns
  • Tipos de entrada HTML5
  • Atributos e funções do formulário HTML5
  • Validando Elementos de Formulário em HTML5
  • Recapitulando 
Módulo 4 - Novas tags semânticas HTML5
  • Novas tags html 5 Header, Nav e Footer
  • Novas tags html 5 Article, Section, Aside e time
  • Compatibilidade Html 5
  • Novas tags de Input
  • Caracteres especiais
Módulo 1 - Introdução ao CSS3
  • Descrição breve
  • Escrevendo CSS
  • Prefixos específicos do navegador
  • Adicionar comentários a um CSS
Módulo 2 - Seletores básicos
  • Compreendendo os seletores
  • O Document Object Model (DOM)
  • Usando DOCTYPE
  • CSS de ligação
  • Comentários CSS
  • Tipos de seletores
  • Box Model
  • Como depurar código CSS 
  • Seletores CSS
  • Classes e IDs 
  • Tags Div & Span
  • Seletores de agrupamento
  • Links de estilo
  • Brincando com o Cursor
Módulo 3 - Trabalho com tamanhos, cores e arquivos
  • Tamanhos e unidades de medição
  • Explorando cores
  • Imagens de fundo
Módulo 4 - Estilo de texto
  • Trabalho com fontes
  • Lidando com espaçamento de linha
  • Mudando a cor do texto
  • Formatação de Texto
  • Adicionando Sombras de Texto
  • Fontes da área de trabalho vs. fontes da Web
  • Adicionando fontes da web a sites
  • Formatos de fonte e navegadores de suporte
  • Incorporação de fontes da web
Módulo 5 - Plano de fundo, fronteiras e sombras
  • Fundo CSS
  • Adicionando várias imagens ao plano de fundo
  • Definindo Fronteiras
  • Propriedades adicionais da borda
  • Uso de imagens de borda
  • Adicionando sombras projetadas
  • Estilo de contorno
Módulo 6 - Gradientes sem imagens
  • Compreender gradientes
  • Criação de gradientes lineares
  • Criação de gradientes radiais
  • Gradientes de repetição
  • Usando múltiplos gradientes
Módulo 7 - Seletores avançados
  • Por que seletores avançados
  • Primeira, última e única instância filho
  • Seletores de estilo com base nas posições
  • Seletores de estilo baseados em relacionamentos
  • Seletores negativos
  • Outras Pseudo Classes
Módulo 8 - Listas e menus de navegação
  • Trabalho com listas
  • Menus de navegação
Módulo 9 - Explorando o conteúdo gerado
  • O que é conteúdo gerado
  • Inserindo o Conteúdo Gerado
  • Usar antes e depois como pseudo classes
Módulo 10 - Transformações e transições
  • Transformações em CSS3
  • Transições CSS3
  • Adicionando Transformação à Transição
Módulo 11 - Elementos de animação com quadros-chave
  • Animação vs. Transições
  • Criação de animações usando Keyframes
  • Definir a direção da animação
  • Definir a curva de velocidade da animação
Módulo 12 - Estilizando tabelas
  • Estrutura da Tabela
  • Agrupando Linhas da tabela
  • Interpretação do layout da tabela por navegadores
  • Estilo em Tabelas no CSS
Módulo 13 - Posicionamento dos Elementos
  • Compreendendo o posicionamento dos elementos
  • Tipos de posicionamento
  • Elementos de posicionamento
  • Criação de Tooltips
  • Menus suspensos
Módulo 14 - Trabalhando com Layouts
  • Introdução ao CSS Box Model
  • Definindo as dimensões do elemento
  • Preenchimentos e Margens
  • Mudança de layout com display
  • Visibilidade de controle
  • Elementos flutuantes
  • Criação de layouts em colunas usando float
  • Flexbox
  • Grid CSS
Módulo 15 - Media Queries
  • Compreendendo as Media Queries
  • Especificação de Media Queries
  • Configurando a janela de visualização
  • Tratamento de imagens com Media Queries
Módulo 1 - Introdução
  • Introdução ao desenvolvimento web e JavaScript
  • Como criar um aplicativo JavaScript
  • Incluindo JavaScript em páginas HTML5
  • Como testar e depurar um aplicativo JavaScript
Módulo 2 - Fundamentos de JavaScript
  • O console do Chrome
  • Comentários
  • Identificadores
  • Variáveis em JavaScript
  • Variáveis com let e const
  • Tipos de dados Primitivos
  • Palavras-chave
  • Palavras reservadas
  • Números
  • Operadores de atribuições
  • Operadores de comparação
  • Operadores aritméticos
  • Operadores lógicos
  • Strings
  • Operações de String
  • Convertendo de String em Número
  • Conversão de número em string
  • Controlar a ordem das operações
  • Concatenação e template strings 
  • Variáveis null e undefined
  • Booleanos
  • Objetos
  • Construtor de objeto e a palavra this
  • Modificar objetos
  • Destruição de Objetos
  • Métodos de Objeto
  • Junte dois objetos com o Spread Operator
  • Arrays
  • Métodos para arrays
  • Funções em JavaScript
  • Diferenças entre o tipo de funções
  • Diferença de método e função
  • Funções com parâmetros e argumentos
  • Funções que retornam valores
  • Funções anônimas 
  • Funções de callback
  • Funções nativas para manipular strings
  • Funções nativas para tarefas matemáticas
  • Funções nativas para manipular datas
  • Estruturas de controle
  • Condicionais - if, ifelse, else
  • Operadores de comparação (condicionais)
  • Operadores lógicos
  • Operador ternário
  • Condicionais - Switch 
  • Operadores aritméticos
  • For Loops
  • Loops – While, Do While e forEach 
  • Outros iteradores em JavaScript
  • Escopo de variáveis
  • Filtro, find e reduce em JavaScript
  • Eventos em JavaScript
  • Eventos de Mouse
  • Eventos de teclado
  • Eventos em formulários
  • Criação de um validador de formulário
  • O que são protótipos?
Módulo 3 - Orientação a objectos com Javascript
  • OOP - Classes em JavaScript
  • OOP - Herança
  • Tratamento de erros com try, catch, throw e finally
Módulo 4 - DOM
  • DOM básico
  • Navegando no DOM com o Chrome
  • Adicionando comandos no console
  • Verificar se o conteúdo está pronto
  • Seleção de conteúdo com JS getElementById
  • Seleção de conteúdo com JS getElementByClassName
  • Seleção de conteúdo com JS getElementSByTag
  • Seleção de conteúdo com JS querySelector
  • Seleção de conteúdo com JS querySelectorAll
  • Crie HTML com createElement
  • Nós
  • Criação de elementos
  • Elementos de Clonagem
  • Controlando inserções com insertbefore
  • Removendo Elementos
  • Substituindo Elementos
  • Tratamento avançado de eventos
  • Manipulação avançada de DOM
Módulo 5 - Ajax
  • O que é AJAX?
  • Exemplos de sites com Ajax
  • O que é XMLHttpRequest
  • Estados e propriedades em XMLHttpRequest
  • Carregando informações de um arquivo externo com AJAX
Módulo 6 - Outras habilidades de JavaScript
  • Como controlar o navegador da web
  • Como usar bibliotecas JavaScript
  • Promises em JavaScript
  • Notification API 
  • Async/Await
  • Como trabalhar com duas consultas de espera assíncronas?
  • Fetch API e exibir resultados de outro site com JavaScript
Módulo 1 - Introdução ao Bootstrap
  • Introdução
  • Estrutura do arquivo de bootstrap
  • Sistema de Grid padrão
  • Sistema de Grid de fluidos
  • Design Responsivo
Módulo 2 - Bootstrap CSS
  • Tipografia
  • Tabelas
  • Formulários
  • Botão
  • Imagens
  • Ícones 
Módulo 3 - Componentes de layout de bootstrap
  • Menus Dropdowns
  • Grupos de botões
  • Botão com Dropdowns
  • Elementos de navegação
  • Navbar
  • Paginação
  • Etiquetas
  • Badges 
  • Elementos Tipográficos
  • Thumbnails
  • Alertas
  • Barras de progresso
  • Objeto de mídia
Módulo 4 - Bootstrap com Plug-ins Javascript 
  • Model 
  • Dropdown 
  • Scrollspy 
  • Toggleable Tabs 
  • Tooltips 
  • Popover 
  • Alerts 
  • Buttons 
  • Collapse 
  • Carousel 
  • Typeahead
Módulo 5 - Usando Bootstrap
  • Customizando Bootstrap
  • Trabalhando com Bootstrap
 
 
 
 
 
 
 
 
 
 
 
 

Mais Formações & Certificações Treinp

Card Image
Programação
Programação Web com PHP e MySQL
Card Image
Programação
HTML5, CSS3, Javascript e Bootstrap Framework
Card Image
Base de Dados
Bootcamp Base de dados MySQL
Card Image
Office
Microsoft Word Avançado para Formatação de Projectos
Card Image
Sistemas Operativos
Administração de Servidores com Microsoft Windows Server 2019