Free ebookCurso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

Introdução ao Desenvolvimento Front End

O que é HTML, CSS e Javascript

Instalação e configuração do ambiente de desenvolvimento

Introdução ao HTML: estrutura básica, tags e atributos

Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao HTML

Introdução ao HTML: estrutura básica, tags e atributos: Estrutura básica do HTML

Introdução ao HTML: estrutura básica, tags e atributos: Entendendo as tags HTML

Introdução ao HTML: estrutura básica, tags e atributos: Atributos em HTML

Introdução ao HTML: estrutura básica, tags e atributos: Tags de cabeçalho

Introdução ao HTML: estrutura básica, tags e atributos: Tags de parágrafo

Introdução ao HTML: estrutura básica, tags e atributos: Tags de link (a)

Introdução ao HTML: estrutura básica, tags e atributos: Tags de imagem (img)

Introdução ao HTML: estrutura básica, tags e atributos: Listas em HTML

Introdução ao HTML: estrutura básica, tags e atributos: Formulários em HTML

Introdução ao HTML: estrutura básica, tags e atributos: Tags de entrada (input)

Introdução ao HTML: estrutura básica, tags e atributos: Tags de botão (button)

Introdução ao HTML: estrutura básica, tags e atributos: Tabelas em HTML

Introdução ao HTML: estrutura básica, tags e atributos: Tags de divisão e span

Introdução ao HTML: estrutura básica, tags e atributos: HTML semântico

Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao CSS

Introdução ao HTML: estrutura básica, tags e atributos: Seletores CSS

Introdução ao HTML: estrutura básica, tags e atributos: Propriedades e valores CSS

Introdução ao HTML: estrutura básica, tags e atributos: Box Model

Introdução ao HTML: estrutura básica, tags e atributos: Posicionamento em CSS

Introdução ao HTML: estrutura básica, tags e atributos: Flexbox e Grid

Introdução ao HTML: estrutura básica, tags e atributos: Media Queries

Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao JavaScript

Introdução ao HTML: estrutura básica, tags e atributos: Variáveis e tipos de dados

Introdução ao HTML: estrutura básica, tags e atributos: Operadores JavaScript

Introdução ao HTML: estrutura básica, tags e atributos: Estruturas de controle (if, switch, for, while)

Introdução ao HTML: estrutura básica, tags e atributos: Funções em JavaScript

Introdução ao HTML: estrutura básica, tags e atributos: Objetos e arrays

Introdução ao HTML: estrutura básica, tags e atributos: Manipulação do DOM

Introdução ao HTML: estrutura básica, tags e atributos: Eventos em JavaScript

Introdução ao HTML: estrutura básica, tags e atributos: AJAX e Fetch API

Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao ES6+

Introdução ao HTML: estrutura básica, tags e atributos: Promessas e async/await

Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao Node.js e NPM

Introdução ao HTML: estrutura básica, tags e atributos: Frameworks e bibliotecas populares (React, Angular, Vue)

Formatação de texto com HTML

Listas e tabelas em HTML

Formulários e inputs em HTML

Introdução ao CSS: seletores, propriedades e valores

Introdução ao CSS: seletores, propriedades e valores: Introdução ao CSS

Introdução ao CSS: seletores, propriedades e valores: Entendendo o que são seletores CSS

Introdução ao CSS: seletores, propriedades e valores: Tipos de seletores CSS: Elemento, Classe e ID

Introdução ao CSS: seletores, propriedades e valores: Combinando seletores CSS

Introdução ao CSS: seletores, propriedades e valores: Introdução às propriedades CSS

Introdução ao CSS: seletores, propriedades e valores: Como usar e entender as propriedades CSS

Introdução ao CSS: seletores, propriedades e valores: Introdução aos valores em CSS

Introdução ao CSS: seletores, propriedades e valores: Diferentes tipos de valores em CSS: Cores, Tamanhos e Unidades

Introdução ao CSS: seletores, propriedades e valores: Como aplicar valores a propriedades CSS

Introdução ao CSS: seletores, propriedades e valores: Entendimento da cascata e herança em CSS

Introdução ao CSS: seletores, propriedades e valores: Como usar o inspetor de elementos para depurar CSS

Estilização de texto com CSS

Layout e posicionamento com CSS

Box model e padding, border e margin

Cores e fundos em CSS

Pseudoclasses e pseudoelementos em CSS

Animações e transições em CSS

Responsive design com media queries

Introdução ao Bootstrap

Utilizando grids e containers no Bootstrap

Componentes do Bootstrap: botões, formulários, carrossel

Introdução ao Javascript: variáveis, tipos de dados, operadores

Introdução ao Javascript: variáveis, tipos de dados, operadores: Introdução ao Javascript

Introdução ao Javascript: variáveis, tipos de dados, operadores: Variáveis em Javascript

Introdução ao Javascript: variáveis, tipos de dados, operadores: Tipos de Dados em Javascript

Introdução ao Javascript: variáveis, tipos de dados, operadores: Operadores em Javascript

Estruturas de controle em Javascript: if, for, while

Funções em Javascript

Objetos e arrays em Javascript

DOM e manipulação de elementos HTML com Javascript

Eventos e listeners em Javascript

Formulários e validação de dados com Javascript

Introdução ao jQuery

Efeitos e animações com jQuery

Ajax e requisições HTTP com Javascript

Introdução ao React.js

Componentes e estado em React.js

Rotas e navegação em React.js

Introdução ao Vue.js

Directivas e componentes em Vue.js

Gerenciamento de estado com Vuex

Introdução ao Angular.js

Componentes e serviços em Angular.js

Formulários e validação de dados com Angular.js

Boas práticas de codificação e organização de projetos

Versionamento de código com Git

Deploy de aplicações Front End

Testes unitários e de integração em Javascript

SEO e acessibilidade na web

Performance e otimização de sites

Ferramentas de desenvolvimento do navegador

Trabalhando com APIs e dados JSON

Introdução ao Node.js e Express.js

Websockets e comunicação em tempo real

Trabalhando com bancos de dados NoSQL: MongoDB

Autenticação e autorização com JWT

Segurança na web: CORS, CSRF, XSS