Curso completo de Desenvolvimento Web - Crie 6 projetos
4.5 (3,684 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
11,875 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Curso completo de Desenvolvimento Web - Crie 6 projetos to your Wishlist.

Add to Wishlist

Curso completo de Desenvolvimento Web - Crie 6 projetos

Aprenda a desenvolver sites e sistemas web do zero utilizando HTML, CSS, Bootstrap, JavaScript, JQuery, PHP, POO e MySQL
4.5 (3,684 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
11,875 students enrolled
Last updated 5/2017
Portuguese
Learn Fest Sale
Current price: $10 Original price: $75 Discount: 87% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 34 hours on-demand video
  • 88 Articles
  • 31 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Iniciar uma carreira de sucesso como programador web
  • Desenvolver sistemas web completos com HTML, CSS, Bootstrap, JavaScript, Jquery, PHP, Orientação a Objetos e MySQL
  • Ganhar dinheiro com o desenvolvimento de sites ou sistemas web
  • Estará apto a desenvolver seus projetos web
View Curriculum
Requirements
  • Computador com acesso à internet.
Description

Quer iniciar uma carreira como desenvolvedor web? Quer aprender as ferramentas mais utilizadas para desenvolvimento de sites e sistemas web? Quer tirar o seu projeto do papel e colocá-lo na internet? Esse curso completo de desenvolvimento web é pra você! Com ele você aprenderá, na prática, como transformar suas ideias em sistemas WEB.

Este é um curso repleto de exemplos práticos, ministrado por professores com anos de experiência na área. São 33 horas distribuídas em mais de 280 aulas práticas e direto ao ponto! Tá esperando o que pra começar?

Neste curso completo de desenvolvimento web você aprenderá:

  • Criar páginas estáticas com HTML5, CSS3 e JavaScript;
  • Criar páginas responsivas com Bootstrap: crie sites responsivos e que se adaptem aos diversos tamanhos de telas, como por exemplo smartphones;
  • Utilizar a biblioteca JQuery na prática: torne a experiência de navegação no  site muito mais amigável e profissional;
  • Aprender AJAX: um conceito de requisição assíncrona que torna a usabilidade de sites e sistemas web muito mais agradáveis;
  • Aprender PHP: uma das linguagens de programação mais utilizadas no mundo;
  • Aprender o conceito de Orientação a Objetos;
  • Aprender MySQL:um dos bancos de dados mais utilizados no mundo.

Crie 6 projetos reais!

Para aprender esses conceitos, nada melhor do que exercícios práticos! Aí vai um resumão dos projetos que você aprenderá!

- Crie um site de viagens em HTML.
- Crie um blog com HTML e CSS.
- Recrie a página inicial do famoso site Spotify.
- Crie um jogo de estourar balões em JavaScript.
- Crie um jogo da velha em JQuery.
- Recrie o Twitter em nosso projeto Twitter Clone.

Junte-se a mais de 5 mil alunos que já fizeram e aprovaram esse curso! Comece agora mesmo esse curso de desenvolvedor web!

Who is the target audience?
  • Pessoas com vontade de aprender a criar sites e sistemas web.
  • Este é um curso bacana tanto para iniciantes em desenvolvimento web, quanto estudantes mais avançados que querem aprimorar seus conhecimentos web de forma prática, utilizando as tecnologias HTML, CSS, Bootstrap, JavaScript, Jquery, PHP, Orientação a Objetos e MySQL.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 313 Lectures Collapse All 313 Lectures 34:22:44
+
Boas vindas
2 Lectures 03:33
+
Preparando-se para o desenvolvimento
6 Lectures 21:08

Entendendo os objetivos do módulo "preparando-se para o desenvolvimento".

Preview 01:06

Entenda a diferença entre IDEs e editores de texto de código fonte.

Preview 03:15

Aprenda a instalar o editor de código fonte sublime text

Instalando o Sublime Text
02:44

Baixe os arquivos de exemplo necessários para aprender a criar projetos em Sublime Text.

Criando um projeto com Sublime Text - Arquivos necessários
00:03

Descubra como é fácil e produtivo criar projetos no Sublime Text.

Criando um projeto com Sublime Text
11:02

Aprenda a exibir extensões de arquivos.

Como exibir as extensões dos arquivos
02:58
+
HTML
20 Lectures 02:17:55

Nessa aula você irá aprender o que é HTML e como montar os primeiros códigos.

O que é HTML?
02:55

Nessa aula você irá aprender a criar a estrutura básica de uma página web.

Estrutura de uma Página Web
18:56

Estrutura de uma Página Web - projeto.html
00:05

Cabeçalhos
10:39

Parágrafos
03:47

Formatação de textos
04:30

Listas não ordenadas
03:18

Listas ordenadas
02:37

Teste
4 questions

Imagens
09:18

Links
09:04

Tabelas
12:26

Tabelas - Final
09:57

Formulários
18:24

Formulários (Arquivos do projeto)
00:03

Caracteres Especiais - (Links úteis)
00:01

Caracteres Especiais
06:54

Teste
4 questions

Projeto final site - Arquivos Necessários
00:03

Projeto final site
23:48

Projeto final site - arquivos do projeto
00:03
+
CSS
18 Lectures 01:35:30
Introdução CSS
05:39

Inline CSS
07:52

Inline CSS (Arquivos do projeto)
00:03

Seletores CSS
09:32

Seletores CSS (Arquivos do projeto)
00:03

Classes e IDs
13:00

Classes e IDs (Arquivos do projeto)
00:03

Tags Div & Span
11:08

Tags Div & Span (Arquivos do projeto)
00:03

teste
3 questions

Bordas - (Links úteis)
00:01

Bordas
15:41

Bordas - (Arquivos do projeto)
00:03

Fontes & cores - (Links úteis)
00:05

Fontes & cores
13:13

Fontes & cores - (Arquivos do projeto)
00:03

Formatações de textos - parte I
10:38

Formatações de textos - parte II
08:20

Formatações de textos - (Arquivos do projeto)
00:03
+
CSS Intermediário
20 Lectures 01:55:02

Box Model - Links úteis
00:02

Box Model (Modelo de caixa)
17:06

Box Model / Modelo de caixas - (Arquivos do projeto)
00:03

Elementos Flutuantes - (Arquivos necessários)
00:03

Elementos Flutuantes
17:14

Elementos Flutuantes - (Arquivos do projeto)
00:03

Posicionamento
06:17

Posicionamento - Parte II
16:33

Posicionamento - (Arquivos do projeto)
00:03

Elementos inline, block e inline-block
01:43

Formatando Links
11:16

Formatando Links - (Arquivos do projeto)
00:03

CSS Externo
08:37

CSS Externo - (Arquivos do projeto)
00:03

TecBlog Projeto Final (Arquivos necessários)
00:03


TecBlog Projeto Final - parte I - (Arquivos do projeto)
00:03

TecBlog Projeto Final – parte II
16:07

TecBlog Projeto Final - parte II - (Arquivos do projeto)
00:03
+
HTML5
12 Lectures 40:05
Introdução
00:19

Teste o suporte das novas Tags do HTML5
00:17

Novas tags: Header, Footer e Nav
07:09

Novas tags: Header, Footer e Nav - (Arquivos do projeto)
00:02

Novas tags: Section, Article, Aside e Time
07:29

Novas tags: Section, Article, Aside e Time - (Arquivos do projeto)
00:02

Compatibilidade com HTML5 - (Links utilizados)
00:07

Compatibilidade com HTML5
06:12

Novas tags de Input
15:31

Novas tags de Input - (Arquivos do projeto)
00:02

Atributo Data
02:50

Atributos Data - (Arquivos do projeto)
00:02
+
CSS3
13 Lectures 50:38
Introdução
00:14

Navegadores que suportam CSS3
00:13

Normalize, Box Sizing & Cantos arredondados - Links úteis
00:03

Normalize css
08:23

Box Sizing & Cantos arredondados
07:49

Degradês & Transparências - Links úteis
00:01

Degradês & Transparências (Arquivos Necessários)
00:03

Degradês & Transparências
08:44

Sombras - Links úteis
00:02

Sombras
09:47

Animações
09:39

Transições
05:37

Arquivos das aulas
00:02
+
Bootstrap - Criando Sites Responsivos
50 Lectures 05:30:08

Design responsivo & Bootstrap
07:44

Configurando o Bootrstrap
10:17

Introdução - Sistema de Grid
02:43

Sistema de Grid - Links Úteis
00:02

Sistema de Grid
22:51

Sistema de Grid - (Arquivos do projeto)
00:03

Formulários
15:08

Formulários - (Arquivos do projeto)
00:03

Tabelas
10:07

Tabelas - (Arquivos do projeto)
00:03

Botões
12:37

Botões - (Arquivos do projeto)
00:03

Imagens responsivas - (Arquivos necessários)
00:03

Imagens responsivas
07:38

Imagens responsivas - (Arquivos do projeto)
00:03

Barra de navegação
17:42

Barra de navegação - (Arquivos do projeto)
00:02

Glyphicons - Ícones
13:07

Glyphicons - Ícones (Arquivos do projeto)
00:02

Modal window
17:46

Modal window (Arquivos do projeto)
00:02

Alert
07:52

Alert (Arquivos do projeto)
00:02

Tooltip & Popover
11:20

Tooltip & Popover (Arquivos do projeto)
00:02

Tabs
10:29

Tabs (Arquivos do projeto)
00:02

Nessa aula você irá baixar os conteúdos necessários para a próxima aula.

Criando Página Spotify (Arquivos necessários)
00:03

Nessa aula você irá ver o projeto para criação da Interface principal do site Spotify, além de ver como colocar ícones (favicon) em seus sites.

Preview 10:14

Spotify - Barra de Navegação - Parte I
16:30

Spotify - Barra de Navegação - Parte II
12:18

Spotify - Barra de Navegação (Arquivos do projeto)
00:03

Spotify - Criando a Capa Principal - Parte I
20:14

Spotify - Criando a Capa Principal - Parte II
09:44

Spotify - Criando a Capa Principal (Arquivos do projeto)
00:03

Spotify - Criando área de conteúdos - Parte I
17:38

Spotify - Criando área de conteúdos - Parte II
15:35

Spotify - Criando área de conteúdos (Arquivos do projeto)
00:03

Spotify - Criando o Rodapé
12:36

Spotify - Media queries (links úteis)
00:33

Spotify - Media queries
20:44

Spotify - Media queries (Arquivos do projeto)
00:03

Spotify - Overflow (Links úteis)
00:01

Spotify - Overflow
05:07

Spotify - Overflow (arquivos do projeto)
00:03

Spotify - Otimização com media queries
12:24

Spotify - Projeto final
00:03

Spotify - Escondendo elementos (links úteis)
00:02

Spotify - Escondendo elementos
06:16
+
JavaScript
39 Lectures 04:09:53

Descubra qual a aplicação do JavaScript no desenvolvimento de páginas web.

O que é JavaScript
04:48

Aprenda a incluir blocos de códigos JavaScripts em páginas HTML.

Incluindo JavaScript em páginas HTML5
13:33

Aprenda a incluir comentários em seus blocos de códigos JavaScript.

Comentários
04:13

Entenda o funcionamento de variáveis.

Variáveis
14:55

Entenda como concatenar textos e variáveis em JavaScript.

Concatenação
04:22

Aprenda a utilizar arrays em javascript.

Array básico
09:00

Aprenda a utilizar arrays multidimensionais em javascript.

Array multidimensional
07:35

Aprenda a utilizar a estrutura de controle de fluxo (tomada de decisão) if/else.

If/else - introdução
03:32

Descubra como funcionam os operadores de comparação.

Operadores de comparação (condicionais)
02:23

If/else - parte 1 de 2
10:28

Operadores lógicos
02:19

If/else - parte 2 de 2
08:11

Switch
08:08

Operadores aritméticos
03:00

Efetuando operações matemáticas
13:17

Estruturas de repetição - parte 1 de 4: introdução
02:12

Estruturas de repetição - parte 2 de 4: while
07:33

Estruturas de repetição - parte 3 de 4: do while
04:17

Estruturas de repetição - parte 4 de 4: for
04:21

Funções
15:04

Eventos - Introdução
01:02

Eventos - parte 1 de 4: mouse
08:50

Eventos - parte 2 de 4: teclado
05:20

Eventos - parte 3 de 4: janela
04:36

Eventos - parte 4 de 4: formulário
05:47

HTML DOM - Introdução
03:42

HTML DOM - Manipulando elemento (node)
01:11

Download - Projeto auxiliar calculadora
00:05

HTML DOM - Manipulando valores de elementos
15:10


Projeto final - Game estourando balões - arquivos do projeto
00:05

Projeto final - Game estourando balões - parte 1
13:51

Download dos arquivos da primeira parte do projeto
00:07

Projeto final - Game estourando balões - parte 2
17:51

Download dos arquivos da segunda parte do projeto
00:07

Projeto final - Game estourando balões - parte 3
23:39

Download do arquivos da terceira parte do projeto (jogo completo)
00:08

Extra - game estourando balões - removendo eventos
02:08

Fix - Impedir estouro dos balões após vitória ou game over
01:02
+
JQuery
17 Lectures 02:12:21
O que é JQuery
03:01

Incluindo JQuery em páginas HTML
07:15

Download - Projeto auxiliar elementos
00:04

Selecionando, escondendo e exibindo elementos
20:01

Eventos via JQuery - Introdução
03:35

Eventos via JQuery - parte 1 de 3: mouse
09:15

Eventos via JQuery - parte 2 de 3: teclado
06:35

Eventos via JQuery - parte 3 de 3: formulário
06:09


Projeto final - Jogo da velha - arquivos do projeto
00:04

Projeto final - Jogo da velha - parte 1
17:42

Download dos arquivos da primeira parte do projeto
00:08

Projeto final - Jogo da velha - parte 2
27:40

Download dos arquivos da segunda parte do projeto
00:07

Projeto final - Jogo da velha - parte 3
22:56

Download do arquivos da terceira parte do projeto (jogo completo)
00:08

Extra - jogo da velha - removendo eventos
02:29
8 More Sections
About the Instructor
Jorge Sant Ana
4.5 Average rating
5,354 Reviews
17,314 Students
5 Courses
Analista Programador PHP

Jorge Tadeu Sant Ana Silva possui certificação em ITIL V3 e COBIT 4.1, é Tecnólogo em Informática para Negócios pela Fatec e pós-graduado em Gestão de Projetos de Tecnologia da Informação pela USP. Possui experiência de mais de 7 anos na área de TI, dedicados principalmente as atividades de levantamento de requisitos, elaboração de soluções para as necessidades dos clientes, otimização de processos e no desenvolvimento de sistemas utilizando as tecnologias PHP, MySQL, MSSQL, CSS, HTML e JavaScript.

Jamilton Damasceno
4.6 Average rating
11,986 Reviews
36,013 Students
8 Courses
Analista de sistemas

Olá, meu nome é Jamilton Damasceno, sou Analista de Sistemas e Professor.

Comecei minha carreira dando aulas de informática, quando iniciei a faculdade comecei a trabalhar como Webdesigner e Programador, trabalhei no desenvolvimento de aplicativos e jogos para Android / IOS.

Atualmente desenvolvo para Android, IOS e WEB.

Apaixonado por transmitir conhecimentos e ajudar pessoas a desenvolverem o melhor de si, mais de 7 anos de experiência dando aulas e desenvolvendo Aplicações.