Skip to content
Desenvolvimento Web Básico: HTML, CSS e JavaScript
DWEB 01 Internet: entendendo os fundamentos da web
Aula Grátis
Fechar
DWEB 01 Internet: entendendo os fundamentos da web
10 Tópicos
DWEB 01.1 História e Evolução da Internet e da World Wide Web
DWEB 01.2 Arquitetura Cliente-Servidor e o Papel do Front-end, Back-end e Full-stack
DWEB 01.3 Protocolos de Rede: TCP/IP, HTTP e HTTPS
DWEB 01.4 DNS e Resolução de Nomes de Domínio
DWEB 01.5 Estrutura de uma URL (Esquema, Host, Porta, Path, Query String)
DWEB 01.6 Métodos HTTP (GET, POST, PUT, PATCH, DELETE)
DWEB 01.7 Códigos de Status HTTP (2xx, 3xx, 4xx, 5xx) e Cabeçalhos (Request e Response)
DWEB 01.8 Navegadores: Motores de Renderização e DevTools
DWEB 01.9 Hospedagem, Servidores Web e CDNs
DWEB 01.10 Segurança na Web: HTTPS, SSL/TLS e Certificados
DWEB 02 HTML e CSS: ambiente, estrutura e estilo
Expandir
DWEB 02 HTML e CSS: ambiente, estrutura e estilo
11 Tópicos
DWEB 02.10 Cores, unidades (px, em, rem, %, vh, vw) e tipografia
DWEB 02.11 Backgrounds, gradientes e sombras
DWEB 02.1 Configuração do ambiente: VS Code, extensões essenciais e Live Server
DWEB 02.2 Anatomia de um documento HTML5 (DOCTYPE, head, body)
DWEB 02.3 Tags semânticas (header, nav, main, section, article, aside, footer)
DWEB 02.4 Elementos de bloco e inline, atributos globais e hierarquia de elementos
DWEB 02.5 Sintaxe do CSS: seletores, propriedades e valores
DWEB 02.6 Formas de aplicar CSS (inline, internal, external)
DWEB 02.7 Seletores avançados: classe, ID, atributo, pseudo-classes e pseudo-elementos
DWEB 02.8 Especificidade, cascata e herança
DWEB 02.9 Modelo de caixa (box model): margin, border, padding, content
DWEB 03 HTML e CSS: formulários, SEO e acessibilidade
Expandir
DWEB 03 HTML e CSS: formulários, SEO e acessibilidade
10 Tópicos
DWEB 03.10 Contraste de cores e texto alternativo em imagens
DWEB 03.1 Elemento `` e atributos (action, method, enctype)
DWEB 03.2 Tipos de input (text, email, password, number, date, file, checkbox, radio)
DWEB 03.3 Labels, fieldset, legend, textarea, select, option e datalist
DWEB 03.4 Validação nativa do HTML5 e estilização de formulários
DWEB 03.5 SEO on-page: meta tags (title, description, keywords)
DWEB 03.6 Open Graph, Twitter Cards e hierarquia de headings para SEO
DWEB 03.7 robots.txt e sitemap.xml
DWEB 03.8 Princípios de acessibilidade (WCAG) e ARIA roles, labels e atributos
DWEB 03.9 Navegação por teclado, foco visível e leitores de tela
DWEB 04 HTML e CSS: responsividade em layouts
Expandir
DWEB 04 HTML e CSS: responsividade em layouts
9 Tópicos
DWEB 04.1 Conceito de mobile first vs. desktop first
DWEB 04.2 Viewport, meta tag de viewport e unidades responsivas (%, em, rem, vw, vh, fr)
DWEB 04.3 Media queries: sintaxe e breakpoints
DWEB 04.4 Flexbox: container, itens, direção, alinhamento, justificação e wrap
DWEB 04.5 CSS Grid: template areas, rows, columns e gaps
DWEB 04.6 Imagens responsivas (srcset, sizes, picture)
DWEB 04.7 Tipografia fluida (clamp, min, max) e container queries (visão geral)
DWEB 04.8 Frameworks CSS: introdução conceitual (Tailwind, Bootstrap)
DWEB 04.9 Testes de responsividade no DevTools
DWEB 05 JavaScript: aprendendo a programar
Expandir
DWEB 05 JavaScript: aprendendo a programar
11 Tópicos
DWEB 05.10 Entrada e saída de dados (alert, prompt, confirm, console.log)
DWEB 05.11 Introdução à depuração com console e breakpoints
DWEB 05.1 História do JavaScript e seu papel no front-end
DWEB 05.2 Como incluir JS em uma página (inline, internal, external, defer/async)
DWEB 05.3 Console do navegador como ferramenta de aprendizado e depuração
DWEB 05.4 Variáveis: var, let e const (escopo e diferenças)
DWEB 05.5 Tipos primitivos (string, number, boolean, null, undefined, symbol, bigint)
DWEB 05.6 Operadores aritméticos, de atribuição, comparação e lógicos
DWEB 05.7 Strings: concatenação, template literals e métodos básicos
DWEB 05.8 Conversão e coerção de tipos
DWEB 05.9 Comentários e boas práticas de nomeação
DWEB 06 Praticando JavaScript: condicionais
Expandir
DWEB 06 Praticando JavaScript: condicionais
8 Tópicos
DWEB 06.1 Estrutura if, else if e else
DWEB 06.2 Operadores de comparação estrita (===) vs. solta (==)
DWEB 06.3 Operadores lógicos (&&, ||, !) e operador ternário
DWEB 06.4 Estrutura switch/case e uso do break
DWEB 06.5 Truthy e falsy values
DWEB 06.6 Short-circuit evaluation
DWEB 06.7 Nullish coalescing (??) e optional chaining (?.)
DWEB 06.8 Boas práticas: evitar aninhamentos profundos e uso de early returns
DWEB 07 Praticando JavaScript: laços de repetição
Expandir
DWEB 07 Praticando JavaScript: laços de repetição
8 Tópicos
DWEB 07.1 Estrutura for clássico
DWEB 07.2 while e do…while
DWEB 07.3 for…of (iteráveis) e for…in (objetos)
DWEB 07.4 Controle de fluxo com break e continue
DWEB 07.5 Loops aninhados
DWEB 07.6 Iteração com forEach (introdução)
DWEB 07.7 Performance e cuidados com loops infinitos
DWEB 07.8 Resolução de problemas algorítmicos com repetição
DWEB 08 Praticando JavaScript: funções
Expandir
DWEB 08 Praticando JavaScript: funções
10 Tópicos
DWEB 08.10 Recursão (visão geral)
DWEB 08.1 Declaração de função (function declaration) e expressão de função (function expression)
DWEB 08.2 Arrow functions e suas diferenças
DWEB 08.3 Parâmetros, argumentos e valores padrão
DWEB 08.4 Rest parameters e spread operator
DWEB 08.5 Retorno de valores e early returns
DWEB 08.6 Escopo léxico e closures (introdução)
DWEB 08.7 Hoisting em funções
DWEB 08.8 Funções como cidadãs de primeira classe e callbacks (introdução conceitual)
DWEB 08.9 Funções puras vs. impuras
DWEB 09 Praticando JavaScript: arrays
Expandir
DWEB 09 Praticando JavaScript: arrays
9 Tópicos
DWEB 09.1 Criação e acesso a elementos de arrays, propriedade length e indexação
DWEB 09.2 Métodos de mutação: push, pop, shift, unshift, splice, sort, reverse
DWEB 09.3 Métodos de não-mutação: slice, concat, join
DWEB 09.4 Métodos de iteração: forEach, map, filter, reduce, find, some, every
DWEB 09.5 Destructuring de arrays
DWEB 09.6 Spread operator com arrays
DWEB 09.7 Arrays multidimensionais
DWEB 09.8 Conversão entre arrays e strings (split, join)
DWEB 09.9 Métodos modernos: includes, indexOf, flat, flatMap
DWEB 10 Praticando JavaScript: objetos
Expandir
DWEB 10 Praticando JavaScript: objetos
10 Tópicos
DWEB 10.10 Introdução a protótipos e classes (visão geral)
DWEB 10.1 Criação de objetos (literal, construtor, Object.create)
DWEB 10.2 Propriedades, métodos e acesso por notação de ponto vs. colchetes
DWEB 10.3 Adição, modificação e remoção de propriedades
DWEB 10.4 Shorthand properties e computed property names
DWEB 10.5 Destructuring de objetos e spread operator
DWEB 10.6 Object.keys, Object.values e Object.entries
DWEB 10.7 Object.assign e cópia rasa vs. profunda
DWEB 10.8 JSON: parse e stringify
DWEB 10.9 Comportamento de this em objetos
DWEB 11 JavaScript: manipulando elementos no DOM
Expandir
DWEB 11 JavaScript: manipulando elementos no DOM
10 Tópicos
DWEB 11.10 Objeto event, propagação e event delegation
DWEB 11.1 O que é o DOM e como ele é estruturado
DWEB 11.2 Seleção de elementos: getElementById, getElementsByClassName, querySelector, querySelectorAll
DWEB 11.3 NodeList vs. HTMLCollection
DWEB 11.4 Manipulação de conteúdo: textContent, innerText, innerHTML
DWEB 11.5 Manipulação de atributos: getAttribute, setAttribute, removeAttribute
DWEB 11.6 Manipulação de classes (classList) e estilos inline
DWEB 11.7 Criação e remoção de elementos no DOM
DWEB 11.8 Navegação no DOM: parentNode, children, nextElementSibling
DWEB 11.9 Eventos: addEventListener e tipos comuns
DWEB 12 JavaScript: explorando a manipulação de elementos e da localStorage
Expandir
DWEB 12 JavaScript: explorando a manipulação de elementos e da localStorage
10 Tópicos
DWEB 12.10 Construção de aplicação prática (lista de tarefas com persistência)
DWEB 12.1 Revisão aprofundada de manipulação do DOM
DWEB 12.2 Web Storage API: localStorage vs. sessionStorage
DWEB 12.3 Métodos: setItem, getItem, removeItem, clear
DWEB 12.4 Limites de armazenamento e tipos suportados
DWEB 12.5 Serialização e desserialização com JSON
DWEB 12.6 Persistência de estado entre sessões
DWEB 12.7 Cookies vs. localStorage (visão comparativa)
DWEB 12.8 Padrões de uso: temas, preferências do usuário, carrinho de compras
DWEB 12.9 Boas práticas: namespacing de chaves, tratamento de erros e eventos de storage entre abas
DWEB 13 JavaScript: implementando CRUD com requisições HTTP
Expandir
DWEB 13 JavaScript: implementando CRUD com requisições HTTP
11 Tópicos
DWEB 13.10 Loading states, feedback ao usuário e CORS
DWEB 13.11 Boas práticas de organização de código de requisições
DWEB 13.1 Revisão de HTTP no contexto front-end e APIs REST: conceitos e estrutura
DWEB 13.2 Fetch API: sintaxe e uso
DWEB 13.3 Promises: then, catch, finally
DWEB 13.4 async/await
DWEB 13.5 Tratamento de erros em requisições
DWEB 13.6 Métodos HTTP aplicados (GET, POST, PUT, PATCH, DELETE)
DWEB 13.7 Envio de dados: headers, body e content-type
DWEB 13.8 Trabalhando com APIs públicas e JSON Server
DWEB 13.9 Implementação completa de CRUD (Create, Read, Update, Delete)
DWEB 14 Node.js e terminal: dominando o ambiente de desenvolvimento front-end
Expandir
DWEB 14 Node.js e terminal: dominando o ambiente de desenvolvimento front-end
11 Tópicos
DWEB 14.10 Git e GitHub: conceitos básicos, comandos essenciais e fluxo de trabalho
DWEB 14.11 Estrutura típica de um projeto front-end moderno e preparação para frameworks (React, Vue, Angular)
DWEB 14.1 Terminal: comandos essenciais (cd, ls, mkdir, touch, rm, cp, mv)
DWEB 14.2 Diferenças entre Bash, Zsh, PowerShell e CMD
DWEB 14.3 Introdução ao Node.js: o que é e por que existe
DWEB 14.4 Instalação do Node.js e gerenciadores de versão (nvm, fnm)
DWEB 14.5 npm e package.json: dependências, scripts e versionamento
DWEB 14.6 npm vs. Yarn vs. pnpm (visão comparativa)
DWEB 14.7 Instalação e uso de pacotes locais e globais, execução via npx
DWEB 14.8 Introdução a bundlers e build tools (Vite, Webpack — visão geral)
DWEB 14.9 Linters e formatters: ESLint e Prettier
Próximo Tópico
DWEB 01 Internet: entendendo os fundamentos da web
Desenvolvimento Web Básico: HTML, CSS e JavaScript
DWEB 01 Internet: entendendo os fundamentos da web
Internet: entendendo os fundamentos da web
Conteúdo do Aula
0% Concluído
0/10 Passos
DWEB 01.1 História e Evolução da Internet e da World Wide Web
DWEB 01.2 Arquitetura Cliente-Servidor e o Papel do Front-end, Back-end e Full-stack
DWEB 01.3 Protocolos de Rede: TCP/IP, HTTP e HTTPS
DWEB 01.4 DNS e Resolução de Nomes de Domínio
DWEB 01.5 Estrutura de uma URL (Esquema, Host, Porta, Path, Query String)
DWEB 01.6 Métodos HTTP (GET, POST, PUT, PATCH, DELETE)
DWEB 01.7 Códigos de Status HTTP (2xx, 3xx, 4xx, 5xx) e Cabeçalhos (Request e Response)
DWEB 01.8 Navegadores: Motores de Renderização e DevTools
DWEB 01.9 Hospedagem, Servidores Web e CDNs
DWEB 01.10 Segurança na Web: HTTPS, SSL/TLS e Certificados
Back to Curso
Próximo Tópico
Rolar para Cima
Rolar para Cima