Desenvolvimento Web Completo 2020 - 20 cursos + 20 projetos
4.7 (15,555 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
45,474 students enrolled

Desenvolvimento Web Completo 2020 - 20 cursos + 20 projetos

Domine Web - 20 Cursos - HTML5, CSS3, SASS, Bootstrap, JS, ES6, PHP 7, OO, MySQL, JQuery, MVC, APIs, IONIC e muito mais
4.7 (15,555 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
45,474 students enrolled
Last updated 5/2020
Portuguese
Portuguese [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 109 hours on-demand video
  • 17 articles
  • 478 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Criar aplicações web profissionais e completas, do front-end ao back-end, utilizando tecnologias como HTML5, CSS3, BootStrap 4, JS, ES6, PHP 7, OO, MySQL, DAO, PDO, AJAX, JQuery, MVC, API, IONIC e Wordpress.
  • Integrar as principais tecnologias Web através de projetos reais!
  • Criar aplicações Mobile conectadas a aplicações WEB utilizando a tecnologia IONIC.
  • Como tornar suas habilidades em desenvolvimento web uma atividade remunerada, trabalhando de onde quiser.
Course content
Expand all 568 lectures 109:16:44
+ Preparando-se para o desenvolvimento
5 lectures 29:10
IDEs e editores de texto de código fonte
06:46
[Windows] Instalando o Sublime Text
02:48
O que ire aprender? Preparando-se para o desenvolvimento
00:15
[MAC] Instalando o Sublime Text
02:38
Criando um projeto no Sublime Text
16:43
+ HTML 5
17 lectures 02:46:42
Estrutura de uma página web - parte 1
17:43
Estrutura de uma página web - parte 2
07:04
Cabeçalhos
10:17
Parágrafos
04:39
Formatações de textos
03:18
Listas ordenadas e não ordenadas
09:49
Testando seus conhecimentos
05:42
Imagens
11:34
Links
13:19
Tabelas
09:07
Mais sobre tabelas
11:09
Formulários
12:02
Mais componentes de formulários
13:49
Caracteres especiais
05:58
Página inicial do #projeto1 UNES
21:47
Finalizando #projeto1 UNES
08:18
+ CSS 3
27 lectures 05:30:12
Introdução CSS
07:45
Inline CSS
07:19
Seletores CSS
07:26
Classes e IDs
17:28
Tags Div & Span
17:59
Bordas
14:04
Fontes & cores
13:38
Tamanhos de textos
12:55
Estilos de textos
07:08
Cor e imagem de fundo
17:54
CSS Externo
07:38
#projeto2 Anna Bella - página inicial
10:50
#projeto2 Anna Bella - parte 2
12:50
#projeto2 Anna Bella - navegação
09:35
Modelo de caixa
18:48
Elementos Flutuantes
10:54
Elementos flutuantes - parte 2
12:37
Elementos flutuantes na prática
13:48
Elementos inline, block e inline-block
08:07
Posicionamento estático e relativo
14:27
Posicionamento - absoluto e fixo
11:10
Sobrepondo elementos
06:19
Formatando links
11:12
#projeto3 TecBlog - parte 1
14:41
#projeto3 TecBlog - parte 2
16:34
#projeto3 TecBlog - parte 3
25:26
+ CSS3 Intermediário & avançado
31 lectures 07:21:43
Mais sobre seletores
21:56
Herança e especificidade
16:23
Criando barra de navegação vertical
18:26
Marcando página atual
13:17
Criando barra de navegação horizontal
18:59
Navegação com abas
14:01
Layout de largura fixa
13:41
Layout líquido
16:42
Imagens líquidas
14:57
Coluna falsa
05:46
Estilizando tabelas
13:02
Estilizando formulários - parte 1
18:15
Estilizando formulários - parte 2
12:10
Arredondamento com imagens
13:10
#projeto4 Site de Notícias Cidade - Criando topo
14:12
#projeto4 Site de Notícias Cidade - Barra de navegação
16:59
#projeto4 Site de Notícias Cidade - Layout em colunas - parte 1
20:16
#projeto4 Site de Notícias Cidade - Layout em colunas - parte 2
15:56
#projeto4 Site de Notícias Cidade - Barra lateral
10:26
#projeto4 Site de Notícias Cidades - Área de conteúdos
13:22
#projeto4 Site de Notícias Cidades - Área de notícias
17:59
Site de Notícias Cidades - Projeto final
00:03
#projeto5 Chalé Hotel - Criando topo
17:45
#projeto5 Chalé Hotel - Ajustando topo
19:34
#projeto5 Chalé Hotel - Criando menu vertical
08:00
#projeto5 Chalé Hotel - Área de conteúdos
14:08
#projeto5 Chalé Hotel - Conteúdo lateral e rodapé
14:22
Parallax - parte 1
16:18
Parallax - parte 2
17:06
Usando fontes customizadas
13:04
+ HTML5 e CSS3 Recursos especiais
17 lectures 03:31:36
Normalize CSS
11:04
Box Sizing & Cantos arredondados
14:35
Degradês & Transparências
11:17
Sombras
11:43
Animações
14:42
Transições
05:08
Novas tags html 5 Header, Nav e Footer
07:46
Novas tags html 5 Article, Section, Aside e time
07:17
Compatibilidade Html 5
08:06
Novas tags de Input
14:52
Flexbox - container
17:52
Flexbox - itens - parte 1
13:52
Flexbox - itens - parte 2
09:34
#projeto6 Museu Nacional - Criando topo
17:35
#projeto6 Museu Nacional - Barra lateral
22:34
#projeto6 Museu Nacional - Finalizando
23:00
+ Bootstrap 4 & Design responsivo
44 lectures 10:17:45
Design responsivo & Bootstrap
15:56
Configurando o Bootstrap - parte 1
12:30
Configurando o Bootstrap - parte 2
10:48
Formatações de textos
14:52
Alinhamento de textos
21:38
Elementos flutuantes
12:46
Cores & Backgrounds
12:25
Margin & Padding
11:14
Tamanhos & Bordas
13:20
Media queries (Links úteis)
00:23
Media queries - parte 1
12:08
Media queries - parte 2
13:24
Botões
22:48
Introdução - barra de navegação
16:15
Barra de navegação - parte 1
12:28
Barra de navegação - parte 2
13:47
Listas
14:28
Formulários
19:17
Input group
09:03
Alertas & Barra de progresso
17:11
Tabelas & Paginação - parte 1
11:54
Tabelas & Paginação - parte 2
08:37
Cards - parte 1
17:30
Cards - parte 2
10:01
Jumbotron & Alinhamento de imagens
11:55
Ícones
17:23
Sistema de grid - parte 1
08:07
Sistema de grid - parte 2
13:39
Sistema de grid - parte 3
12:16
Configurações do grid
19:12
Alinhamento no grid
09:20
Classes do Flexbox
09:02
Margin & Wrap
05:30
Projeto padrão
04:48
#projeto7 Finans - topo - parte 1
14:22
#projeto7 Finans - topo - parte 2
14:40
#projeto7 Finans - conteúdos
17:22
#projeto 8 Spotify - criando topo
25:00
#projeto 8 Spotify - finalizando capa
29:04
#projeto 8 Spotify - conteúdos
25:48
#projeto 8 Spotify - rodapé & ajustes
20:59
Carousel
20:52
#projeto 8 Spotify - carousel
11:06
+ JavaScript
92 lectures 11:18:48
O que é JavaScript?
06:09
Antes de iniciarmos aqui vai uma dica
03:35
Incluindo JavaScript em páginas HTML5 parte 1 - Introdução e preparação
08:00
Incluindo JavaScript em páginas HTML5 parte 2 - Local e Externo
04:05
Incluindo JavaScript em páginas HTML5 parte 3 - Precedência de execução
07:59
Comentários
05:00
Variáveis - Introdução
07:32
Variáveis - Prática
15:25
Concatenação
10:09
Usar ou não usar o ";" no final dos comandos?
01:49
Variáveis null e undefined
05:26
Alterando valores de variáveis
04:20
Revisão e desafio A-B-C
07:22



E ai, curtiu o que aprendeu até aqui? 

Agora chegou a hora de encarrar alguns desafios para você ter certeza de que está no caminho certo.

Boa sorte!!!



Atividades para fixação do conteúdo
5 questions
If/else parte 1 - introdução
03:02
Operadores de comparação (condicionais)
02:32
If/else parte 2 - Praticando com operadores de comparação
13:04
Praticando um pouco mais com operadores de comparação
06:14
Casting de tipos com toString(), parseInt() e parseFloat()
09:59
Operadores lógicos
02:57
If/else parte 3 - praticando com operadores lógicos
11:00
Operador ternário
04:59
Atividades para fixação do conteúdo
00:06
Switch
04:11
Switch na prática
09:13
Operadores aritméticos
04:09
Praticando com operadores aritméticos
18:43
Operações aritméticas na atribuição de valores
05:23
Precedência de execução das operações aritméticas
05:20
Atividades para fixação do conteúdo
00:06
Funções - Introdução
04:34
Funções - Prática
15:16
Funções - Flexibilidade de parâmetros
07:24
Escopo de variáveis
07:32
Funções anônimas e a técnica de wrapper
04:40
Funções de callback
11:24
Funções nativas para manipular strings
14:45
Funções nativas para tarefas matemáticas
05:48
Funções nativas para manipular datas
08:40
Praticando um pouco mais com datas
19:12
Atividades para fixação do conteúdo
00:06
Eventos parte 1 - Introdução
01:28
Eventos parte 2 - Mouse
11:46
Eventos parte 3 - Teclado
07:45
Eventos parte 4 - Janela
05:54
Eventos parte 5 - Formulários
06:59
DOM parte 1 - Introdução
04:35
DOM parte 2 - Selecionando elementos da página
11:52
DOM parte 3 - Manipulando valores de inputs (text)
14:13
DOM parte 4 - Manipulando estilos de elementos
10:12
DOM parte 5 - Manipulando classes de elementos
06:31
Atividades para fixação do conteúdo
00:06
App Calculadora parte 1 - Criando a função calcular()
09:40
App Calculadora parte 2 - Implementando a lógica do cálculo
16:08
Array básico - Introdução
03:39
Array básico - Prática
09:22
Extra - Diferença entre o atributo length de variáveis do tipo string e array
04:09
Array multidimensional
10:18
Array - Métodos de inclusão e exclusão de elementos
11:57
Array - Método de pesquisa
05:30
Array - Ordenação de elementos
09:33
Atividades para fixação do conteúdo
00:06
Estrutura de repetição parte 1 - introdução
02:41
Estrutura de repetição parte 2 - While
11:31
Estrutura de repetição parte 3 - Do while
04:00
Estrutura de repetição parte 4 - For
06:18
Praticando um pouco - Percorrendo e listando itens de Arrays
06:23
Praticando um pouco - Criando uma tabuada de 1 a 10 (laços encadeados)
08:52
Estrutura de repetição parte 5 - For in
06:42
Estrutura de repetição parte 6 - Foreach
13:41
Atividades para fixação do conteúdo
00:06
Funções - Trabalhando com parâmetros variáveis
09:10
Tratamento de erros com try, catch, throw e finally
14:17
BOM - Introdução
01:14
BOM parte 1 - Window
09:44
BOM parte 2 - Screen
09:13
BOM parte 3 - Location
05:53
BOM parte 4 - Timing
11:00
App Game Mata Mosquito - Iniciando o projeto
01:45
App Game Mata Mosquito - Definindo a dimensão do palco do jogo
07:51
App Game Mata Mosquito - Criando posições randômicas
17:23
App Game Mata Mosquito - Tamanhos randômicos
06:34
App Game Mata Mosquito - Lado A e Lado B
05:14
App Game Mata Mosquito - Criando e removendo mosquitos a cada ciclo de tempo
06:04
App Game Mata Mosquito - Criando o cenário
05:41
App Game Mata Mosquito - Controlando os pontos de vida
12:00
App Game Mata Mosquito - Game Over
06:31
App Game Mata Mosquito - Adicionando o cronometro
11:39
App Game Mata Mosquito - Vitória
02:14
App Game Mata Mosquito - Página inicial
09:37
App Game Mata Mosquito - Aplicando o nível de dificuldade selecionado
09:44
App Game Mata Mosquito - Ajustes finais e considerações
03:51
+ JavaScript Moderno (ECMAScript 2015 - ES6) e Orientação a Objetos
55 lectures 08:42:22
O que é ECMAScript?
03:04
Como utilizar o ECMAScript 2015 (ES6) em suas páginas?
02:58
Babel - Introdução e configuração
08:34
Configurando highlight de sintaxe do ES6 no SublimeText
03:56
Operadores de declaração de variáveis Var e Let
13:58
Análise de contexto 1 - Usando Var e Let
02:36
Análise de contexto 2 - Usando Var e Let
03:40
Operador de declaração de variáveis Const
04:54
Template String
06:32
Funções - Parâmetros default
07:17
Funções - Arrow function
13:03
Introdução a Orientação a Objetos - Considerações preliminares
07:25
Introdução a Orientação a Objetos
08:02
OO - Pilar da Abstração
28:19
Reflexão - Da abstração a entidade
23:28
OO - Pilar do Encapsulamento
16:57
OO - Pilar da Herança
21:03
Operador Super
13:57
OO - Pilar do Polimorfismo
09:47
Objetos literais / estáticos
11:09
Objetos literais - Melhorias de notação
11:05
Objetos literais - Modificando valores
02:34
Objetos literais - Criação dinâmica de pares nome/valor
03:19
Objetos literais - Objetos únicos
05:49
Funções construtoras - Criando objetos
13:20
Funções construtoras - Encapsulando atributos e métodos
15:17
Funções Factory
12:36
Prototype - Introdução
09:17
Prototype - Herança
09:46
Operador Rest/Spread parte 1
08:12
Operador Rest/Spread parte 2
08:58
Destructuring Assignment parte 1
11:36
Destructuring Assignment parte 2
10:22
Destructuring Assignment parte 3
08:32
Destructuring Assignment parte 4
04:49
App Orçamento Pessoal - Iniciando o projeto
03:34
App Orçamento Pessoal - Criando, incluindo e testando o arquivo app.js
02:17
App Orçamento Pessoal - Cadastro de despesa parte 1
06:05
App Orçamento Pessoal - Criando a classe Despesa
04:17
Extra - Web Storage
06:17
App Orçamento Pessoal - Cadastrando despesa parte 2
05:14
Extra - Objetos literais vs Notação JSON
08:26
App Orçamento Pessoal - Criando a classe BD e índices dinâmicos
12:55
App Orçamento Pessoal - Validando dados antes do registro parte 1
09:19
App Orçamento Pessoal - Validando dados antes do registro parte 2
09:28
App Orçamento Pessoal - Desafio
12:12
App Orçamento Pessoal - Listando despesas parte 1
15:16
App Orçamento Pessoal - Listando despesas parte 2
16:23
App Orçamento Pessoal - Desafio 2
03:53
App Orçamento Pessoal - Filtrando despesas parte 1
08:08
Extra - Array Filter
10:48
App Orçamento Pessoal - Filtrando despesas parte 2
11:27
App Orçamento Pessoal - Filtrando despesas parte 3
11:11
App Orçamento Pessoal - Removendo despesas e considerações finais
15:54
+ Iniciando com servidor Apache, PHP e MySQL
6 lectures 39:46
Internet x Web (um pouco da história)
04:50
A dinâmica da World Wide Web
06:03
Web Stacks mais conhecidas no momento
06:20
Stack WAMP - Configurando o back-end com XAMPP
08:54
Stack WAMP - Conhecendo o XAMPP
13:29
Configurando o back-end com XAMPP no Linux / Mac OSX
00:10
Requirements
  • Você não precisa saber nada sobre desenvolvimento web ou qualquer uma das tecnologias propostas neste curso para se inscrever e iniciar seus estudos. Você só precisa do desejo de aprender.
  • Todas as ferramentas utilizadas neste treinamento são de uso profissional e livre, ou seja, são gratuitas, logo, você não precisará de nenhum investimento financeiro em softwares para iniciar sua nova profissão como desenvolver web.
  • Se você tem habilidades básicas para utilizar um computador e acessar a internet e estiver em busca de uma nova profissão, este curso é para você.
Description

Bem vindo ao curso Desenvolvimento Web Completo 2020 - 20 cursos + 20 projetos, o curso mais completo e bem avaliado da categoria.

O curso conta com mais de 530 aulas, ao todo são mais de 100 horas de videoaulas em que são abordadas as principais tecnologias web do momento.

Para iniciar o treinamento não é necessário nenhum conhecimento prévio na área, o aluno partirá do zero e ao final do treinamento alcançará um nível profissional. Além disso o aluno conta com um suporte campeão para tirar suas dúvidas.

Este super pacote reúne incríveis 20 cursos. Para aprender tudo o que é proposto em mais de 100 horas de treinamento o aluno irá desenvolver 20 projetos reais.

Aprenda agora mesmo as tecnologias: HTML5, CSS3, BootStrap 4, Java Script, ES6 (JavaScript Moderno), PHP 7, Orientação a Objetos, MySQL, PHP com PDO, Ajax, JQuery, MVC, APIs, IONIC, WordPress e muito mais! 

Conheça o curso mais COMPLETO da Udemy, que reúne o Desenvolvimento Web front-end e back-end além de aplicações mobile, tudo na pratica.


  • Confira abaixo os cursos e os projetos do pacote de Desenvolvimento Web Completo 2020:

1) HTML5

- Projeto UNES (Página institucional de uma universidade)


2) CSS3

- Projeto Anna Bella (Página web pessoal)

- Projeto TecBlog (Blog de tecnologia)


3) CSS3 Intermediário & avançado

