0% acharam este documento útil (0 voto)

23 visualizações11 páginas

Ementa Desenvolvimento

Enviado por

Evaldo Pereira

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

23 visualizações11 páginas

Ementa Desenvolvimento

Enviado por

Evaldo Pereira

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 11

PROGRAMAÇÃO WEB

80h

EMENTA

Conhecer os conceitos sobre a Internet; A linguagem de marcação de texto

HTML; Fundamentos do HTML; Marcadores HTML; Atributos HTML;
Hipertextos e hipermídias; Fundamentos de CSS; Elementos do CSS;
Aplicação de CSS; conhecer os novos elementos do HTML5, como utilizá-los e
boas práticas; as novas regras e propriedades do CSS3; apresentar os
fundamentos de JavaScript como linguagem de programação para
navegadores;

OBJETIVOS

Objetivo Geral:

Conceitos e estruturação com linguagem de marcação HTML, layouts com folhas

de estilo CSS e eventos com Javascript.

Objetivos Específicos:

● Interpretar códigos-fonte na linguagem HTML;

● Compreender os conceitos da linguagem de marcação HTML5;
● Compreender como organizar seu conteúdo HTML5 usando corretamente
as estruturas semânticas da linguagem;
● Compreender a importância da boa estruturação de páginas HTML 5 para
auxiliar na indexação por parte das ferramentas de busca;
● Construir folhas de estilo em cascata;
● Estilizar páginas web usando a linguagem CSS;
● Aperfeiçoar o layout de sites usando o CSS;
● Criar efeitos com CSS3;
● Interpretar códigos-fonte na linguagem Javascript;
● Compreender os conceitos da linguagem Javascript e Typescript;
CONTEÚDO

1. Introdução a linguagem de marcação HTML

1.1 Um pouco sobre internet e a Web
1.2 História do HTML
1.3 A Linguagem HTML
1.3.1. O que é e como funciona a linguagem HTML
1.3.2. Estrutura do documento HTML
1.3.3. Semântica, TAGs e atributos
. 1.4 Cabeçalho, Parágrafos e quebras de linha
1.4.1. Cabeçalho
1.4.2. Parágrafos
1.4.3. Quebra de linha
1.4.4. Linhas horizontais
1.5 Formatação de Texto
1.4.1. Negrito, itálico, sublinhado e tachado
1.4.2. Texto pré-formatado
1.4.3. Símbolos especiais
1.6. Imagem
1.6.1. O marcador IMG
1.6.2. Atributos
1.7. Listas
1.7.1. Ordenadas
1.7.2. Não Ordenadas
1.7.3. De Definição
1.8. Links
1.8.1. URL
1.8.2. Âncora
1.8.3. Navegação
1.8.4. Download
1.9. Agrupamentos de elementos
1.9.1. Agrupamento/destaque em linha (span)
1.9.2. Agrupamento de elementos (div)
1.10. Tabelas e suas importância
1.10.1. O que são, sua importância e seu uso

1.10.2. Table

1.10.3. Linha e Coluna

1.11. Formulários

1.11. 1. O que são, para que serve e exemplos

1.11. 2. Form

1.11. 3. Entrada de dados

1.11. 4. Atributos únicos e comuns entre tags

1.11. 5. Seleções

1.11. 6. Caixas de Marcação

1.11. 7. Botões

1.12. Iframe

2. Linguagem de marcação HTML 5

2.1. Diferença entre HTML e HTML 5
2.1.1. Versões e Principais Diferenças - Evoluções

2.1.2. Vantagens da Linguagem HTML

2.2. Introdução ao HTML 5 e Semântica

2.2.1. Importância das TAGS e de sua Web Semântica

2.2.2. Header

2.2.3. Nav

2.2.4. Main

2.2.5. Aside

2.2.6. Article

2.2.7. Section
2.2.7. Footer

2.3 Novos Elementos para Formatação de Texto

