Desenvolvimento Web: Utilizando HTML, CSS e Javascript.

Desenvolvimento Back-end: Utilizando Node, Express e PostgreSQL.


📚 Capítulos 🔖


🖼️ Front-End


Módulo 0: Entendendo a WEB

Módulo I: A Estrutura da Web (HTML)

Módulo II: Estilizando a Web (CSS)

Módulo III: Framework, Bootstrap

Módulo IV: Javascript, Interatividade da Web

Módulo V: JQuery (Legado)

🔙 Back-End


Node.js

Guia Rápido — Criando um Projeto Node.js do Zero

Criando Servidores Web com Node.js (Sem Frameworks)

Consumindo APIs Públicas (Primeiro Contato com Sistemas Reais)

Express.js (Framework para Servidores Web)

Conectando Front-end e Back-end com Express

Em Reforma:


Express

Protocolo HTTP, Requisições e Respostas

Bônus:


Web Design (Simplificado)

Git pelo Terminal — Roteiro do Laboratório

Git pelo Terminal — Do Desktop para o Bash

Git em Grupo — Guia Prático


🏋🏻 Exercícios 🤸🏻


🖼️ Front-End


Exercícios do Módulo I: A Estrutura da Web (HTML)

Exercícios do Módulo II: CSS, Estilizando a Web (CSS)

Exercício — Site de Festival com Bootstrap

Exercícios do Módulo III: Framework: Bootstrap

Questões de Revisão Módulo 1️⃣ e 2️⃣

Exercícios — JavaScript

Prova Prática 1 — Projeto em Grupo — Desenvolvimento Web

Guia de Sobrevivência: Terra Pós-Queda (Exemplo)

Exercícios do Módulo IV: Javascript

🔙 Back-End


Node - Exercícios

APIs Públicas - Exercícios

Node & Express - Mini API de Cadastro (Checkpoint Express)

Exercícios — Prática com Express

Express.js — Prática Progressiva (Construindo uma API)

🔙 Full Stack


Exercícios Back & Front com Express

Evoluindo a Aplicação – Exercícios

Simulação SAEP 1️⃣ - Sistema de Gerenciamento de Tarefas

💪🏻 Simulações SAEP

Desafios

Software


Configurando o Ambiente de Desenvolvimento

Referências


🎏 Color Hunt - Color Palettes for Designers and Artists

🐗 Convenções e Nome em Javascript

🌐 DNS Lookup - Para ver o endereço de IP dos sites

🐸 Flexbox Froggy (Jogo para Praticar Flexbox)

📦 Guia de Flexbox

🧑🏻‍🌾 Grid Garden (Jogo para Praticar Grid)

💪🏻 Testes de Flexbox

🏫 W3Schools' Bootstrap Templates

📦 Npm