https://github.com/clara-pacheco/spa_project_explorern6

Projeto visualmente simples, mas que aborda conceitos avançados na programação, como orientação a objeto, assincronismo, roteamento dentro da aplicação, SPA(Single page application) , json e sua utilização etc... 🚀 https://rocketseatn6-spa.netlify.app/
https://github.com/clara-pacheco/spa_project_explorern6

assincronismo destructuring destructuring-assignment fetch-api json node-js object-oriented-programming promises router routing server single-page-app single-page-applications

Last synced: 2 months ago
JSON representation

Projeto visualmente simples, mas que aborda conceitos avançados na programação, como orientação a objeto, assincronismo, roteamento dentro da aplicação, SPA(Single page application) , json e sua utilização etc... 🚀 https://rocketseatn6-spa.netlify.app/

• Host: GitHub
• URL: https://github.com/clara-pacheco/spa_project_explorern6
• Owner: Clara-Pacheco
• Created: 2023-02-21T10:51:37.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-23T13:37:00.000Z (over 2 years ago)
• Last Synced: 2025-01-21T15:50:07.289Z (4 months ago)
• Topics: assincronismo, destructuring, destructuring-assignment, fetch-api, json, node-js, object-oriented-programming, promises, router, routing, server, single-page-app, single-page-applications
• Language: HTML
• Homepage:
• Size: 18.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


   








   

   



[![Netlify Status](https://api.netlify.com/api/v1/badges/1268c36a-436a-4f2b-93b9-866621d17715/deploy-status)](https://app.netlify.com/sites/rocketseatn6-spa/deploys)








## 💻 Sobre o desafio

Principais pontos abordados nesse desafio:

- Implantar lógica javascript na web;

- Trabalhar com a DOM,

- Trabalhar com eventos,

- Orientação à objetos,

- Acesso a métodos e atributos de objetos de eventos,

- Object Destructuring

- Modularização,

- Assincronismo,

- Roteamento dentro da aplicação,  

![Page's routing](https://github.com/Clara-Pacheco/SPA_project_ExplorerN6/blob/main/assets/routes.png)   

- SPA(Single page application),

![Traditional Page](https://github.com/Clara-Pacheco/SPA_project_ExplorerN6/blob/main/assets/traditionalPage.png)  

![SPA](https://github.com/Clara-Pacheco/SPA_project_ExplorerN6/blob/main/assets/SPA.png)  

- Json e sua utilização,

- Promises,

- Promises with Fetch,

- Criação de um servidor utilizando node.js,

- Refatoração




## 💻 Projeto

O resultado final desse desafio deve ser algo em torno de:

![Project´s preview](https://github.com/Clara-Pacheco/SPA_project_ExplorerN6/blob/main/assets/project_preview1.png)  

![Project´s preview](https://github.com/Clara-Pacheco/SPA_project_ExplorerN6/blob/main/assets/project_preview2.png)  




## 🧪 Tecnologias | HTML , CSS e Javascript  

## 📜 Descrição

Projeto visualmente simples, mas que aborda conceitos avançados na programação, como orientação a objeto, assincronismo, roteamento dentro da aplicação, SPA(Single page application) , json e sua utilização etc... 🚀

##  📕 Sobre  

Este é um projeto desenvolvido em treinamento, juntamente com a 

Rocketseat 🚀  

no decorrer do programa Explorer.  




### Informações  

📅 **Início:** 21.02.2023

📅 **Conclusão:** 23.02.2023

🕛 **Status:** Concluído✔️

🌎 **Result Preview:** https://rocketseatn6-spa.netlify.app/



Feito com 💜 por Clara 🚀