2.3.1. Importante

2.3.2. Destaque

2.3.3 Menor

2.3.4. Marcado

2.3.5. Excluído

2.3.6. Inserido

2.3.7. subscrito e sobrescrito

2.4. Estruturação de tabelas

2.4.1. Cabeçalho, corpo e rodapé

2.4.2. Atributos e Acessibilidade

2.4.3 Colunas de grupo

2.5. Conteúdo

2.5.1. Áudio

2.5.2. Vídeo

2.5.3 Figuras

2.6. Novos tipos de campos HTML5

2.6.1. Campo Email

2.6.2. Campos Search

2.6.3. Campo Number

2.6.4. Campo Tel

2.6.5. Campos Color

2.6.6. Campo Range

2.6.7. Campos de data, hora, mês e semana

2.6.8. Campo URL

2.6.8. Campo File

3. Layout de páginas com CSS

3.1. Introdução ao CSS

O que posso fazer com CSS

3.2. Método

3.2.1. Inline

3.2.1. Interno

3.2.1. Externo

3.3. Estrutura de código

3.3.1 Seletores, Propriedades e valores

3.4.1. Cores e fundo

3.4.1. Background-color

3.4.2. Background-image

3.4.3. Background-attachment

3.4.4. Background-attachment

3.4.5. Background-position

3.4.6. Compilando

3.5. Formatação

3.5.1. Famílias de fonte

3.5.2. Tamanho de fonte

3.5.3. Estilo da fonte

3.5.4 Peso da fonte

3.6. Textos

3.6.1. Cores de texto

3.6.2. Alinhamento de textos

3.6.3. Decoração de textos

3.6.4. Transformação de textos

3.7. Links

3.7.1. O que é pseudo-classe

3.7.2. Pseudo-classe:link

3.7.3. Pseudo-classe:visited

3.7.4. Pseudo-classe:active

3.7.5. Pseudo-classe:hover

3.8. Identificando e agrupando elementos

3.8.1. Agrupando elementos com uso da classe

3.8.3. Identificando um elemento com uso da id

3.8.4. Agrupando elementos (div e span)

3.9. Box Model

3.9.1. O que é e como funciona

3.9.2. Margin

3.9.2. Padding

3.10. Bordas

3.10.1. Espessura das bordas

3.10.2. Cores das bordas

3.10.3. Tipos de bordas

3.11. Altura e largura

3.11.1. Width

3.11.2. Height

3.12. Flutuando elementos

3.13. Princípio de posicionamento

3.13.1. Estático

3.13.2. Relativo
3.13.3. Fixo

3.13.4. Absoluto

3.14. Camadas z-index

3.15. Display

3.15.1 Display inline

3.15.2 Display block

3.15.3 Display inline-block

3.15.4 Display none

3.15. Flexbox CSS3

3.15.1 Conceito

3.15.2 Display flex

3.15.3 Flex-direction

3.15.4 Flex-wrap

3.15.5 Justify-content

3.15.6 Align-items

3.15.7 Align-content

3.15.8 Order

3.15.9 Align-self

3.16. Animations

3.16.1 @keyframes

3.16.2 Propriedade from

3.16.3 Propriedade to

3.16.4 Animation-name

3.16.5 Ciclos de duração (0% - 100%)

3.16.6 Animation-duration

3.16.6.1 Ease

3.16.6.2 Ease-in
3.16.6.3 Ease-out

3.16.6.4 Ease-in-out

3.16.6.5 Linear

3.16.6.6 Cubic-bezier

4. Javascript

4.1. O que é o javascript

4.1.1. ECMAScript

4.1.2. Diferença entre Javascript e ECMAScript

4.2. Papel do JavaScript no contexto cliente (front-end)

4.3. Variáveis

4.4.1. Var

4.4.2. Let

4.4.3. Const

4.4.4. Tipagem dinâmica

4.4.5. Estrutura de dados

