Curso de HTML, CSS e JavaScript

Duração: 40h | Porto Alegre/RS

Curso em ambiente digital

Com o curso de HTML, CSS e JavaScript, o aluno dará seus primeiros passos rumo a criação de websites modernos utilizando os padrões (HTML, CSS e JS) que definem como a informação da página web deve ser apresentada no seu navegador/browser.

- Na primeira etapa do curso, o foco será no aprendizado das tecnologias HTML e CSS, desde conceitos iniciais até os mais avançados, abrangendo HTML5 e CSS3, versões que trazem uma infinidade de novos recursos e funcionalidades, antes só possíveis através de tecnologias mais complexas. Esta etapa visa ensinar o aluno a desenvolver um site moderno, de forma completa.

- A segunda etapa do curso é focada na linguagem de programação JavaScript, tecnologia que possibilita a implementação de uma infinidade de recursos que aprimoram, complementam e otimizam o funcionamento de páginas web. Esta tecnologia é responsável pela criação de recursos para a validação de formulários, interfaces flexíveis com interatividade, mensagens de alerta e confirmação, APIs e a criação de conteúdo dinâmico. Tais funcionalidades são abordadas no curso, exemplificadas e elaboradas na prática pelo aluno.

Com a conclusão do curso de HTML, CSS e JavaScript, o aluno estará apto a criar websites modernos, aprendendo a manipular o HTML e CSS em sites criados do zero ou através de templates HTML ou sistemas CMS, como WordPress e Joomla. Além disto, aluno será capaz de ler e compreender um código JavaScript, manipular objetos (HTML e CSS) com DOM - Document Object Model, assim como, controlar eventos e muito mais!

- Elaborar páginas web através dos padrões web – HTML, CSS e JavaScript
- Conhecer o funcionamento da web e do protocolo HTTP - Hypertext Transfer Protocol
- Conhecer as tags e o funcionamento da tecnologia HTML
- Implementar a sistemática de hiperdocumentos (navegação entre páginas)
- Dominar o uso de elementos tabulares (tabelas) em documentos web
- Criar formulários na web e formatar conteúdo textual de maneira rica e completa
- Trabalhar com os novos recursos, funcionalidades e modelos de conteúdo do HTML5 e CSS3
- Analisar o suporte atual pelos navegadores/browser e aprender estratégias de uso
- Introduzir o JavaScript: aspectos de segurança e dependência de aplicações cliente
- Manipular elementos que compõe a página da web (HTML e CSS)
- Entender os fundamentos de programação utilizando a sintaxe do JavaScript
- Criar, alterar e manipular conteúdo dinâmico em páginas web
- Entender a sistemática da JS DOM - JavaScript Document Object Model
- Entender o conceito de Objetos: propriedades, métodos de objetos comuns e prototipação

- Curso TargetTrust de Lógica de Programação ou conhecimento similar

- Estudantes
- Programadores
- Desenvolvedores Web
- Empreendedores
- Profissionais interessados no assunto
- Analistas de Sistemas

1. Sobre a Web
- História
- W3C – World Wide Web Consortium

2. Criando um documento HTML

3. Formatando um documento HTML
- A Semântica das novas Marcações
- Ênfase e Força
- Parágrafos
- Quebra de Linha
- Linhas Horizontais
- Comentários
- Pré-formatado
- Imagens
- Listas
- Links
- Tabelas
- Tag SPAN
- Tag DIV
- Tag CANVAS
- Tag SECTION
- Tag ARTICLE
- Tag NAV
- Tag ASIDE
- Tag FOOTER
- Tag HEADER
- Tag TIME
- Tag MARK
- Sopa de Tags
- Tag METER
- Tag DETAILS
- Tag SUMMARY
- Tag PROGRESS
- Tag FIGURE
- Tag FIGCAPTION
- Tag AUDIO
- Tag VIDEO

4. CSS
- Introdução
- Unidades de Medida
- Atributo style
- Tag style
- Arquivo externo
- Seletor por elemento (tag)
- Seletor por ID
- Seletor por classe
- ::before
- ::after
- ::first-child e ::last-child
- Propriedade content
- Atribute selector
- Target selector
- nth-child selector

5. Formulários HTML
- Tag INPUT
- Tag SELECT
- Tag TEXTAREA
- O Atributo PATTERN
- Atribuições Novalidate
- Atributo Formnovalidate
- Custom Validators
- Autofocus
- Placeholder
- Required
- Autocomplete

6. Propriedades CSS
- CSS box model
- Posicionamento CSS
- background-color
- background-image
- Múltiplos backgrounds
- background-size
- background-origin
- background-clip
- Color
- Opacity
- Shadow
- border-image
- border-radius
- gradientes
- currentcolor

7. Formatando Texto CSS
- Links
- text-align
- text-decoration
- text-transformation
- word-wrap
- font-family
- font-style
- font-size
- @font-face
- text-overflow

8. CSS Transition
- Translate
- Skew
- Rotate
- Scale
- Múltiplas Transformações

9. CSS Animation
- Introdução
- Propriedades CSS Animations
- Animations VS Transitions

10. JavaScript - Fundamentos
- Declarando Variáveis
- Âmbito das Variáveis
- Topos de Dados
- Números
- Nulo
- Operadores

11. Estruturas de Seleção
- if...
- if...else
- switch

12. Estruturas de Repetição
- While
- Do While
- For…In
- For
- Break
- Continue

13. Funções
- Introdução
- Escrevendo Funções
- Parametros
- Retornando Valores

14. Core JavaScript
- Objeto String
- Objeto Math
- Objeto Number
- Objeto Datetime
- O Objeto Style
- Objeto Array
- Arrays Multidimensionais
- Iniciação de Arrays
- Métodos para Array

15. DOM e HTML5
- Acesso Hierárquico
- Acesso Utilizando o Atributo Name
- Acesso Utilizando o Método getElementById( )
- Acesso Utilizando o Método getElementsByName( )
- Acesso Utilizando o Método getElementsByTagName( )
- Acesso Utilizando o Método getElementsByClassName( )
- Acesso Utilizando o Método getSelection( )
- Métodos de Manipulação HTML

16. Eventos
- Eventos de Janela
- Eventos de Formulário
- Eventos de Teclado
- Eventos de Manipulação do Mouse
- Eventos Multimídia

17. Controles de Janela
- Window
- Temporizadores
- Cookies

18. Manipulando Formulários
- Input Type Submit, Reset e Button
- Input Type Text, Password, File, Hidden e Textarea
- Input Type Radio e Checkbox
- Select
- Validação de Formulários
- Custom Validators
- Objeto Formdata

20. As API'S do HTML5
- Histórico de Sessão
- Geolocation
- Aplicações Off-line
- Notification
- File API
- Web Storage

Extra
- HTML5 Boilerplate
- YUI3 CSS Reset
- Eric Meyer CSS Reset

Entre em contato

próximas turmas

11/02
Sábado Integral: 8:30 às 12:30 e 13:30 às 17:30
08/03
Noite: 18:45 às 22:45
13/03
Manhã: 8:30 às 12:30

instrutores

depoimentos

"Professor Cícero atencioso e com muito domínio sobre o assunto! O curso passa conhecimento suficiente para iniciar a montagem de um site."
Franciele Constante
"Excelente curso e instrutor! Recomendo!"
João Bilefel

conheça também