UX & Web Moderna + TapLearn®: Uma revolução no ensino!
5.0 (1 rating)
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.
34 students enrolled

UX & Web Moderna + TapLearn®: Uma revolução no ensino!

Aprenda de uma vez por todas as tecnologias da Web!
5.0 (1 rating)
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.
34 students enrolled
Created by Everton Braga
Last updated 1/2019
Portuguese
Portuguese [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 10.5 hours on-demand video
  • 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
  • Ao final do curso você poderá prototipar, desenvolver, estilizar e criar interatividade, seguindo as melhores práticas do mercado. Não só aprenderá como terá uma fortíssima base em todos esses aspectos graças ao inovador método de aprendizagem TapLearn®.
Course content
Expand all 105 lectures 10:33:55
+ Prototipando com Axure RP8
16 lectures 02:26:58

Aqui vamos ter uma visão geral do programa e do projeto que será desenvolvido

Preview 02:43

Nesta aula vamos conhecer a interface do Axure

Conhecendo a interface
11:26

Nesta aula vamos ver como funcionam os Widgets

Widgets (elementos)
13:56

Nesta aula vamos ver como funcionam as interações no Axure

Interações
06:45

Nesta aula vamos entender o que são Masters e a sua dinâmica

Masters
09:22

Nesta aula vamos conhecer o poder dos Painéis Dinâmicos

Dynamic Panels
09:22

Nesta aula vamos fazer o Wireframe do nosso projeto

Wireframe
14:28

Nesta aula vamos trabalhar na parte 1 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 1)
14:05

Nesta aula vamos trabalhar na parte 2 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 2)
11:36

Nesta aula vamos trabalhar na parte 3 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 3)
08:21

Nesta aula vamos trabalhar na parte 4 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 4)
06:01

Nesta aula vamos trabalhar na parte 5 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 5)
03:38

Nesta aula vamos trabalhar na parte 6 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 6)
06:36

Nesta aula vamos trabalhar na parte 7 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 7)
10:58

Nesta aula vamos trabalhar na parte 8 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 8)
04:25

Nesta aula vamos trabalhar na parte 9 do nosso protótipo de alta fidelidade

Protótipo de alta fidelidade (parte 9)
13:16
+ Estruturando com HTML5
15 lectures 01:21:16

Nesta aula vamos conhecer a estrutura básica do HTML

Preview 10:09

Nesta aula vamos entender a diferença entre elementos em bloco e elementos em linha

Elementos em bloco e em linha
07:07

Nesta aula vamos entender como funcionam os textos e suas variações no HTML

Textos padrão e textos pré-formatados
04:47

Nesta aula vamos estudar os títulos no HTML

Headings (cabeçalhos)
06:41

Nesta aula vamos entender sobre parágrafos e break rows

Parágrafos e break rows
06:09

Nesta aula vamos ver como destacar textos em HTML

Destacando textos
04:55

Nesta aula vamos ver como funcionam as imagens em HTML

Imagens
07:21

Nesta aula vamos ver como estruturar o nosso documento HTML

Estruturando o documento
07:26

Nesta aula vamos ver como fazer links entre as páginas do site

Linkando as páginas do site
03:40

Nesta aula vamos aprender como fazer links para páginas externas

Links para páginas externas
01:44

Nesta aula vamos ver como linkar regiões de uma mesma página

Linkando regiões da página
05:42

Nesta aula vamos aprender como trabalhar com formulários em HTML

Formulários
08:45

Nesta aula vamos aprender sobre as listas não ordenadas e sua importância dentro do HTML

Listas não ordenadas
01:54

Nesta aula vamos aprender sobre as listas ordenadas e sua importância dentro do HTML

Listas ordenadas
02:43

Nesta aula vamos aprender sobre as listas de definição e sua importância dentro do HTML

Listas de definição
02:13
+ Estilizando com CSS3
26 lectures 02:38:10

Nesta aula vamos aprender o que é CSS e os modos inline e interno

Preview 07:56

Nesta aula vamos aprender o que é estilo externo no CSS

Estilo externo
03:22

Nesta aula vamos aprender sobre a sintaxe, convenções e terminologias do CSS

Sintaxe, convenções e terminologia
04:33

Nesta aula vamos aprender sobre os seletores universais, IDs e classes no CSS

Seletores universais, IDs e classes
03:57

Nesta aula vamos aprender sobre o reuso com classes no CSS

Reuso com classes
04:27

