Para ver esse projeto funcionando corretamente é preciso fazer o download do código, abrir com o VsCode, e executar o LiveServer, ou abrir o terminal e digitar npm start.
Watch it in action Deploy: Click Here
Mais um desafio concluído com sucesso! Esse é o primeiro desafio do stage 6 - trilha Explorer da Rocketseat. Feito totalmente do zero a partir de um layout do figma, nele eu pude colocar em prática vários novos conceitos adquiridos no stage 6. Para fazer esse desafio eu usei :
O que foi desenvolvido:
Lógica e Algoritmos com Javascript; Conceitos de SPA; Mapeamento de rotas; Assincronia e promessas; Orientação a Objetos; Classes e eventos; Layout do Figma; Versão mobile e responsividade com CSS Flex; Tipos de dados em javascript; Manipulação do DOM; Funções Callback; Código Limpo; Módulos ES6; Injeção de Dependência; Estruturação de HTML com tags semânticas; Unidade de Medida Flexível; Pontos de interrupção com media query; Importando arquivo CSS externo para o projeto; Aplicando fontes personalizadas (tipografia) no arquivo CSS e iniciando o CSS externo; Trabalhando com cores e fontes; Alinhando e posicionando texto e elementos; Aplicando espaçamento; Bordas e classificação de elementos; Transições CSS; Use variáveis CSS para manipular a paleta de cores do projeto e o tamanho da fonte; Reset CSS removendo possíveis inconsistências entre diferentes navegadores; Estrutura do sistema de arquivos do projeto separada por pasta; Apliquei meus conhecimentos dos conceitos do Explorer da Rocketseat de forma prática neste projeto, com as lições:
Introdução ao HTML e CSS; Conhecendo novos conceitos de HTML e CSS; Avançando em HTML e CSS; Avançando na Programação WEB com Javascript; Javascript antes do framework; Conceitos de SPA;
Aplicação desenvolvida utilizando as seguintes ferramentas:
Clone o projeto e acesse a pasta e inicie o servidor, é necessário ter o nodeJs instalado e o Visual Studio Code.
Programas necessários para iniciar
Clone the project and access the folder
$ git clone https://github.com/dsouloficial/spa-universe.git
$ cd spa-universeWith nodeJs installed start server
$ npm install
$ npm startThis project is under the MIT license. See the file LICENSE for more details.
Done with 💜 by Denilson Bernardo👋