Desenvolvimento Web Básico: HTML, CSS e JavaScript

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

Conteúdo do Aula

0% Concluído 0/11 Passos

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

Conteúdo do Aula

0% Concluído 0/10 Passos

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

Conteúdo do Aula

0% Concluído 0/9 Passos

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

Conteúdo do Aula

0% Concluído 0/11 Passos

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

Conteúdo do Aula

0% Concluído 0/8 Passos

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

Conteúdo do Aula

0% Concluído 0/8 Passos

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

Conteúdo do Aula

0% Concluído 0/10 Passos

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

Conteúdo do Aula

0% Concluído 0/9 Passos

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

Conteúdo do Aula

0% Concluído 0/10 Passos

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

Conteúdo do Aula

0% Concluído 0/10 Passos

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

Conteúdo do Aula

0% Concluído 0/10 Passos

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

Conteúdo do Aula

0% Concluído 0/11 Passos

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)

Conteúdo do Aula

0% Concluído 0/11 Passos

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

Desenvolvimento Web Básico: HTML, CSS e JavaScript

Seu Estado

Preço

Comece Agora

Conteúdo do Curso

Institucional

Áreas de Formação

Fale Conosco