https://github.com/AdrianoBispo/javascript-learning-hub

Exercícios e Desafios Resolvidos de JavaScript
https://github.com/AdrianoBispo/javascript-learning-hub

cursoemvideo desafios-javascript exercises javascript javascript-exercises platzi

Last synced: 2 days ago
JSON representation

Exercícios e Desafios Resolvidos de JavaScript

• Host: GitHub
• URL: https://github.com/AdrianoBispo/javascript-learning-hub
• Owner: AdrianoBispo
• Created: 2022-12-07T23:54:08.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-03-16T01:37:54.000Z (about 2 years ago)
• Last Synced: 2024-08-20T04:25:55.054Z (9 months ago)
• Topics: cursoemvideo, desafios-javascript, exercises, javascript, javascript-exercises, platzi
• Language: JavaScript
• Homepage:
• Size: 32.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JavaScript Learning Hub

Bem-vindo ao **JavaScript Learning Hub**! Este repositório é dedicado a quem deseja aprender Javascript iniciando do básico e indo até o nível mais avançado por meio de exemplos e exercícios práticos elaborados com à ajuda do [ChatGPT](https://chatgpt.com/) e do [Gemini](https://gemini.google.com/app). O objetivo é facilitar o aprendizado e oferecer recursos organizados para consulta e prática.

## Estrutura do Repositório

|                  Diretório                   |                        Descrição                            |

|----------------------------------------------|-------------------------------------------------------------|

| [``01-introducao``](/01-introducao/README.md) | Conheça a estrutura básica de um programa em Javascript e seus tipos de dados(``strings``, ``números``, ``booleans``, ``null``, ``undefined``); Aprenda a declarar as variáveis em Javascript(``let``, ``var``, ``const``) como e quando utilizar cada um deles; Aprenda a utilizar os Operadores Javascript(``aritméticos``, de ``comparação``, ``lógicos`` e de ``atribuição``); aprenda a utilizar as declarações condicionais: `if`, `else`, e `switch` para controle de fluxo e aprenda a aplicar os laços de repetição `for`, `while`, e `do-while`; Aprenda também a manipular strings através dos métodos nativo do Javascript; Aprenda a utilizar os métodos disponíveis no objeto ``console`` através de exemplos de uso. |                      

| [``02-funcoes``](/02-funcoes/README.md) | Aprenda a criar e chamar funções em Javascript através de parâmetros e valores de retorno; conheça as funções anônimas e aprenda utilizá-las; compreenda a diferença entre ``Escopo Global`` vs ``Escopo Local`` e entenda sobre o ``Hoisting`` básico; aprenda sobre funções internas e escopo léxico e sobre funções de callbacks; conheça Funções de Ordem Superior(funções que recebem outras funções como argumento) e aprenda a utilizá-las. |

| [``03-arrays``](/03-arrays/README.md) | Aprenda os principais métodos, como: `map()`, `filter()`, `reduce()`. |

| [``04-objetos``](/04-objetos/README.md) | Aprenda a criar e manipular objetos. |

| [``05-manipulacao-dom``](/05-manipulacao-dom/README.md) | Aprenda a selecionar elementos do DOM utilizando: ``getElementsByTagName``, ``getElementsByClassName``, ``getElementById``, ``querySelector``, ``querySelectorAll``; aprenda a modificá-los utilizando: ``textContent``, ``innerHTML``, ``style``, etc; aprenda os principais eventos: ``click``, ``mouseover``, etc. | 

| [``06-poo``](/06-poo/README.md)  | Aprenda sobre: Prototipagem e herança baseada em protótipos; conheça e aplique o paradigma de Orientação a Objetos em javascript utilizando ``Classes`` e ``extends``; aprenda a manipular objetos utilizando: Object.create, Object.assign, Object.freeze; Generators e iteradores.  | 

| [``07-manipulacao-erros``](/07-manipulacao-de-erros/README.md) | A manipulação de erros é uma técnica essencial para criar aplicações robustas, que saibam lidar com problemas inesperados. Usando ``try...catch``, validações de entrada, e tratamento em promessas, você pode criar um código mais resiliente e confiável. |

| [``08-programacao-assincrona``](/08-programacao-assincrona/README.md) | Trabalhando com promessas e código assíncrono. |

| [``09-web-apis``](/09-web-apis/README.md) | Aprenda sobre consumo de APIs Web, manipulação de JSON, comunicação com servidores e armazenamento localStorage. | 

Próximos Passos: Avançando no Desenvolvimento Front-End com React


#### Conhecendo o React

- Configuração de ambiente (Vite ou Create React App);

- Componentes funcionais e class-based;

- Props, State, e Lifecycle.

- Hooks principais: ``useState``, ``useEffect``.

- React Router para navegação SPA.

- Gerenciamento de estado:

  - Context API.

  - Redux (opcional para projetos mais complexos).

#### Avançando com React

- Renderização condicional e listas.

- Refs e manipulação direta do DOM.

- Lazy loading e Code Splitting.

- Styled Components e CSS Modules.

- Testes com React Testing Library.

- Otimizações de performance:

  - React.memo.

  - Suspense.

#### Projetos Práticos

- Todo List com Context API.

- Aplicação de galeria de fotos consumindo APIs.

- Dashboard com gráficos e tabelas.

Próximos Passos: Avançando no Desenvolvimento Front-End com Angular


#### Conhecendo o Angular

- Configuração de ambiente com Angular CLI.

- Estrutura de um projeto Angular.

- Conceitos principais:

  - Módulos, Componentes, Templates.

  - Data Binding (one-way e two-way).

  - Diretivas (``*ngFor``, ``*ngIf``).

- Serviços e Injeção de Dependência.

- Roteamento e Navegação.

- Comunicação entre componentes (Input, Output).

#### Avançando com Angular

- Observables e RxJS.

- Formulários:

  - Template-driven.

  - Reactive Forms.

- Interceptadores e Guards.

- Lazy loading e modularização.

- Testes com Jasmine e Karma.

#### Projetos Práticos

- Aplicação CRUD de cadastro de usuários.

- E-commerce básico com carrinho de compras.

- Aplicação de tarefas com autenticação JWT.

Próximos Passos: Avançando no Desenvolvimento Front-End com Vue.js


#### Conhecendo o Vue.js

- Configuração de ambiente com Vue CLI ou Vite.

- Introdução ao Vue:

  - Diretivas (``v-bind``, ``v-for``, ``v-if``).

  - Data Binding e Eventos.

  - Computed Properties e Watchers.

- Componentização:

  - Criação e comunicação entre componentes (props e eventos).

- Vue Router para navegação SPA.

- Vuex (ou Pinia) para gerenciamento de estado.

#### Avançando com Vue.js

- Slots e Render Functions.

- Reatividade com ``ref`` e ``reactive``.

- Transições e animações.

- Testes com Vue Test Utils e Jest.

- Desempenho e otimização:

  - Lazy loading e Code Splitting.

#### Projetos Práticos

- Galeria de imagens com filtros.

- Sistema de blog com Vue Router e Vuex.

- Aplicação de controle financeiro.

Próximos Passos: Avançando no Desenvolvimento Back-End com Node.js


#### Conhecendo o Node.js

- Configuração de ambiente Node.js.

- Módulos e pacotes com NPM.

- Criação de servidores com ``http`` e Express.

- Middleware no Express.

- Operações de CRUD.

#### Avançando com o Node.js

- Banco de dados:

  - Relacional: PostgreSQL/MySQL com Sequelize.

  - NoSQL: MongoDB com Mongoose.

- Autenticação e autorização com JWT.

- Upload de arquivos com ``Multer``.

- Websockets com ``Socket.IO``.

#### Projetos Práticos

- API RESTful para gestão de tarefas.

- Chat em tempo real com Websockets.

- Sistema de e-commerce (somente backend).

Próximos Passos: Avançando no Desenvolvimento Full Stack com Next.js


#### Conhecendo o Next.js

- Introdução ao Next.js.

- Páginas e rotas dinâmicas.

- SSR (Server-Side Rendering) e SSG (Static Site Generation).

- API Routes para criação de endpoints.

- Integração com bibliotecas de estilo (TailwindCSS, Styled Components).

#### Avançando com o Next.js

- Construção de APIs RESTful com Next.js.

- Banco de dados:

  - Prisma para integração com PostgreSQL/MySQL.

  - MongoDB com Mongoose.

#### Projetos Práticos

- Projetos Práticos

- Sistema de blog com SSR.

- Dashboard integrado com banco de dados.

- Aplicação de autenticação completa (Google, JWT).