/feii_CTD

Here you can follow my documentation of the Database course from Certified Tech Developer tech degree. Moreover, you will be able to check my assignments and chekpoints!

Primary LanguageJavaScript

Certified Tech Developer - Front II

Módulo 1: Bem-vindo e introdução ao Javascript em interfaces

Aula 1: Boas vindas

21 de fevereiro 2022 - segunda-feira

Fornecer uma abordagem do que será apresentado no módulo e uma breve revisão dos principais tópicos do Javascript aplicado em interface web.

Assíncrona

  • Introdução a disciplina
  • Origem do Javascript

Síncrona

  • DevTools: Console
  • Integrando Javascript em um documento HTML

Aula 2: Introdução ao Javascript em interfaces

22 de fevereiro 2022 - terça-feira

Apresentar os recursos do Chrome Devtools a partir de uma implementação de funcionalidades com a linguagem Javascript.

Assíncrona

  • for...in
  • for...of

Síncrona

  • alert(), prompt() e confirm()
  • if... else... *Veremos com mais calma esse recurso na próxima aula, mas foi apresentada uma visão minimalista do recurso.

Módulo 2: Manipulando o DOM

O módulo é dedicado à manipulação de elementos HTML em um site.

Aula 3: Introdução ao DOM

23 de fevereiro 2022 - terça-feira

Compreender o DOM (Document Object Mode) para começar a manipular seus elementos.

Assíncrona

  • Objeto Window
  • Objeto Document
  • Selecionando elementos

Síncrona

  • Objeto Window
  • Objeto Document
  • Selecionando elementos
  • Variáveis - Apenas var

Aula 4: Modificar elementos com Javascript

07 de março 2022 - segunda-feira

O conhecimento sobre manipulação do DOM é expandido, mas desta vez trabalhando com estilos dos elementos do documento.

Assíncrona

  • Manipulando o DOM
  • Template literal
  • Propriedade style
  • Propriedade classList
    • add()
    • remove()
    • toggle()
    • contains()

Síncrona

  • Propriedade style
  • Propriedade classList
    • add()
    • remove()
    • toggle()
  • Condicionais if, else if, else

Aula 5: Trabalhando com nós

08 de março 2022 - terça-feira

Compreender o que são nós, quais recursos e como utilizá-los para manipular os nós.

Assíncrona

  • Nós
    • Criar
    • Adicionar
    • Remover
  • Manipulando atributos
    • getAttribute()
    • setAttribute()
    • hasAttribute()
    • removeAttribute()

Síncrona

  • Manipulando atributos
    • getAttribute()
    • setAttribute()
    • hasAttribute()
    • removeAttribute()

Módulo 3: Web reativa

Com base na interação do usuário, acione diversos recursos para gerar dinamismo a uma aplicação web.

Aula 6: Revisão + Introdução a eventos

09 de março 2022 - quarta-feira

Compreender a parte dinâmica do Javascript, introdução a programação reativa.

Revisamos:

  • Objeto Window
  • Objeto Document
  • Selecionando elementos
    • getElementById()
    • querySelector()
    • querySelectorAll()
    • getElementByClassName()
  • Nós
    • Criar
    • Adicionar
    • Remover
  • Manipulando atributos
    • getAttribute()
    • setAttribute()
    • hasAttribute()
    • removeAttribute()

Aprendemos:

  • addEventListener()
    • Evento click
  • target.onclick = function() {}
  • Funções
    • () => {}
    • function() {}

Aula 7: Eventos

14 de março 2022 - segunda-feira

Estudar como podemos acionar diferentes procedimentos com base nas interações que o usuário tem com os elementos da aplicação web.

Assíncrona

  • Quais são os eventos?
    • Eventos do mouse
    • Eventos do teclado
    • Eventos de tempo - Esse evento não foi apresentado no Playground

Síncrona

  • Eventos do mouse
    • click
    • dblclick
    • mouseover
    • mouseout
    • mousemove Não foi apresentado em aula, apenas citado
  • Eventos do teclado
    • keydown
    • keyup
    • keydown
    • keypress

Aula 8: Disparando eventos

15 de março 2022 - terça-feira

Eventos que disparam funções.

