Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Life Purpose Meditation Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 19.5 hours on-demand video
  • 7 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Design Web Design Responsive Design

Curso de Design Responsivo

Web Design Responsivo na prática
Highest Rated
Rating: 4.4 out of 54.4 (535 ratings)
24,524 students
Created by Ronaldo Aires
Last updated 7/2020
Portuguese
30-Day Money-Back Guarantee

What you'll learn

  • Desenvolver sites responsivos completo do zero sem frameworks
  • Criar layouts responsivos seguindo os padrões da W3C
  • Criar imagens e mídias flexiveis
  • Introdução básica ao uso do JavaScript e jQuery
  • Utilizar plugins jQuery
  • Marcação válida pela W3C com HTML5 e CSS3 Orientado a Objetos
Curated for the Udemy for Business collection

Requirements

  • Noções básicas de marcação HTML5 e CSS3.
  • Os pré-requisitos não são obrigatórios, mas eles dão uma base de parte do conhecimento necessário que se precisa ter para fazer esse curso.

Description

Aprenda a criar sites que se ajustam automaticamente a qualquer dispositivo independentemente do tamanho da tela ou resolução! Design Responsivo do jeito certo, válido pela W3C.

Você aprendera a desenvolver um projeto real do zero, sem utilizar frameworks para desenvolver seu próprio site responsivo reutilizável com seu próprio sistema de Grids e os conceitos do CSS orientado a objetos que serviram de base para criar inúmeras possibilidades de sites.

Aprenda na prática desenvolvendo sites com as mais novas técnicas de uma maneira simples fácil e eficiente.

Curso objetivo 100% na prática.

Who this course is for:

  • Esse curso é perfeito para quem deseja aprender web design responsivo e criar sites para desktop, tablets e smartphones que se ajustam automaticamente ao tamanho da tela

Course content

4 sections • 105 lectures • 19h 22m total length

  • Preview03:21
  • Preview03:22
  • Preview03:25
  • Conhecendo o projeto e criando estrutura de pastas
    03:51
  • Criando arquivo index em HTML5
    03:10
  • Conhecendo os elementos base de um documento HTML5
    05:00
  • Preview03:47
  • Preview09:24
  • Criando links
    08:01
  • Adicionando imagens
    04:39
  • Criando listas ordenadas e não ordenadas
    05:37
  • Criando estilos CSS
    09:02
  • Classes e Ids
    09:54
  • Marcando estrutura do projeto
    08:10
  • Criando folha de estilos
    05:48
  • Adicionando imagem com CSS
    06:11
  • Estilizando o topo
    05:48
  • Estilizando icones utilizando uma única imagem
    09:07
  • Estilizando a tag section
    02:50
  • Incorporando vídeos do Youtube
    02:25
  • Estilizando a tag iframe
    03:33
  • Estilizando a tag footer
    04:42
  • Adicionando ícones com Font Awesome
    08:57
  • Adicionando fontes de texto do Google Fonts
    06:47
  • Adicionando ícone de favoritos
    05:33
  • Ajustando site com Media Queries
    15:44
  • Validando projeto na W3C
    05:32

  • Preview02:53
  • Preview04:43
  • Criando marcação HTML5 do projeto Tinashe
    10:21
  • Introdução a criação de formulários
    09:35
  • Criando folha de estilos
    06:56
  • Estilizando fontes de texto
    07:22
  • CSS gradientes
    08:26
  • CSS background fixo
    04:48
  • Estilizando links
    05:42
  • Estilizando botões
    07:46
  • Estilizando iframe
    06:40
  • Estilizando sessão com ícones
    12:17
  • Estilizando formulário
    06:03
  • Reaproveitamento de classes
    06:02
  • Estilizando rodapé
    06:18
  • Ajustando e finalizando o site
    08:03

  • Preview11:20
  • Preview09:04
  • Preview12:41
  • Criando sistema de Grid CSS3 automático com 12 colunas
    20:23
  • Criando topo CSS Reset e Clearfix
    13:52
  • Criando e estilizando formulário de busca
    14:44
  • Criando e estilizando menu com submenu lateral
    26:20
  • Criando sessão da galeria de imagens
    12:03
  • Utilizando a biblioteca Fancybox
    21:17
  • Utilizando fontes do Google Fonts
    09:04
  • Utilizando seletores first-child e last-child
    11:09
  • Criando sessão destaque
    23:51
  • Criando tabelas e estilizando com cores alternadas
    20:50
  • Criando sessão conselhos
    11:08
  • Marcando e estilizando rodapé
    32:56
  • Criando botões e conhecendo z-index
    06:49
  • Criando SlideShow com plugin jQuery
    18:16
  • Criando scroll suave em links ancora
    07:39
  • Criando botão voltar ao topo
    12:51
  • Criando e entendendo formulários
    01:02:02
  • Complementando e estilizando formulário
    27:31
  • Aplicando a declaração CSS !important
    07:55
  • Ajustando site com Media Queries
    22:02
  • Criando janela modal com Fancybox
    11:53
  • Criando tela de loading antes de carregar o site com jQuery
    16:42
  • Finalizando projeto com correções e dicas
    19:57
  • Escondendo menu ao clicar nos links
    05:37
  • Apresentação do Curso de Web Design - Desenvolvimento Web Front-End
    03:21
  • Como Registrar um Domínio na Internet
    06:37

  • Apresentação
    11:06
  • Criando o arquivo index com o bloco de notas
    21:52
  • Adicionando folha de estilos
    23:16
  • Adicionando topo e logo
    22:21
  • Marcando menu com lista e conhecendo links
    12:34
  • Estilizando menu e conhecendo tipos de cores
    19:49
  • Criando css reset
    07:31
  • Baixando e instalando notepad e identando código
    15:13
  • Criando Slide apenas com CSS3
    13:01
  • Utilizando biblioteca de animações
    07:27
  • Adicionando e conhecendo box-sizing e Section
    05:46
  • Criando cantos arredondados com CSS3 utilizando border-radius
    07:19
  • Marcando conteúdo com a tag article
    08:28
  • Adicionando sombra em elementos e textos
    10:26
  • Importante Criando sistema de Grid
    29:54
  • Estilizando textos com o conceito de CSS Orientado a Objetos OOCSS
    07:26
  • Estilizando botões com o conceito de CSS Orientado a Objetos OOCSS
    10:34
  • Alinhando textos e entendendo clearfix
    08:54
  • Marcando conteúdo com as tag section e article
    11:58
  • Adicionando vídeos utilizando a tag vídeo do HTML5
    08:34
  • Adicionando vídeos do youtube e vimeo no site
    09:05
  • Adicionando áudios com a tag áudio do HTML5
    10:31
  • Adicionando endereço com a tag address e google maps
    12:08
  • Criando e estilizando formulário de contato
    14:19
  • Criando rodapé utilizando a tag footer do HTML5
    10:28
  • Estilizando fundo dos elementos HTML utilizando imagens
    08:47
  • Conhecendo meta tags e adicionando ícone de favoritos
    10:51
  • Formatando o site para diversos dispositivos com Media Queries
    22:16
  • Utilizando Opacity para aplicar transparência em imagens
    06:45
  • Padrões Web validando HTML5 e CSS3 pela W3C
    06:12
  • Utilizando o HTML5Shiv para reconhecer Tags do HTML5
    06:53
  • Conceitos de domínio e hospedagem
    14:28
  • Baixando e instalando um cliente FTP
    08:31

Instructor

Ronaldo Aires
CEO e Web Developer
Ronaldo Aires
  • 4.4 Instructor Rating
  • 930 Reviews
  • 33,006 Students
  • 3 Courses

Formado em Tecnologia em Sistemas para Internet pela IFMT.  Pós Graduado como Especialista em Docência em Ciência e Tecnologia da Informação pela FCV.

 Apaixonado por programação, sempre aprendendo para compartilhar conhecimento. Focado na simplicidade, ensinando de uma maneira pratica, fácil e eficiente utilizando as mais novas tecnologias e tendências do mercado. 

Programador de sistemas web com experiência em PHP, HTML5, CSS3, JavaScript, jQuery, Padrões de Projetos, PDO, W3C  e Bancos de Dados MySQL.  Experiência com a utilização de Frameworks Back-end e Front-end, com grande capacidade para absorver e desenvolver novas tecnologias.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.