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
Este projeto foi gerado com o Angular CLI versão 15.0.3 e o sistema SASS que é uma linguagem de extensão do CSS, tornando o processo de desenvolvimento mais simples e eficiente.
Instalando no terminal power shell
clicando no botão direito como administrador para o projeto em angular ![](https://camo.githubusercontent.com/95b4e860ff404b085b1c55e40eb27375cc72c3c3ba0f0529987716f9a9b7591b/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f48507a4e424664546838737868714e6470582f67697068792e676966)
1º Executar o comando CLI usando o npm gerenciador de pacotes e clica com botão direito em administrador, ao abrir digita:
npm install -g @angular/cli
2º Para criar, construir e servir um novo projeto Angular básico em um servidor de desenvolvimento, vá para o diretório (pasta) que criou no seu espaço de trabalho e use o seguinte comando👇
ng new nome do projeto ( ex. projetoangular-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 .
ng serve
ng g c
O componente é composto por 3 arquivos, para template (HTML), estilo (SASS) e classe (TS) e toda essa configuração é feita dentro do decorador @Component onde é passado como metadados o template, o estilo e um seletor para que este componente possa ser usado em outro template.
ng g m
É uma classe marcada pelo decorador. recebe um objeto de metadados que descreve como compilar o modelo de um componente e como criar um injetor em tempo de execução.
ng add @angular/material
Inclui informações sobre pré-requisitos, instalação do Angular Material e, opcionalmente, exibição de um componente Material de amostra em seu aplicativo para verificar sua configuração.
ng build
Execute 'ng build' para compilar o projeto. Os artefatos de compilação serão armazenados no diretório 'dist/'.
Em nossa aplicação é um arquivo de módulo das rotas e importá-lo posteriormente no Root Module. Este arquivo de rotas, normalmente chamado app-routing.module.ts