ÁREA
Tecnologia da Informa
CARGA HORÁRIA
80 horas
PERÍODO DE REALIZAÇÃO DO CURSO
21 dias a partir da data de inscrição
UNIDADE
Escola Senai "Anchieta"
Rua Gandavo, 550 - Vila Mariana | São Paulo CEP: 04023-001
TELEFONE
11 5908-9150
E-MAIL
senaianchieta@sp.senai.br
TURMA(S)
VALOR
Gratuito
Resumo
O curso capacita o aluno no desenvolvimento de Interfaces Web através das tecnologias
HTML5, CSS3 e JavaScript. O aluno desenvolverá um projetos responsivo (site que responde
à resolução da tela, independente do tamanho) baseados em layout feito por um designer,
bem como a manipulação dinâmica da página web através da linguagem JavaScript,
consumindo dados vindos de um servidor web.
Requisito
O aluno deverá, no início do curso, ter no mínimo 16 anos de idade.
O aluno deverá estar cursando o Nível Fundamental a partir da 6 ª série/ano.
Ter feito o curso INTRODUÇÃO À INFORMÁTICA + OFFICE 2016 ou comprovar conhecimentos e experiências anteriores referentes à Informática Básica adquiridos em outros cursos, no trabalho ou em outros meios informais.;
turmas disponíveis
Programação do Curso
HTML
Estruturas de um documento HTML
Tags de cabeçalho, títulos e parágrafos
Tags de lista, tabelas e imagens
Conceito de Containers em bloco ou inline - divs e spans
Semântica em documentos HTML - header, main, footer, nav, section, article, aside,
strong, etc
CSS
Estilização com CSS
Seletores CSS - id, class, universal, pseudo-classes, etc
Box-Model, Box-Sizing,Criação de layouts com float hacks para resolver seus
problemas com elementos flutuantes
Técnicas de posicionamento dos elementos por camadas com z-index e position
Background, bordas e sombras
Fontes, cores, opacidade e gradientes
Utilização de Ícones (Font Awesome) e Google Fontes
Técnicas de desenvolvimento responsivo com viewport, e media queries
Flexbox aplicação de técnicas e desenvolvimento de layout para a aplicação dos
conceitos abordados
JAVASCRIPT
Introdução à linguagem JavaScript
tipos de dados na linguagem JavaScript - string, number, boolean, object; infinity, array
Operadores da linguagem JavaScript
Comentários na linguagem JavaScript
Estruturas if, if else, if else if else
Debug da linguagem no Developer Tools do Chrome;
Laços while e for com break e continue
Function
Array
Object
JAVASCRIPT CORE
Manipulação de dados utilizando as apis do core JavaScript: Array, Boolean, String,
Date, JSON, Math, Number
DOM - DOCUMENT OBJECT MODEL
Introdução ao DOM
Manipulação dinâmica de HTML utilizando DOM Document
Manipulação de Eventos da página com DOM Event
Manipulação de CSS com DOM Style
Promessas em JavaScript
Requisições assíncronas com Fetch API (AJAX)
ECMASCRIPT - JAVASCRIPT MODERNO
Classes
Const e let
Operações em arrays
Arrow Functions
Template Literals
Transpilação de código com Babel
Configuração de servidor hot reload com Webpack