👨💻APLICAÇÃO DE ROTAS APENAS COM A LIGUAGEM, SEM FRAMEWORKS!
-
Este aplicativo web simples implementado em TypeScript (Nodejs), utilizando MaterializeCSS para o frontend, serve como uma interface para navegar em diferentes rotas.
-
Este aplicativo web é uma demonstração simples de como implementar roteamento de páginas em TypeScript (Nodejs), utilizando MaterializeCSS para estilização, e oferece uma maneira fácil e intuitiva de explorar diferentes seções do aplicativo através de um cabeçalho fixo.
-
Roteamento de Páginas: O aplicativo possui três páginas principais acessíveis através do cabeçalho fixo: HOME, CURIOSIDADES e SOBRE. Cada uma dessas páginas corresponde a uma rota específica.
-
Página HOME: A página inicial apresenta uma breve mensagem de boas-vindas e instruções sobre como navegar nas rotas usando os links no cabeçalho fixo.
-
Página CURIOSIDADES: A página de curiosidades exibe informações interessantes sobre vários assuntos. Assim como na página HOME, também fornece instruções para navegar nas rotas.
-
Página SOBRE: A página "Sobre" oferece detalhes sobre a equipe por trás do aplicativo, sua missão e visão.
-
Cabeçalho Fixo Personalizado: O cabeçalho fixo na parte superior da página apresenta o nome "ROTAS" centralizado, fornecendo uma navegação consistente entre as diferentes páginas.
-
Instalar as dependências:
-
Execute o comando no diretório
CODIGO/
:npm install
-
Este comando instalará todas as dependências listadas no arquivo
package.json
do seu projeto.
-
-
Compilação TypeScript:
- No CMD e execute o seguinte comando para compilar o TypeScript em JavaScript:
npx tsc APP.ts
- Isso irá gerar um arquivo JavaScript correspondente com o mesmo nome (por exemplo,
APP.js
) no mesmo diretório.
-
Subindo o servidor:
- Agora execute o seguinte comando para iniciar o aplicativo:
node APP.js
- Após iniciar o servidor, acesse o projeto no navegador utilizando o seguinte URL: http://localhost:8000/.
- Entendemos que para manipular arquivos em muitas linguagens e tecnologias, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos alguns cursos gratuitos: