/ordenando-propriedades-css-PJ-M4

Uma empresa de desenvolvimento de software precisa de uma ferramenta que vai receber uma lista de propriedades de CSS (ex: background-color, font-size, text-align) e vai devolvê-la ordenada de A-Z. Projeto do modulo 4 da resilia.

Primary LanguageJavaScript

Ordenador de Propriedades CSS

Este projeto foi desenvolvido como parte dos requisitos do módulo 4 da Formação Web Dev Fullstack - Resilia. Ele tem como objetivo aplicar os conhecimentos adquiridos nesse módulo, concentrando-se na criação de ferramentas práticas e úteis para o desenvolvimento web.

Contexto do Projeto

No contexto do módulo 4, nossa atenção se volta para a criação de utilitários que sejam relevantes para o desenvolvimento web. Neste projeto específico, nosso foco é a construção de uma ferramenta de utilidade: um programa que permite a ordenação de propriedades de CSS. Essa ferramenta se mostra valiosa ao facilitar a identificação e modificação de estilos em páginas web, otimizando o processo de localização da propriedade a ser ajustada.

Objetivos

  • Colocar em prática os conceitos de manipulação de arrays em JavaScript.
  • Criar uma interface de interação simples e eficaz com o usuário.
  • Utilizar o ambiente Node.js para desenvolver uma aplicação de linha de comando.
  • Demonstrar a capacidade de aplicar conceitos aprendidos no curso em um projeto real.

Execução do Projeto

Para executar o projeto em sua própria máquina, siga as instruções no tópico "Como Usar" abaixo. Certifique-se de ter o Node.js instalado e siga os passos detalhados para interagir com a ferramenta de ordenação de propriedades de CSS.

Como Usar

  1. Certifique-se de ter o Node.js instalado em seu sistema.
  1. Clone este repositório usando o comando:
  git clone https://github.com/DilnaeSantos/ordenando-propriedades-css-PJ-M4.git
  1. Navegue até o diretório do projeto:
  cd ordenador-de-propriedades-css-PJ-M4
  1. Instale as dependências usando o comando:
  npm install
  1. Execute o programa com:
  node ordenador.js
  1. Insira as propriedades de CSS que deseja ordenar (uma por vez). Digite "SAIR" quando quiser finalizar.
  2. O programa imprimirá as propriedades ordenadas no console.

Exemplo de Uso

<> node ordenador.js
- Digite uma propriedade de CSS (ou "SAIR" para finalizar): font-size
- Digite uma propriedade de CSS (ou "SAIR" para finalizar): color
- Digite uma propriedade de CSS (ou "SAIR" para finalizar): background-color
- Digite uma propriedade de CSS (ou "SAIR" para finalizar): SAIR
Propriedades ordenadas:
background-color
color
font-size

Tratamento de Erros

Exemplo de Entrada Vazia:

Quando o programa solicitar a inserção de uma propriedade de CSS, simplesmente pressione "Enter" sem digitar nada ou durante a execução do programa, pressione "Ctrl+C" no terminal ou feche o terminal diretamente.

- Digite uma propriedade de CSS (ou "SAIR" para encerrar):

Entrada vazia. Por favor, insira uma propriedade válida ou digite "SAIR".

- Digite uma propriedade de CSS (ou "SAIR" para encerrar):

Este exemplo ilustra como os erros tratados são ativados durante a execução do código.

Exemplo de Entrada Inválida (Número):

Quando o programa solicitar a inserção de uma propriedade de CSS, se você inserir um número, o programa irá informar que a entrada é inválida e solicitará uma propriedade válida.

- Digite uma propriedade de CSS (ou "SAIR" para encerrar): 123

Entrada inválida. Por favor, insira uma propriedade de CSS válida ou digite "SAIR".

- Digite uma propriedade de CSS (ou "SAIR" para encerrar):

Referências

Desenvolvido com dedicação durante a Formação Web Dev Fullstack - Resilia por Dilnae