Esta disciplina introduz o desenvolvimento web, com foco em HTML e CSS básicos, seguido por uma imersão em JavaScript, APIs e o uso de React para a criação de aplicações web dinâmicas. O curso terá uma abordagem prática, com desenvolvimento de projetos que evoluem ao longo das aulas.
- Teórica: 40h
- Prática: 40h
- Extensão: 8h
- A Distância: 16h
- Total: 80h
Desenvolver sites estáticos e aplicativos web dinâmicos, utilizando JavaScript e React, com foco em funcionalidades modernas e consumo de APIs.
- Especificar documentos utilizando HTML;
- Estilizar documentos utilizando regras de CSS;
- Implementar interatividade com JavaScript;
- Consumir APIs utilizando JavaScript;
- Desenvolver interfaces dinâmicas com React.
- Desenvolvimento web
- Aplicações cliente/servidor
- HTML e CSS básicos
- JavaScript para interatividade
- APIs e integração com back-end
- React (biblioteca front-end)
- SILVA, Maurício Samy. HTML5 - A Linguagem de Marcação que Revolucionou a Web. Novatec, 2011.
- NIEDERAUER, Juliano. Desenvolvendo Web Sites com PHP. Novatec, 2011.
- DALL'OGLIO, Pablo. Criando Relatórios com PHP - Inclui Exemplos Práticos. 2ª ed. Novatec, 2013.
- NORTH, Barrie M. Joomla! 1.5: Guia do Operador: Construindo um Site Web de Sucesso com Joomla!. 2ª ed. Alta Books, 2010.
- WEINMAN, Lynda; WEINMAN, William. Design Criativo com HTML 2: Um Guia Prático e Completo para Design na Web. Ciência Moderna, 2002.
- ALMEIDA, Adriano; SILVEIRA, Paulo. Lógica de Programação: Crie Seus Primeiros Programas Usando JavaScript e HTML. Casa do Código, 2012.
- Revisão rápida de HTML e CSS.
- Estrutura básica de uma página web.
- Criação de uma página simples com HTML e CSS.
- Introdução ao JavaScript: conceitos básicos (variáveis, tipos de dados e operadores).
- Inserção de scripts em páginas HTML.
- Manipulação básica do DOM (Document Object Model).
- Declaração e invocação de funções.
- Manipulação de eventos (click, submit, etc.).
- Validação simples de formulários com JavaScript.
- Criação e manipulação de arrays.
- Criação de objetos e acesso a propriedades.
- Iteração com loops (
for,while).
- Introdução a APIs e formatos de dados (JSON).
- Requisições HTTP usando
fetchAPI. - Manipulação e apresentação de dados recebidos.
- Revisão dos conteúdos abordados nas aulas 1 a 5.
- Apresentação de seminários pelos alunos.
- Discussão em grupo e feedback.
- Prova teórica e prática sobre os conteúdos das aulas 1 a 5.
- Conceitos fundamentais do React.
- Instalação e configuração do ambiente com
create-react-app. - Introdução ao JSX e criação do primeiro componente React.
- Componentes funcionais e composição de componentes.
- Sintaxe JSX detalhada e boas práticas na criação de componentes.
- Uso do
useStatepara gerenciamento de estado local. - Introdução ao ciclo de vida de componentes com o hook
useEffect.
- Passagem de dados entre componentes via
props. - Levantamento de estado (lifting state up) para comunicação entre componentes pai e filho.
- Consumo de APIs dentro de componentes React.
- Gerenciamento de estados de carregamento e erro durante a requisição.
- Apresentação dinâmica dos dados obtidos.
- Introdução ao
react-router-dom. - Criação de rotas e navegação entre páginas.
- Rotas aninhadas e passagem de parâmetros.
- Introdução a CSS Modules e estilização isolada para componentes.
- Introdução ao Styled Components e ao conceito de CSS-in-JS.
- Consumo de APIs para autenticação de usuários.
- Introdução a JWT (JSON Web Token) para controle de autenticação.
- Implementação de rotas protegidas com React Router.
- Gerenciamento de estados de autenticação em aplicativos React.
- Revisão dos conteúdos abordados nas aulas 8 a 16.
- Apresentação de seminários pelos alunos.
- Discussão em grupo e feedback.
- Prova teórica e prática sobre os conteúdos das aulas 8 a 13.
- Desenvolvimento do projeto prático individual (site pessoal).
- Finalização das atividades realizadas no AVA e sala de aula.
- Entrega e apresentação final do trabalho de extensão (site pessoal).
- Revisão dos conceitos com base nos trabalhos apresentados.
- Atribuição da Nota de Cara (comportamento, engajamento e participação).
- Utilize a documentação oficial do React como referência.
- Consulte a MDN Web Docs para aprofundar-se em JavaScript, HTML e CSS.
- Mantenha seu código organizado e comentado.
- Utilize ferramentas de versionamento, como Git, para controlar as versões do seu projeto.
- Pratique regularmente e explore recursos adicionais como FreeCodeCamp e W3Schools.
- Participação: A participação ativa nas aulas e nas atividades propostas é fundamental para o aproveitamento da disciplina.
- Prazos: Os trabalhos e projetos devem ser entregues nos prazos estipulados para que sejam considerados na avaliação.
- Recursos Adicionais: Fiquem atentos aos materiais complementares que serão disponibilizados ao longo do curso.
- Avaliações: As provas serão realizadas nas aulas 6 e 15, divididas em metade da aula para prova teórica e metade para prova prática.
- Revisão rápida de HTML e CSS.
- Estrutura básica de uma página web.
- Criação de uma página simples com HTML e CSS.
- Introdução ao JavaScript: conceitos básicos (variáveis, tipos de dados e operadores).
- Inserção de scripts em páginas HTML.
- Manipulação básica do DOM (Document Object Model).
- Declaração e invocação de funções.
- Manipulação de eventos (click, submit, etc.).
- Validação simples de formulários com JavaScript.
- Criação e manipulação de arrays.
- Criação de objetos e acesso a propriedades.
- Iteração com loops (
for,while).
- Introdução a APIs e formatos de dados (JSON).
- Requisições HTTP usando
fetchAPI. - Manipulação e apresentação de dados recebidos.
- Revisão dos conteúdos abordados nas aulas 1 a 5.
- Apresentação de seminários pelos alunos.
- Discussão em grupo e feedback.
- Prova teórica e prática sobre os conteúdos das aulas 1 a 5.
- Conceitos fundamentais do React.
- Instalação e configuração do ambiente com
create-react-app. - Introdução ao JSX e criação do primeiro componente React.
- Componentes funcionais e composição de componentes.
- Sintaxe JSX detalhada e boas práticas na criação de componentes.
- Uso do
useStatepara gerenciamento de estado local. - Introdução ao ciclo de vida de componentes com o hook
useEffect.
- Passagem de dados entre componentes via
props. - Levantamento de estado (lifting state up) para comunicação entre componentes pai e filho.
- Consumo de APIs dentro de componentes React.
- Gerenciamento de estados de carregamento e erro durante a requisição.
- Apresentação dinâmica dos dados obtidos.
- Introdução ao
react-router-dom. - Criação de rotas e navegação entre páginas.
- Rotas aninhadas e passagem de parâmetros.
- Introdução a CSS Modules e estilização isolada para componentes.
- Introdução ao Styled Components e ao conceito de CSS-in-JS.
- Consumo de APIs para autenticação de usuários.
- Introdução a JWT (JSON Web Token) para controle de autenticação.
- Implementação de rotas protegidas com React Router.
- Gerenciamento de estados de autenticação em aplicativos React.
- Revisão dos conteúdos abordados nas aulas 8 a 16.
- Apresentação de seminários pelos alunos.
- Discussão em grupo e feedback.
- Prova teórica e prática sobre os conteúdos das aulas 8 a 13.
- Desenvolvimento do projeto prático individual (site pessoal).
- Finalização das atividades realizadas no AVA e sala de aula.
- Entrega e apresentação final do trabalho de extensão (site pessoal).
- Revisão dos conceitos com base nos trabalhos apresentados.
- Atribuição da Nota de Cara (comportamento, engajamento e participação).
Observações:
- Certifique-se de estar presente nas datas das avaliações e de estar em dia com os conteúdos anteriores.
- Existe a possibilidade de ter alguma alteração, por poder haver algum feriado ou algo nesse sentido.