An open API service indexing awesome lists of open source software.

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/

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 🚀