Revisado

  • addEventListener()
    • Evento click
  • target.onclick = function() {}
  • Funções
    • () => {}
    • function() {}
  • Eventos do mouse
    • `click``
    • dblclick
    • `mouseover``
    • `mouseout``
    • mousemove Não foi apresentado em aula, apenas citado
  • Eventos do teclado
    • keydown
    • keyup
    • keydown
    • keypress

Módulo 4: Validação do lado do cliente

Tendo trabalhado com os elementos de formulário, chega hora de validar os dados com os recursos ensinados anteriormente.

Aula 9: Primeira entrega

16 de março 2022 - quarta-feira

Revisão dos tópicos vistos e apresentação dos recursos do produto entregável (avaliação).

  • Método de entrega
  • Forma de avaliação
  • Requisitos de entrega

Aula 10: Formulários I

21 de março 2022 - segunda-feira

Como capturar os elementos de um formulário e manipular seus valores.

  • Anteriormente em Programação Imperativa
    • Objetos literais
    • Métodos de strings
  • Obtendo dados de um formulário
    • Label
    • Input (value)
    • Textarea
    • Select
    • Radio button
    • Check box
  • Outros métodos de strings
    • trim()
    • toUpperCase()
    • toLowerCase()
    • concat()
    • replace()

Aula 11: Formulários II - Como validar?

22 de março 2022 - terça-feira

Compreenda quais eventos podem ser utilizados na interação do usuário e enviar respostas visuais para validar os dados inseridos.

  • Eventos de formulário
    • focus()
    • blur()
    • change()
    • submit()
    • preventDefault()
  • Validação do cliente
  • Validação assíncrona
    • setTimeOut() para imitar “promises”
  • Objeto Location
    • href
    • reload()
    • search()
    • URLSearchParams
    • query.has()
    • query.get()

Aula 12: JSON e storage

23 de março 2022 - quarta-feira

Compreender a importância do JSON na comunicação web e como podemos armazenar informações no navegador.

  • Anteriormente em Programação Imperativa
    • JSON
  • Session Storage e Local Storage
  • Praticando em um formulário de login

Aula 13: Revisão + Aplicativo To-Do

28 de março 2022 - segunda-feira

Apresentação do projeto integrador.


Módulo 5: Assincronismo e APIs

Entendendo as particularidades das requisições assíncronas e aproveitando as vantagens de consumir APIs (Application Programming Interface).

Aula 14: Introdução às requisições assíncronas

29 de março 2022 - terça-feira

Revisão sobre o que são requisições assíncronas e compreensão de como funciona a comunicação web.

  • Anteriormente em Programação Imperativa
    • Promessas
    • async/await
    • Arquitetura cliente-servidor
  • Request e Response
  • Métodos HTTP
  • Status (200, 300, 400, 500)

Aula 15: API(s) I

30 de março 2022 - quarta-feira

Compreender o que é uma API e conhecer os principais recursos que o Javascript oferece de forma nativa para o desenvolvimento de aplicações.

  • O que é API?
    • REST
    • Documentação
  • Fetch (GET)
  • try, catch, finally
  • APIs públicas

Aula 16: API(s) II

04 de abril 2022 - segunda-feira

Explorar os recursos da linguagem Javascript responsáveis por enviar e receber dados de uma API.

  • Fetch
    • Método POST
    • Método PUT
    • Método DELETE
  • Postman

Aula 17: App To-Do - Documentação

05 de abril 2022 - terça-feira

Documentando a aplicação To-Do.

Aula 18: App To-Do - Fluxo de trabalho

06 de abril 2022 - quarta-feira

Definindo as funcionalidades da aplicação To-Do.

Aula 19: App To-Do: Segurança

11 de abril 2022 - segunda-feira

Operações de CRUD (Create, Read, Update e Delete); Importância e conceitos sobre o Token JWT.


Módulo 6: Prática de implementação, animações e importação de bibliotecas

Colocar em prática os últimos tópicos aprendidos sobre o aplicativo de tarefas (To-Do). Serão explorados o uso de animações, importação e utilização de bibliotecas de terceiros para enriquecer a experiência do usuário ao navegar na aplicação web

Aula 22: To-Do App - MVP

12 de abril 2022 - terça-feira

Apresentação do projeto integrador. Prática de apresentação de um projeto.

Aula 23: Animações

13 de abril 2022 - quarta-feira

Estimular formas criativas de uso dos recursos de animação anteriormente abordados, para melhorar a experiência do usuário na aplicação.

  • Animações CSS e eventos
  • Tela de pré-carregamento

Aula 24: To-Do App: Melhorias na experiência do usuário (UX)

18 de abril 2022 - segunda-feira

Register spinner. Login spinner. Tasks skeleton.

Aula 25: Avaliação final

19 de abril 2022 - terça-feira

Aula dedicada à segunda e última avaliação da disciplina.

Aula 26: Bibliotecas

20 de abril 2022 - quarta-feira

Apresentar exemplos de bibliotecas de terceiros mais populares e compreender o processo de instalação na aplicação. Apresentação sobre React, assim como recursos e vantagens do framework.

  • Bibliotecas
    • Chart.js
    • Sweet Alert 2
    • Anime.js
    • AOS
  • Introdução ao Framework React



Nota: O calendário de aulas poderá sofrer alterações sempre que necessários, portanto serve apenas como uma orientação do plano de curso para nosso cronograma interno.