Web Design com Adobe XD, Bootstrap, GIMP, HTML e Photoshop
4.3 (1,193 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.
31,505 students enrolled

Web Design com Adobe XD, Bootstrap, GIMP, HTML e Photoshop

Crie sites com design elegante em poucas linhas de código usando Adobe XD, Bootstrap 4, FontAwesome e DataTables
4.3 (1,193 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.
31,505 students enrolled
Last updated 10/2019
Portuguese
Portuguese [Auto]
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
  • 13 hours on-demand video
  • 33 articles
  • 21 downloadable resources
  • 1 Practice Test
  • 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
  • Os fundamentos do framework Bootstrap
  • Construir layouts de sites usando o Bootstrap
  • Editar imagens com Photoshop Express
  • Editar imagens com GIMP
  • Criar protótipos com Adobe XD
Course content
Expand all 193 lectures 13:18:21
+ Sublime text
1 lecture 04:05
Qual editor você poderá usar nas aulas?
1 question
+ Teoria da cor
9 lectures 40:50
Introdução
00:11
Introdução à teoria da cor
02:45
Propriedades da cor
03:35
Organização das cores
07:10
Sistemas de cores
05:28
Cores
00:27
Prática: teoria da cor
08:09
Cores
2 questions
+ Introdução ao Bootstrap
7 lectures 22:20
Bootstrap
00:05
Por que usar o Bootstrap?
00:02
Download do jQuery
00:18
Conhecendo o Bootstrap
08:32
Bootstrap
1 question
+ Tipografia
5 lectures 12:54
Material suplementar
00:22
Títulos
05:13
Display
01:57
Destaque
01:58
Elementos inline
03:24
+ Sistema de grade (grid system)
3 lectures 19:03
Sistema de grade: containers
04:37
Sistema de grade: colunas
08:45
Sistema de grade: resolução
05:41
+ Imagens
3 lectures 10:10
Material suplementar
00:03
Classes para formatação de imagens
07:51
Imagens responsivas
02:16
+ Tabelas
5 lectures 18:48

Segue abaixo os códigos e imagens usados nas próximas aulas.

Bons estudos ;)

Material suplementar
00:03
Classes para formatação de tabelas
03:37
Tabelas dark
03:05
Colorindo linhas em tabelas
08:03
Tabelas
1 question
+ Componentes
4 lectures 14:03
Material suplementar (componentes)
00:03
Alertas
05:17
Botões
03:22
Variações de cores em botões
05:21
Botões
4 questions
Requirements
  • Conhecimentos básicos da linguagem HTML
  • Conhecimentos em CSS
  • Conhecimentos em JavaScript (recomendado, mas não obrigatório)
  • Conhecimentos em jQuery (recomendado, mas não obrigatório)
Description

Construir sites exige uma gama de habilidades. Não basta apenas ter conhecimentos em HTML e CSS. Para construir belas aplicações é necessário dominar alguns frameworks e ferramentas.

Neste curso abordaremos:

  • Adobe XD

  • Bootstrap framework

  • GIMP

  • Photoshop Express

  • Font Awesome

  • DataTables

Você construirá projetará sites usando o Adobe XD e os construirá usando Bootstrap. Bootstrap é um framework CSS e JavaScript. Ele contém um conjunto de componentes que facilitam a criação de páginas de internet com belas interfaces. Bootstrap ainda permite a criação de layouts responsivos: páginas que se ajustam automaticamente ao dispositivo utilizado, desde computadores de tela grande a até smartphones. No fim, apresentaremos dois editores de imagens gratuitos: GIMP e Photoshop Express.

Who this course is for:
  • Pessoas que queiram se tornar Webdesigners ou Webmasters