Nesta aula vamos aprender sobre o reuso com classes no CSS

Ordem de precedência
06:16

Nesta aula vamos aprender sobre as boas práticas com seletores no CSS

Boas práticas com seletores
10:02

Nesta aula vamos aprender sobre os pseudo elementos no CSS

Pseudo elementos
11:04

Nesta aula vamos aprender sobre os comentários no CSS

Comentários
03:18

Nesta aula vamos aprender sobre as cores e a tabela Unicode no CSS

Cores e tabela Unicode
08:35

Nesta aula vamos aprender sobre seletores com formulários no CSS

Seletores com formulários
03:47

Nesta aula vamos aprender sobre os seletores irmãos no CSS

Seletores irmãos
03:25

Nesta aula vamos aprender sobre os seletores com combinação de classes no CSS

Seletores com combinação de classes
03:44

Nesta aula vamos aprender sobre as pseudo classes no CSS

Pseudo classes
09:54

Nesta aula vamos aprender como utilizar a API Google fonts no CSS

Google fonts
05:54

Nesta aula vamos aprender sobre as unidades de medida relativa e absoluta no CSS

Unidades de medida relativa e absoluta
04:32

Nesta aula vamos aprender sobre as unidades de medida EM e REM no CSS

Unidades de medida EM e REM
05:26

Nesta aula vamos aprender sobre as viewports com as unidades de medida VH e VW no CSS

Unidades de medida VH e VW (viewports)
03:49

Nesta aula vamos aprender sobre as unidade de medida VMIN e VMAX no CSS

Unidades de medida VMAX e VMIN
03:57

Nesta aula vamos entender a diferença entre inline e inline-block no CSS

Diferença entre inline e inline-block
02:51

Nesta aula vamos aprender sobre o Box model no CSS

Box model
06:51

Nesta aula vamos desenvolver a parte 1 do nosso projeto final em CSS

Projeto final (parte 1)
08:25

Nesta aula vamos desenvolver a parte 2 do nosso projeto final em CSS

Projeto final (parte 2)
07:32

Nesta aula vamos desenvolver a parte 3 do nosso projeto final em CSS

Projeto final (parte 3)
05:48

Nesta aula vamos desenvolver a parte 4 do nosso projeto final em CSS

Projeto final (parte 4)
08:34

Nesta aula vamos desenvolver a parte 5 do nosso projeto final em CSS

Projeto final (parte 5)
10:11
+ Layouts eficientes com Flexbox
12 lectures 01:10:54

Nesta aula vamos entender o que é Flexbox e sua estrutura básica

Preview 10:26

Nesta aula vamos entender as propriedade flex-direction, wrap, flow e reverse do Flexbox

Flex direction, wrap, flow e reverse
06:53

Nesta aula vamos entender sobre a propriedade flex-items do Flexbox

Flex items
09:27

Nesta aula vamos entender sobre a propriedade justify-content do Flexbox

Justify content
03:12

Nesta aula vamos entender sobre a propriedade align-items do Flexbox

Align items
06:36

Nesta aula vamos entender sobre a propriedade align-self do Flexbox

Align self
01:49

Nesta aula vamos ver como trabalhar com margens no Flexbox

Margin
05:56

Nesta aula vamos aprender como fazer um alinhamento com múltiplas linhas no Flexbox

Alinhamento com múltiplas linhas
04:12

Nesta aula vamos entender como funciona o ordenamento de itens Flexbox

Ordenamento de itens
03:19

Nesta aula vamos aprender sobre ordenamento avançado no Flexbox

Ordenamento avançado
03:57

Nesta aula vamos ver como funcionam os sub containers e os sub itens no Flexbox

Sub containers e sub itens
07:47

Nesta aula vamos algumas dicas finais sobre Flexbox

Conclusão e dicas
07:20
+ Layouts de alta perfomance com Grid Layout
14 lectures 44:15

Nesta aula vamos entender o que é o Grid Layout

Preview 01:41

Nesta aula vamos conhecer a estrutura do nosso projeto

Estrutura do projeto
01:16

Nesta aula vamos entender a propriedade grid-template no Grid Layout

Grid templates
04:37

Nesta aula vamos sobre a propriedade dos elementos no Grid Layout

Prioridade dos elementos
02:58

Nesta aula vamos aprender como organizar os elementos na tela com o Grid Layout

Organizando os elementos na tela
02:58

Nesta aula vamos aprender sobre as propriedades grid-row e grid-column do Grid Layout

Grid row e grid column
03:40

