FullStack JS Notes

Este repositório contém anotações de estudo e projetos práticos sobre as tecnologias do universo Full Stack com JavaScript.

Projetos

1 - HTML E CSS

Landing Page Responsiva (HTML/CSS)

Um projeto prático para treinar os fundamentos de HTML e CSS, criando uma Landing Page que se adapta a diferentes tamanhos de tela.

• Acesse o projeto aqui

2 - JavaScript

Projetos em JavaScript

Aplicações práticas para exercitar a manipulação do DOM e a lógica de programação com JavaScript.

• Calculadora de IMC
• Calculadora Padrão
• Lista de Tarefas (To-Do List)

3 - JavaScript Intermediário

Projetos em JavaScript Intermediário

Projetos que utilizam conceitos mais avançados como ES6 Modules, Classes e manipulação avançada de dados.

• Refund (Sistema de Reembolso)
• Documentação da Lógica de Implementação
• To-Do List (Refatorado)
• Documentação da Lógica de Implementação

---

Guias de Estudo

Aqui estão as anotações detalhadas sobre cada tecnologia, criadas durante o aprendizado.

0 - Versionamento de código

• 0 - História e Conceitos do Versionamento
• 1 - Como Funciona o Git
• 2 - Como Instalar o Git
• 3 - Guia Prático de Comandos Locais
• 4 - Os 3 Estágios de um Arquivo no Git
• 5 - Interagindo com Repositórios Remotos (git push)
• 6 - Organização de Tarefas no GitHub
• 7 - Estilização e Padronização de Código

1 - HTML E CSS

HTML

• 1 - Guia Básico de HTML
• 2 - Atributos HTML
• 3 - Elementos de Conteúdo
• 4 - Tabelas e Formulários
• 5 - Elementos Estruturais e Mídia
• 6 - Estrutura do Documento e DOM
• 7 - Caminhos em HTML e CSS

CSS

• 1 - Guia Introdutório de CSS
• 2 - Seletores e Propriedades
• 3 - O Box Model
• 4 - Display e Posicionamento
• 5 - Design Responsivo com Media Queries

2 - JavaScript

• 1 - Guia Introdutório de JavaScript
• 2 - Operadores e Controle de Fluxo
• 3 - Funções e Escopo
• 4 - Arrays e Objetos
• 5 - Manipulação do DOM
• 6 - JavaScript Assíncrono (Promises, async-await)
• 7 - Caminhos no JavaScript do Navegador
• 8 - Expressões Regulares
• 9 - Depuração de Código em JavaScript

3 - JavaScript Intermediário

• 1 - Objetos em JavaScript (Intermediário)
• 2 - Métodos de Strings (Texto)
• 3 - Métodos de Arrays (Intermediário)
• 4 - Repetição e Iteração
• 5 - Datas e Horas em JavaScript
• 6 - Classes em JavaScript

3.1 - JavaScript Antes do Framework

3.1.1 - JavaScript Moderno

• 1 - Conhecendo o ECMAScript
• 2 - Strict Mode
• 3 - Desestruturacao de Arrays
• 4 - Desestruturacao de Objetos
• 5 - Rest Params
• 6 - Spread Operator

3.1.2 - Metodos de Array

• 1 - Metodo Map
• 2 - Metodo Filter
• 3 - Metodo FindIndex
• 4 - Metodo Find
• 5 - Metodo Every
• 6 - Metodo Some
• 7 - Metodo Reduce
• 8 - Metodo Sort

3.1.3 - Imutabilidade

• 1 - Conceitos de Imutabilidade
• 2 - Aplicacao de Imutabilidade
• 3 - Shallow e Deep Copy
• 4 - Shallow Freezing
• 5 - Deep Freeze
• 6 - Manipulando Objetos Imutaveis

3.1.4 - Modulos

• 1 - Modulos ES
• 2 - Criando Modulos
• 3 - Exportar Tudo
• 4 - Exportacao Padrao ou Nomeada

4 - Node.js

• 1 - Introdução ao Node.js
• 2 - NPM e Módulos
• 3 - Módulos Nativos Essenciais
• 4 - Caminhos Absolutos vs. Relativos

4.1 - Node.js Avançado

4.1.1 - Migrations

• 1 - O que são Migrations
• 2 - Migrations com Sequelize
• 3 - Migrations com Knex
• 4 - Migrations com Prisma
• 5 - Boas Práticas
• 6 - Seeds e Fixtures
• 7 - Migrations com Dados Existentes
• 8 - Zero-Downtime Migrations
• 9 - Migrations em Equipe
• 10 - Casos Avançados
• 11 - Troubleshooting
• 12 - Performance e Otimização
• 13 - Migrations com node-pg-migrate

4.1.2 - Testes Automatizados

• 1 - Introdução aos Testes
• 2 - Jest
• 3 - Testes Unitários
• 4 - Testes de Integração
• 5 - TDD

4.1.3 - Segurança

• 1 - Conceitos de Segurança
• 2 - Autenticação e Autorização
• 3 - JWT
• 4 - Bcrypt e Hash de Senhas
• 5 - OWASP Top 10

4.1.4 - Deploy e CI-CD

• 1 - Conceitos de Deploy
• 2 - CI-CD
• 3 - Docker
• 4 - Variáveis de Ambiente
• 5 - Plataformas de Deploy

5 - Arquitetura de Software

• 1 - Arquitetura e Organização de Projetos
• 2 - Fundamentos de Infraestrutura e Qualidade
• 3 - PoCs e MVPs