Lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX - Formação de Desenvolvedores de Software.
-
A lista de tecnologias deve ser um array onde no HTML você irá fazer um map para listar;
-
Ao clicar no botão de linguagem o texto de apresentação ”Olá meu nome....” muda para a linguagem selecionada;
-
O botão de linguagem deve ser um componente onde você passará 3 propriedades: Título, ícone e o click dele;
-
Para estilização
- React use Styled Components
- Angular use Sass
- Vue use Tailwind CSS
O Vue. js é um framework Javascript open source bastante conhecido pela sua reatividade. Usado para construir SPA (Single Page Applications) e interfaces de usuário, tornou-se uma excelente opção, também, pelo fato de ter componentes reutilizáveis e proporcionar o desenvolvimento ágil.
yarn global add @vue/cli
2º Após a instalação, você terá acesso ao vue binário em sua linha de comando. Você pode verificar se ele está instalado corretamente simplesmente executando👇
vue –version
vue create nome do projeto ( ex. projetovew-web3.0)
E altera copiando e colando para a pasta do projeto que foi criado antes de abrir no VSCode com o comando.
cd nomepastaprojeto
-
code .
## Dentro do editor de código VSCode no ```terminal power shell```:
npm update -g @vue/cli.
npx tailwindcss init
Funciona verificando todos os seus arquivos HTML, componentes JavaScript e quaisquer outros modelos para nomes de classe, gerando os estilos correspondentes e, em seguida, gravando-os em um arquivo CSS estático. É rápido, flexível e confiável — com tempo de execução zero.
yarn add -D @intlify/vite-plugin-vue-i18n
npm install vuex @next --save
O Vuex é um padrão de gerenciamento de estado + biblioteca para aplicações Vue. js. Ele serve como um store centralizado para todos os componentes em uma aplicação, com regras garantindo que o estado só possa ser multado de forma previsível ao servidor.
yarn serve