Nesta aula vamos aprender como funciona o span no Grid Layout

Utilizando o span
01:45

Nesta aula vamos vamos aprender como funciona a unidade de medida FR no Grid Layout

Unidade de medida FR
02:59

Nesta aula vamos aprender o repeat no Grid Layout

Repeat
02:49

Nesta aula vamos como funciona os gaps Grid Layout

Gaps
00:51

Nesta aula vamos ter uma visão geral do nosso layout final no Grid Layout

Layout final (estrutura)
01:12

Nesta aula vamos aprender a parte 1 das named lines no Grid Layout

Named lines (parte 1)
05:40

Nesta aula vamos aprender a parte 2 das named lines no Grid Layout

Named lines (parte 2)
06:13

Nesta aula vamos aprender sobre as template areas no Grid Layout

Template areas
05:36
+ Ganhando poder com JavaScript
22 lectures 02:12:22

Nesta aula vamos ter uma introdução ao JavaScript

Preview 06:40

Nesta aula vamos aprender como linkar um arquivo externo em JavaScript

Linkando um arquivo externo
02:52

Nesta aula vamos aprender sobre as variáveis em JavaScript

Variáveis
04:46

Nesta aula vamos ter uma visão geral do nosso projeto em JavaScript

Projeto do curso
04:21

Nesta aula vamos aprender sobre estruturas condicionais em JavaScript

Estruturas condicionais
06:50

Nesta aula vamos avançar nas estruturas condicionais em JavaScript

Avançando nas estruturas condicionais
06:26

Nesta aula vamos conhecer o que é o DOM em  JavaScript

Conhecendo o DOM
04:52

Nesta aula vamos aprender a manipular o HTML através do DOM em JavaScript

Manipulando o HTML através do DOM
07:47

Nesta aula vamos ter uma introdução aos objetos em JavaScript

Introdução aos objetos
04:10

Nesta aula vamos entender como funcionam os arrays em JavaScript

Arrays
03:15

Nesta aula vamos aprender como utilizar a estrutura de repetição while em JavaScript

Estrutura de repetição while (loop)
08:40

Nesta aula vamos aprender como percorrer o HTML com uma estrutura de repetição em JavaScript

Percorrendo o HTML
13:55

Nesta aula vamos aprender como funciona a estrutura de repetição FOR em JavaScript

Estrutura de repetição for (loop)
02:26

Nesta aula vamos entender como funcionam as funções em JavaScript

Funções
05:45

Nesta aula vamos ver como funcionam as funções dentro dos objetos em JavaScript

Funções dentro do objeto
03:59

Nesta aula vamos ver como funcionam as funções anônimas em JavaScript

Funções anônimas
02:36

Nesta aula vamos aprender a parte 1 de como modularizar o nosso código em JavaScript

Modularizando nosso código (parte 1)
09:14

Nesta aula vamos aprender a parte 2 de como modularizar o nosso código em JavaScript

Modularizando nosso código (parte 2)
06:18

Nesta aula vamos aprender como funcionam os eventos em JavaScript

Eventos
08:18

Nesta aula vamos aprender como chamar scripts JavaScript no HTML

Chamando scripts no HTML
01:51

Nesta aula vamos aprender a parte 1 do querySelector e innerHTML em JavaScript

querySelector e innerHTML (parte 1)
12:04

Nesta aula vamos aprender a parte 2 do querySelector e innerHTML em JavaScript

querySelector e innerHTML (parte 2)
05:17
Requirements
  • Não há pré-requisitos, o curso te levará do zero até o nível avançado.
Description

Olá pessoal, sejam muito bem-vindos ao nosso curso de UX e Web Moderna. Serão 6 cursos onde aprenderemos todo o necessário para desenvolver sistemas incríveis, desde a prototipagem até a implementação. Vamos aprender a trabalhar com Axure a ferramenta de UX Design líder de mercado utlizada por grandes empresas como Audi, Amazon, Apple, entre outras. Com Axure vamos desenvolver um projeto completo do zero, baseado no site da Beats. Também vamos aprender tudo sobre a Web Moderna, com os nossos cursos de HTML, CSS e JavaScript. Vamos aprender a layoutar com eficiência utilizando Flexbox e a novíssima especificação CSS, o Grid Layout. Além disso ainda temos uma surpresa especial para fechar com chave de ouro, o TapLearn®, confira no nosso vídeo promocional!

Who this course is for:
  • Desenvolvedores Web e UX Designers