4.4.5.1 Tipos de dados

4.4.5.1.1. Boolean

4.4.5.1.2. String

4.4.5.1.3. Number

4.4.5.1.4. Null

4.4.5.1.1. Undefined

4.4.5.2 Concatenação

4.4.5.1.Template string

4.5. Operadores

4.5.1. Operadores de comparação

4.5.2. Operações matemáticas

4.5.3. Operadores lógicos

4.6. Estruturas condicionais

4.6.1. If/else

4.6.2. Switch

4.6.3. If ternário

4.7. Estruturas de repetições

4.6.1. While

4.6.2. Do while

4.6.3. For

4.8. Eventos

4.10.1. Eventos utilizando mouse

4.10.2. Eventos utilizando teclado

4.10.3. Eventos utilizando janela

4.10.4. Eventos utilizando formulários

METODOLOGIA

A disciplina será ministrada em aulas teóricas e práticas, podendo-se utilizar,

dentre outros métodos de ensino, tais como: trabalhos de equipes, exercícios
programados, seminários, exposições dialogadas, grupos de discussão, leitura e
discussão de textos e dinâmicas de grupo, apresentação de vídeos e filmes.

BIBLIOGRAFIA

Bibliografia Básica

MIRANDA, Ana Paula. Website Com Dreamweaver - Css3 E Html 5.

Brasil: Visual Books, 2012.

ROBBINS, Jennifer Niederst. Aprendendo Web Design. 3ª Ed. Porto

Alegre: Bookman, 2010.

SILVA, Maurício Samy. Html5 - A Linguagem da Marcação Que

Revolucionou a Web. São Paulo: Novatec, 2012.

Bibliografia Complementar

LEMAY, Laura. Aprenda a Criar Páginas Web com HTML e XHTML em 21

dias. 3ª Ed. São Paulo: Pearson, 2002.

MEYER, Eric A. Smashing CSS – Técnicas Profissionais para um Layout

Moderno. Bookman, 2011.

ABREU, Luis. Html 5. 2ª ed. Lidel – Zamboni. 2012.

Silva, M. S. Javascript - Guia do Programador. Novatec.

Powers, S. Aprendendo Javascript. Novatec

Rodolfo Sena da Penha
Coordenador da Educação Profissional – COEDP

Maria Alves de Melo

Célula do Desenvolvimento Curricular e do Ensino Técnico - CEDET

Renanh Gonçalves de Araújo

Coordenador Técnico Pedagógico Eixo: Informação e Comunicação

Equipe de Elaboração
Carlos Elmen Gerônimo de Andrade
Francisco Aglayrton de Araújo Julião
Renanh Gonçalves de Araújo

Núcleo Docente Estruturante - NDE

Aloísio Silva de Sousa - EEEP Professora Luíza de Teodoro Vieira
Carlos Elmen Gerônimo de Andrade – EEEP Dona Creusa do Carmo Rocha
Carlos Estevão Bastos Sousa – EEEP José Vidal Alves
Carlos Henrique Rodrigues de Sousa - EEEP Joaquim Albano
Claudete de Sá Rodrigues – EEEP – Aderson Borges
Erlânio Freire Barros – EEEP Professor Plácido Aderaldo Castelo
Francisco Aglayrton de Araújo Julião – EEEP Adolfo Ferreira
Francisco Lourisval de Araújo – EEEP Mário Alencar
Francisco Marcelo Alves de Araújo – EEEP Joaquim Filomeno Noronha
Herbert Henry Silva Carmo – EEEP Manoel Mano
João Paulo Rodrigues Mororó – EEEP Dário Catunda Fontenele
João Paulo Saboya Furtado – EEEP Ícaro de Sousa Moreira
Pryscilla de Sousa Pereira - EEEP Marwin
Renanh Gonçalves de Araújo - SEDUC
Rodrigo França de Menezes – EEEP Rita Aguiar Barbosa