https://github.com/edijunior88/newtab_academy_projeto_guiado_javascript
Como fizemos no módulo anterior, agora que temos um entendimento inicial sobre o funcionamento dessa primeira linguagem de programação, iremos demonstrar um passo a passo de desenvolvimento de um projeto que a utiliza.
https://github.com/edijunior88/newtab_academy_projeto_guiado_javascript
javascript javascript-applications javascript-library
Last synced: over 1 year ago
JSON representation
Como fizemos no módulo anterior, agora que temos um entendimento inicial sobre o funcionamento dessa primeira linguagem de programação, iremos demonstrar um passo a passo de desenvolvimento de um projeto que a utiliza.
- Host: GitHub
- URL: https://github.com/edijunior88/newtab_academy_projeto_guiado_javascript
- Owner: EdiJunior88
- License: mit
- Created: 2022-01-22T23:17:04.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-02T16:17:58.000Z (about 2 years ago)
- Last Synced: 2025-01-22T19:24:13.691Z (over 1 year ago)
- Topics: javascript, javascript-applications, javascript-library
- Language: JavaScript
- Homepage: https://edijunior88.github.io/NewTab_Academy_Projeto_Guiado_JavaScript/
- Size: 43 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
NewTab Academy
Projeto Guiado (JavaScript)
Como fizemos no módulo anterior, agora que temos um entendimento inicial sobre o funcionamento dessa primeira linguagem de programação, iremos demonstrar um passo a passo de desenvolvimento de um projeto que a utiliza.
A seguir, temos novamente o escopo do projeto guiado que você irá desenvolver junto com nosso facilitador.
Link do projeto:https://edijunior88.github.io/NewTab_Academy_Projeto_Guiado_JavaScript/
Tecnologias Utilizadas
-
[JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
Para ver todas as tecnologias [clique aqui](/techstack.md)
Sobre o projeto
O objetivo é criar uma aplicação que tenha as seguintes funcionalidades:
- Duas páginas: cadastro e listagem.
- Estrutura da página:
- Topo com uma imagem da Newtab Academy
- Menu superior com os dois links das páginas
- Cadastro de novos candidatos.
- Cada registro possui os seguintes dados: Nome, Telefone, Experiência Prévia (Sim ou não).
- Validar o formulário para que todos os campos sejam preenchidos.
- Adicionar uma máscara no campo “Telefone”.
- Listagem de todos os candidatos respeitando a ordem de cadastro.
- Incluir o botão “Alterar” para poder editar um registro cadastro.
- Marcar os candidatos com experiência prévia com verde e os sem experiência com vermelho.
- A aplicação deverá ser responsiva.
- Persistir as transações no Local Storage.