Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/edijunior88/newtab_academy_projeto_guiado_css

A seguir, temos o escopo do projeto guiado que você irá desenvolver junto com nosso facilitador. O foco é apenas no HTML/CSS. Você pode fazer algumas personalizações caso queira, mas o importante é adquirir essa prática acompanhada agora, e no próximo projeto conseguir desenvolver um código 100% seu
https://github.com/edijunior88/newtab_academy_projeto_guiado_css

css css3 guiado html html5 project projeto

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/edijunior88/newtab_academy_projeto_guiado_css
Owner: EdiJunior88
License: mit
Created: 2021-12-24T23:21:36.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-05-02T16:50:16.000Z (8 months ago)
Last Synced: 2024-05-03T02:03:00.530Z (8 months ago)
Topics: css, css3, guiado, html, html5, project, projeto
Language: HTML
Homepage: https://edijunior88.github.io/NewTab_Academy_Projeto_Guiado_CSS/
Size: 29.3 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 (CSS)

Agora que temos um entendimento inicial sobre o funcionamento de cada linguagem, iremos demonstrar um passo a passo de desenvolvimento de um projeto que as utiliza.

Você verá a seguir o Fernando Duro desenvolver em tempo real esse projeto. Inclusive sem grandes edições, vai ver que mesmo um desenvolvedor com grande experiência como ele ainda precisa testar e ajustar algumas coisas conforme vai fazendo. A intenção é que você realmente acompanhe como se estivesse ali ao lado dele.

Link do projeto do curso: https://edijunior88.github.io/NewTab_Academy_Projeto_Guiado_CSS/

Tecnologias Utilizadas

Para ver todas as tecnologias [clique aqui](/techstack.md)

Escopo do projeto guiado

A seguir, temos o escopo do projeto guiado que você irá desenvolver junto com nosso facilitador. Mas antes, você sabe o que é um escopo?

O escopo do projeto (ou de um produto) é o conjunto de características que descrevem o resultado final esperado. Ou seja, é a descrição de quais são as expectativas em relação ao desenvolvimento e é preciso entendê-lo bem para que a entrega fique de acordo com o que foi alinhado com o cliente e/ou responsável pelo projeto.

Abaixo você vai ler o escopo deste primeiro projeto guiado e depois vai programá-lo seguindo os vídeos do Fernando, então deve ficar mais fácil entender como funciona.

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.

Observação: algumas partes são programadas com JavaScript (como por exemplo colocar máscara no campo de telefone e colorir as experiências dos candidatos) e por isso só serão feitas pelo facilitador no próximo módulo… neste o foco é apenas no HTML/CSS. Você pode fazer algumas personalizações caso queira, mas o importante é adquirir essa prática acompanhada agora, e no próximo projeto conseguir desenvolver um código 100% seu.