Aula 0 – Apresentação da Disciplina
Quem sou eu?
Ezéfferth Chlysman Araujo Fernandes
- Engenheiro de Computação
- Pós-Graduado em Governança de TI
- Pós-Graduado em Engenharia de Software
- Mestrando em Computação Aplicada
Apresentação da Disciplina
- Disciplina: Fundamentos de Desenvolvimento Web
- Carga Horária: 80h
- Ementa: Fundamentação para desenvolvimento do front-end de aplicações para cliente Web. Linguagem de marcação HTML. Linguagem de estilo para web CSS, Javascript, Ajax, JSON, JQuery e APIs de HTML5.
Objetivos
- Gerais: Garantir aos alunos conhecimentos de conteúdos específicos de HTML, CSS e JavaScript, além de possibilitar o desenvolvimento de um projeto de página web com os conceitos aprendidos em sala.
- Específicos: Possibilitar que o aluno construa uma página em HTML e deixe o layout responsivo e mais intuitivo usando os conceitos de CSS, além de compor a página com JavaScript para dinamizar o conteúdo.
Competências e Habilidades
Ter a capacidade de desenvolver aplicações Web completas utilizando HTML, além de deixar a página mais dinâmica com o CSS e JavaScript.
Conteúdo Programático
1. Introdução ao Desenvolvimento Web
- O que é a Internet?
- Histórico da Internet no Brasil
- Conexões
- WWW
- O que é Hipertexto?
- Navegação na Internet
- O que é Site?
2. Fundamentos de HTML
- A Linguagem de Hipertextos
- Uma Página Web Simples
- Tags Básicas
- Corpo do Texto
- Atributos
- Controle de Quebra de Linha
3. Formatação de Textos
- Títulos do Texto
- Atributos de Texto
- Paleta de Cores do Browser
- Pré-Formatação
- Formatações Lógicas
- Estilos Físicos
4. Parágrafos e Listas
- Parágrafo
- Bloco de Texto
- Divisão de Texto
- Listas
5. Links e Imagens
- Links
- Manipulação de Imagens
6. Tabelas
- Atributos
- Definição das Áreas da Tabela
7. Frames
- O que é Frame?
8. Formulários
- Controle de Formulários
- Entrada de Dados
- Área de Texto
- Lista
- Grupos de Itens
9. Entenda a CSS
- O que é um estilo?
- O que é a folha de estilo em cascata?
- Versões de Regras da CSS
- As partes de uma regra CSS
- Tipos de Tags HTML
10. CSS
- Controle de fonte
- Controle de texto
- Controle de listas e Mouse
- Controle de cor e fundo
- Controle de borda e margem
- Controle de posicionamento
- Controle de visibilidade
11. JavaScript
- O que é JavaScript
- O que você pode fazer com JavaScript
- Conceitos Básicos
- Variáveis, Strings e Matrizes
- Condicionais e Loops
- Eventos e Funções
- Trabalhando com Janelas
- Manipulação de Imagens
- Trabalhando com Formulários
12. React
- O que é React e por que foi criado
- Componentização: dividir a interface em partes independentes
- JSX: sintaxe semelhante ao HTML dentro do JavaScript
- Props: passagem de dados entre componentes
- State: gerenciamento de estado interno
- Hooks essenciais (useState, useEffect)
- Renderização declarativa
- Árvore de componentes
- Virtual DOM: atualização eficiente da interface
- Ciclo de vida de componentes (modo moderno, via Hooks)
- Eventos e manipulação de elementos
- Comunicação entre componentes (pai → filho, filho → pai)
- Reutilização de componentes e boas práticas
- Integração com APIs externas (fetch / axios)
- Gerenciamento de estado em aplicações maiores (Context API)
Metodologia
O aluno é capacitado a desenvolver aplicações Web completas por meio de aulas teóricas e práticas em laboratório. Serão utilizados ATOM Text Editor, Xampp e NetBeans. O Google Classroom será utilizado para disponibilização de atividades, listas de exercícios e avaliações.
Critérios de Avaliação
1º Bimestre
- Média do Classroom (MC)
- Prova Teórica (P1)
- Avaliação de Desenvolvimento Integrada (ADI)
Fórmula: M1 = (MC * 0,3 + P1 * 0,5) + ADI
2º Bimestre
- Atividades Práticas (AT)
- Orientações (PO)
Fórmula: M2 = AT * 0,8 + PO
Provas Substitutivas
- 1º Bimestre: substitui apenas prova teórica
- 2º Bimestre: atividade extra valendo até 10