- Projeto Notícias da Cidade (Portal de notícias)

- Projeto Chalé Hotel (Página publicitária)


4) HTML5 e CSS3 - Recursos especiais

  - Projeto Museu Nacional


5) Bootstrap 4 & Design responsivo

- Projeto Finans

- Spotify Clone


6) JavaScript

- App Calculadora

- App Game Mata Mosquito (Um game sensacional que vai desafiar seus conhecimentos de lógica de programação)


7) JavaScript Moderno (ECMAScript 2015 - ES6) e Orientação a Objetos

- App Orçamento Pessoal (App para controle pessoal de finanças)


8) PHP 7

- App Help Desk (App para abertura e acompanhamento de suportes técnicos)


9) PHP 7 e Orientação a Objetos

- App Send Mail (App para criação e envio de e-mails)


10) Banco de dados MySQL

- Projeto Banco de Dados Loja Virtual (Implementação do banco de dados de uma loja virtual)


11) Ajax

- App Pesquisa Endereço (Aprenda a realizar requisições HTTP via XMLHttpRequest para API's)


12) PHP com PDO

- App Lista de Tarefas (PHP com PDO e MySQL)


13) Publicação de aplicações Web na Internet

  - Publicação de aplicações web (PHP e MySQL) utilizando o InfintyFree


14) JQuery

- App Dashboard (Criação de um dashboard integrando front-end, back-end e banco de dados)


15) Padrão de arquitetura MVC com PHP

- Projeto miniframework (Criação de um miniframework baseado na arquitetura MVC)


16) PHP 7 & MySQL - Projeto aplicado Twitter Clone

- Projeto Twitter Clone


17) API com Slim Framework

- Projeto API de Produtos


18) Introdução ao WordPress (criação de blogs)

- Projeto 10 minutos exercícios


19) SASS


20) Criando aplicações Mobile com IONIC
- Projeto Gasolina ou Álcool


Junte-se a mais de 100 mil alunos que já fizeram e aprovaram os nossos treinamentos!

Who this course is for:
  • Qualquer pessoa com vontade de aprender a criar sites e sistemas web profissionais.
  • Estudantes e profissionais que desejam aprender ou se aprofundar nas tecnologias HTML5, CSS3, Bootstrap4, JavaScript Moderno (ES6), Jquery, PHP 7, Framework SLIM, Orientação a Objetos, PDO, DAO, MVC, MySQL, IONIC, Wordpress.
  • Estudantes interessados em aprender na prática.