{"id":40435,"date":"2020-10-30T05:28:14","date_gmt":"2020-10-30T12:28:14","guid":{"rendered":"https:\/\/kinsta.com\/?p=81471&#038;preview=true&#038;preview_id=81471"},"modified":"2025-02-14T09:24:40","modified_gmt":"2025-02-14T12:24:40","slug":"cursos-de-web-design","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/","title":{"rendered":"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)"},"content":{"rendered":"<p>Entre dezenas de plataformas de aprendizagem, centenas de blogs e YouTube, h\u00e1 uma quantidade infinita de cursos de web design e materiais de aprendizagem dispon\u00edveis on-line.<\/p>\n<p>Mas n\u00e3o \u00e9 tudo da mesma qualidade. Se voc\u00ea come\u00e7ar no lugar errado, vai acabar perdendo seu tempo e dinheiro.<\/p>\n<p>Procuramos na web os melhores e mais atualizados cursos de web design, tanto gratuitos como pagos, e compilamos uma lista restrita das melhores op\u00e7\u00f5es.<\/p>\n<p>Portanto, se a viagem para o escrit\u00f3rio todas as manh\u00e3s e o sofrimento durante a corrida da tarde a caminho de casa todos os dias n\u00e3o \u00e9 o seu forte, continue lendo.<\/p>\n<p>Cobriremos todos os cursos necess\u00e1rios para dar in\u00edcio \u00e0 sua nova carreira como web designer.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Que qualifica\u00e7\u00f5es s\u00e3o necess\u00e1rias para ser um Web Designer?<\/h2>\n<p>Em <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-praticas-web-design\/\">web design<\/a>, as qualifica\u00e7\u00f5es duras tradicionais como os diplomas universit\u00e1rios n\u00e3o carregam tanto peso como em outras ind\u00fastrias.<\/p>\n<p>\u00c9 uma ind\u00fastria em r\u00e1pida mudan\u00e7a, portanto, um diploma de 10 anos de idade n\u00e3o significa que voc\u00ea seja um grande web designer hoje.<\/p>\n<p>Em vez disso, os web designers s\u00e3o tipicamente julgados por seu cat\u00e1logo de trabalhos recentes apresentados atrav\u00e9s de seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/pugins-para-wordpress-portfolio\/\">site de portf\u00f3lio<\/a>.<\/p>\n<p>E n\u00e3o s\u00e3o apenas os projetos anteriores em sua carteira que ajudam a destacar suas habilidades.<\/p>\n<p>Voc\u00ea pode convencer clientes potenciais de que voc\u00ea tem as habilidades necess\u00e1rias de projeto e desenvolvimento com o pr\u00f3prio site.<\/p>\n<p>Para se inspirar em <a href=\"https:\/\/kinsta.com\/pt\/blog\/site-de-portfolio\/\">sites reais de portf\u00f3lio<\/a> usando elementos de vanguarda em design e desenvolvimento, voc\u00ea pode examinar projetos anteriores premiados em <a href=\"https:\/\/www.awwwards.com\/inspiration\/search?text=portfolio&#038;type=submission\">Awwwards<\/a>.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/awwwards-portfolio-sites.jpg\" alt=\"Sites do portf\u00f3lio de Awwwards\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Sites do portf\u00f3lio de Awwwards<\/figcaption><\/figure>\n<p>Veja como cada designer usa <a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-modernas\/\" target=\"_blank\" rel=\"noopener noreferrer\">tipografia<\/a>, espa\u00e7o branco, anima\u00e7\u00f5es, \u00edcones e outros elementos de design para dar o melhor de si.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode encontrar inspira\u00e7\u00e3o em outras comunidades criativas como Dribble ou Behance.<\/p>\n<h3>Domine as ferramentas necess\u00e1rias e as habilidades suaves para o sucesso<\/h3>\n<p>H\u00e1 tamb\u00e9m uma s\u00e9rie de ferramentas que voc\u00ea precisa dominar, e habilidades suaves que ir\u00e3o fazer ou quebrar sua carreira como web designer.<\/p>\n<p>Vamos come\u00e7ar dando uma olhada em algumas das ferramentas que voc\u00ea pode usar.<\/p>\n<ul>\n<li><strong>Ferramentas b\u00e1sicas de ilustra\u00e7\u00e3o e edi\u00e7\u00e3o de fotos: <\/strong>Ilustrador, Photoshop, Sketch, ou GIMP.<\/li>\n<li><strong>Ferramentas de projeto de intera\u00e7\u00f5es: <\/strong>Adobe XD ou Invision Studio.<\/li>\n<li><strong>Ambiente de desenvolvimento local <\/strong>(se voc\u00ea desenvolver prot\u00f3tipos ou <a href=\"https:\/\/kinsta.com\/pt\/blog\/softwares-cms\/\" target=\"_blank\" rel=\"noopener noreferrer\">trabalhar com um CMS<\/a>): DesktopServer, XAMPP, etc. (Saiba <a href=\"https:\/\/kinsta.com\/pt\/blog\/instalar-wordpress-localmente\/\" target=\"_blank\" rel=\"noopener noreferrer\">como instalar o WordPress localmente<\/a> para testar novos projetos).<\/li>\n<\/ul>\n<p>H\u00e1 tamb\u00e9m uma s\u00e9rie de estruturas populares e <a href=\"https:\/\/kinsta.com\/pt\/blog\/css-wordpress\/\">CSS<\/a> que podem ajudar voc\u00ea a se destacar.<\/p>\n<ul>\n<li><strong>Kits de anima\u00e7\u00e3o<\/strong>: Animate.css, Bounce.js, e muito mais.<\/li>\n<li><strong>jQuery bibliotecas e plugins: <\/strong>Carregamento pregui\u00e7osa, rolagem de paralaxe, e muito mais.<\/li>\n<li>A familiaridade com Bootstrap, React, e outras estruturas populares para o desenvolvimento de front-end \u00e9 crucial.<\/li>\n<li>Conhecer o <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-wordpress\/\">WordPress<\/a> e como criar um modelo tamb\u00e9m pode ser um ponto-chave de venda para clientes potenciais que trabalham com o <a href=\"https:\/\/kinsta.com\/pt\/blog\/sistema-de-gerenciamento-de-conteudo\/\" target=\"_blank\" rel=\"noopener noreferrer\">CMS<\/a>.<\/li>\n<\/ul>\n<p>Voc\u00ea tamb\u00e9m precisar\u00e1 de uma s\u00e9rie de habilidades suaves se quiser ter sucesso.<\/p>\n<ul>\n<li>Uma compreens\u00e3o da psicologia do consumidor e do comportamento humano em sites da Internet. Os conceitos b\u00e1sicos incluem a paralisia por decis\u00e3o, o valor da prova social e a psicologia da cor.<\/li>\n<li>Como um freelancer, voc\u00ea precisa aprender a fixar pre\u00e7os para projetos e usar t\u00e1ticas b\u00e1sicas de negocia\u00e7\u00e3o.<\/li>\n<li>Voc\u00ea tamb\u00e9m precisa aprender como criar propostas e conseguir um cliente. Esta \u00e9 uma habilidade valiosa, mesmo dentro de uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/agencia-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">ag\u00eancia ou empresa<\/a>.<\/li>\n<\/ul>\n\n<h2>20 Melhores Cursos de Web Design Online (Gratuito vs Pago)<\/h2>\n<p>Abaixo, vamos destacar alguns dos melhores cursos de web design online, dispon\u00edveis tanto como recursos gratuitos como pagos.<\/p>\n<p>Para ajud\u00e1-lo a encontrar o que voc\u00ea est\u00e1 procurando mais rapidamente, n\u00f3s os separamos nas seguintes categorias.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Cursos Gratuitos de V\u00eddeo de Web Design Online<\/h3>\n<p>Se voc\u00ea preferir aprender atrav\u00e9s do formato de v\u00eddeo, com algu\u00e9m guiando-o atrav\u00e9s de cada nova pe\u00e7a de c\u00f3digo ou t\u00e9cnica, h\u00e1 muitas op\u00e7\u00f5es gratuitas dispon\u00edveis on-line.<\/p>\n<h4>1. Universidade WebFlow: Curso de Web Design Ultimate<\/h4>\n<figure style=\"width: 1375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/ultimate-web-design-course.jpg\" alt=\"Curso de web design da Universidade WebFlow\" width=\"1375\" height=\"953\"><figcaption class=\"wp-caption-text\">Curso de web design da Universidade WebFlow<\/figcaption><\/figure>\n<p>O <a href=\"https:\/\/university.webflow.com\/courses\/ultimate-web-design-course\" target=\"_blank\" rel=\"noopener noreferrer\">Ultimate Web Design Course<\/a> \u00e9 um curso gratuito oferecido pela Universidade WebFlow, uma plataforma de aprendizagem on-line hospedada e desenvolvida pelo CMS e a ferramenta de design WebFlow.<\/p>\n<p>Inclui mais de 5 horas de aulas em v\u00eddeo e \u00e9 uma \u00f3tima introdu\u00e7\u00e3o a todas as coisas de web design.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML &#038; CSS<\/li>\n<li>Estrutura da web<\/li>\n<li>Bot\u00f5es<\/li>\n<li>Tipografia<\/li>\n<li>Elementos de m\u00eddia<\/li>\n<li>Componentes<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de estiliza\u00e7\u00e3o<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de layout<\/li>\n<li>Layouts avan\u00e7ados<\/li>\n<li>Projeto responsivo<\/li>\n<li>CMS &#038; conte\u00fado din\u00e2mico<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a><\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>5 horas (de v\u00eddeo)<\/p>\n<p><strong>Certificado: <\/strong>N\u00e3o dispon\u00edvel<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Introdu\u00e7\u00e3o de vanguarda em web design.<\/li>\n<li>Instru\u00e7\u00f5es f\u00e1ceis de seguir.<\/li>\n<li>Mais de 5 horas de conte\u00fado de v\u00eddeo (muito mais tempo de aprendizado real se voc\u00ea for junto).<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Embora seja um bom curso intensivo, n\u00e3o lhe d\u00e1 o melhor entendimento fundacional de todos os conceitos.<\/li>\n<\/ul>\n<h4>2. BYOL: Web Design para iniciantes usando HTML5, CSS3 &#038; Visual Studio Code<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/beginner-web-design-html-5-css.jpg\" alt=\"Curso de web design para iniciantes\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Curso de web design para iniciantes<\/figcaption><\/figure>\n<p>Web designer e YouTuber Bring Your Own Laptop criou um curso gratuito de 4 horas chamado <a href=\"https:\/\/www.youtube.com\/watch?v=C5QFHp1oAws\" target=\"_blank\" rel=\"noopener noreferrer\">Web Design para Iniciantes usando HTML 5, CSS 3 &#038; Visual Studio Code.<\/a><\/p>\n<p>O formato \u00e9 um \u00fanico v\u00eddeo de 4 horas no YouTube, completo com um pacote de arquivos de exerc\u00edcios que podem ser baixados livremente.<\/p>\n<p>Ao longo do curso, voc\u00ea aprender\u00e1 como criar tr\u00eas sites diferentes com n\u00edveis crescentes de complexidade e dificuldade e, finalmente, como tornar seu site responsivo.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML &#038; CSS<\/li>\n<li>Etiquetas de cabe\u00e7a e HTML<\/li>\n<li>Aulas de CSS<\/li>\n<li>Estrutura da web e despojamento de ninhos<\/li>\n<li>Elementos de m\u00eddia<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/combinar-css-externo\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS externo<\/a><\/li>\n<li>Testando seu site<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de estiliza\u00e7\u00e3o<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de layout<\/li>\n<li>Layouts avan\u00e7ados<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/design-responsivo-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">Projeto responsivo<\/a><\/li>\n<li>CMS &#038; conte\u00fado din\u00e2mico<\/li>\n<li>SEO<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>4 Horas (de v\u00eddeo)<\/p>\n<p><strong>Certificado: <\/strong>N\u00e3o dispon\u00edvel<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Instru\u00e7\u00f5es divertidas e diger\u00edveis (a maioria dos coment\u00e1rios do YouTube destaca como \u00e9 f\u00e1cil de seguir).<\/li>\n<li>Quase 4 horas de conte\u00fado de v\u00eddeo dispon\u00edveis gratuitamente no YouTube, divididas em se\u00e7\u00f5es para uma melhor vis\u00e3o geral.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Bastante b\u00e1sico, para seguir o curso completo (16 horas) voc\u00ea precisa se inscrever para uma assinatura do Bring Your Own Laptop por US$12\/m\u00eas.<\/li>\n<\/ul>\n<h4>3. freeCodeCamp: Introdu\u00e7\u00e3o ao Web Design Responsivo &#8211; HTML &#038; CSS Tutorial<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/introduction-to-responsive-web-design-html-css.jpg\" alt=\"Curso freeCodeCamp YouTube\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Curso freeCodeCamp YouTube<\/figcaption><\/figure>\n<p>Em 2019, a FreeCodeCamp lan\u00e7ou um <a href=\"https:\/\/www.youtube.com\/watch?v=srvUrASNj0s\" target=\"_blank\" rel=\"noopener noreferrer\">curso introdut\u00f3rio<\/a> de 4 horas para um design responsivo em seu canal no YouTube.<\/p>\n<p>O curso ensinar\u00e1 a voc\u00ea como criar um site \u00fanico com 3 p\u00e1ginas, bem como os conceitos b\u00e1sicos de design responsivo, CSS, e HTML5.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de design responsivo<\/li>\n<li>Desenho m\u00f3vel-primeiro<\/li>\n<li>Unidades CSS<\/li>\n<li>Em vs px vs rems<\/li>\n<li>Flexbox<\/li>\n<li>Estilos de CSS<\/li>\n<li>Cont\u00eaineres responsivos<\/li>\n<li>Consultas de m\u00eddia<\/li>\n<li>Navega\u00e7\u00e3o responsiva<\/li>\n<li>Estrutura da p\u00e1gina<\/li>\n<li>Widgets<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>4 Horas (de v\u00eddeo)<\/p>\n<p><strong>Certificado: <\/strong>N\u00e3o dispon\u00edvel<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Obtenha uma compreens\u00e3o mais profunda de como criar um projeto adequado com HTML e CSS.<\/li>\n<li>Conhe\u00e7a unidades CSS importantes e tags HTML avan\u00e7adas.<\/li>\n<li>Mais de 4 horas de v\u00eddeo bem dividido, dispon\u00edvel gratuitamente (sem cadastro) no <a href=\"https:\/\/kinsta.com\/pt\/blog\/estatisticas-do-youtube\/\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube<\/a>.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Informa\u00e7\u00f5es fundacionais limitadas al\u00e9m do projeto responsivo (bom se voc\u00ea j\u00e1 conhece HTML e CSS b\u00e1sicos).<\/li>\n<\/ul>\n<h4>4. Curso de Salas de aula abertas: Construa suas primeiras p\u00e1ginas web com HTML e CSS<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/openclassrooms-build-your-first-web-pages-course.jpg\" alt=\"Curso introdut\u00f3rio OpenClassrooms\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Curso introdut\u00f3rio OpenClassrooms<\/figcaption><\/figure>\n<p>O OpenClassrooms oferece um curso introdut\u00f3rio gratuito chamado <a href=\"https:\/\/openclassrooms.com\/en\/courses\/5265446-build-your-first-web-pages-with-html-and-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">Build Your First Web Pages com HTML e CSS<\/a>.<\/p>\n<p>Ele come\u00e7a desde o in\u00edcio e lhe dar\u00e1 uma grande compreens\u00e3o fundamental tanto do HTML5 quanto do CSS3. Se voc\u00ea n\u00e3o tem qualquer experi\u00eancia com desenvolvimento ou design web, este \u00e9 um bom lugar para come\u00e7ar.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML5 e CSS3<\/li>\n<li>Estrutura HTML<\/li>\n<li>Estilo CSS<\/li>\n<li>Estrutura da p\u00e1gina e SEO<\/li>\n<li>Otimiza\u00e7\u00e3o de imagens<\/li>\n<li>Elementos em bloco e em linha<\/li>\n<li>Teoria das cores<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-seguras-na-web\/\">Fontes<\/a> (Certifique-se de verificar nosso guia sobre <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-alterar-fontes-no-wordpress\/\">como mudar as fontes no WordPress<\/a>)<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>10 horas<\/p>\n<p><strong>Certificado: <\/strong>Dispon\u00edvel (com uma filia\u00e7\u00e3o de $20\/m\u00eas)<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Grande introdu\u00e7\u00e3o ao web design, utilizando o que h\u00e1 de mais moderno em HTML e CSS.<\/li>\n<li>Cole\u00e7\u00e3o de entradas do Codepen para destacar como funciona um c\u00f3digo diferente no mundo real.<\/li>\n<li>10 horas de aprendizagem gratuita, incluindo question\u00e1rios interativos e aulas em v\u00eddeo.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Pare no mais b\u00e1sico, dando-lhe uma compreens\u00e3o limitada, a n\u00edvel superficial, de muitos conceitos diferentes.<\/li>\n<\/ul>\n<h3>Cursos de v\u00eddeo de design online pagos<\/h3>\n<p>Se voc\u00ea tem dinheiro para investir, h\u00e1 tamb\u00e9m uma s\u00e9rie de cursos pagos de alta qualidade sobre web design dispon\u00edveis on-line que vale a pena consultar. Se voc\u00ea est\u00e1 planejando fazer disso uma carreira, investir em sua educa\u00e7\u00e3o deve ser um investimento sem burocracia.<\/p>\n<h4>5. Curso Udemy: Web Design para Iniciantes: Codifica\u00e7\u00e3o do mundo real em HTML &#038; CSS<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/web-design-for-beginners.jpg\" alt=\"Curso Udemy Web Design\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Curso Udemy Web Design<\/figcaption><\/figure>\n<p>Udemy \u00e9 uma das mais populares plataformas de aprendizagem premium online. H\u00e1 cursos dispon\u00edveis em tudo, desde design de sites at\u00e9 freelancing e produtividade.<\/p>\n<p>Mas o melhor lugar para come\u00e7ar \u00e9 o <a href=\"https:\/\/www.udemy.com\/course\/web-design-for-beginners-real-world-coding-in-html-css\/\">Web Design para Iniciantes: Curso on-line de Codifica\u00e7\u00e3o do Mundo Realem HTML &#038; CSS<\/a>.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>Layout HTML e o essencial<\/li>\n<li>M\u00eddia<\/li>\n<li>Fontes e tipografia<\/li>\n<li>Estrutura da p\u00e1gina<\/li>\n<li>Navega\u00e7\u00e3o<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/formularios-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Formul\u00e1rios<\/a><\/li>\n<li>O essencial do CSS<\/li>\n<li>Antecedentes<\/li>\n<li>Flexbox<\/li>\n<li>Anima\u00e7\u00f5es CSS3<\/li>\n<li>Estruturas JavaScript<\/li>\n<li>Bootstrap<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>11 horas (de v\u00eddeo)<\/p>\n<p><strong>Pre\u00e7o: <\/strong>$16,99 (O pre\u00e7o de $100+ \u00e9 uma t\u00e1tica de venda)<\/p>\n<p><strong>Certificado: <\/strong>Dispon\u00edvel em<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Curso introdut\u00f3rio bem estruturado que cobre todos os fundamentos do design responsivo.<\/li>\n<li>Informa\u00e7\u00f5es atualizadas (\u00faltima atualiza\u00e7\u00e3o em julho de 2020).<\/li>\n<li>Interaja com uma comunidade e fa\u00e7a perguntas ao instrutor do curso.<\/li>\n<li>Taxa \u00fanica (em vez de pagamentos mensais).<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Para um curso pago, este n\u00e3o \u00e9 o curso mais aprofundado dispon\u00edvel.<\/li>\n<\/ul>\n<h4>6. TreeHouse: Trilha de design da web<\/h4>\n<figure style=\"width: 1419px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/treehouse-web-design-track.jpg\" alt=\"Trilha de design da Web TreeHouse\" width=\"1419\" height=\"829\"><figcaption class=\"wp-caption-text\">Trilha de design da Web TreeHouse<\/figcaption><\/figure>\n<p>O TreeHouse \u00e9 uma plataforma de aprendizagem on-line baseada em assinaturas, adequada tanto para designers quanto para programadores. A <a href=\"https:\/\/teamtreehouse.com\/tracks\/web-design\" target=\"_blank\" rel=\"noopener noreferrer\">faixa de web design<\/a> oferece 43 horas de v\u00eddeo e li\u00e7\u00f5es interativas em HTML, CSS, layouts e outros conceitos b\u00e1sicos de web design.<\/p>\n<p>Tamb\u00e9m inclui habilidades b\u00e1sicas para um designer gr\u00e1fico em in\u00edcio de carreira, como um tutorial de <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\" target=\"_blank\" rel=\"noopener noreferrer\">SVG<\/a>.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML &#038; CSS<\/li>\n<li>Processo de web design<\/li>\n<li>Formul\u00e1rios HTML avan\u00e7ados<\/li>\n<li>Tabelas<\/li>\n<li>Tipografia<\/li>\n<li>Layouts do CSS<\/li>\n<li>Projeto responsivo<\/li>\n<li>Flexbox<\/li>\n<li>Bootstrap 4<\/li>\n<li>Wireframing<\/li>\n<li>Anima\u00e7\u00f5es CSS<\/li>\n<li>Layout da grade CSS<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>43 horas (de v\u00eddeo)<\/p>\n<p><strong>Pre\u00e7o: <\/strong>$25\/m\u00eas para os cursos e $49\/m\u00eas para os cursos mais.<\/p>\n<p><strong>Certificado: <\/strong>N\u00e3o dispon\u00edvel para pistas (dispon\u00edvel apenas para os programas Techdegree de 199 d\u00f3lares\/m\u00eas).<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Grande introdu\u00e7\u00e3o profunda ao web design com mais de quarenta horas de aprendizado interativo.<\/li>\n<li>Uma comunidade ativa com a qual voc\u00ea pode interagir e aprender com ela.<\/li>\n<li>Estabelecer uma base s\u00f3lida com mais de 15 horas de aprendizado apenas em HTML e CSS b\u00e1sico.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Se voc\u00ea trabalha em tempo integral e tem pouco tempo livre, o TreeHouse pode se tornar caro se voc\u00ea continuar atrasando seu estudo.<\/li>\n<\/ul>\n<h4>7. Mestres da Frontend: Curso CSS Grids\/Flexbox<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/front-end-masters-css-grids-flexbox-responsive-design.jpg\" alt=\"FM - Curso CSS Grid &#038; Flexbox\" width=\"1500\" height=\"764\"><figcaption class=\"wp-caption-text\">FM &#8211; Curso CSS Grid &#038; Flexbox<\/figcaption><\/figure>\n<p>O <a href=\"https:\/\/frontendmasters.com\/courses\/css-grids-flexbox\/\" target=\"_blank\" rel=\"noopener noreferrer\">Frontend Masters<\/a> \u00e9 uma \u00f3tima plataforma de aprendizado tanto para iniciantes como para web designers intermedi\u00e1rios. Este curso ensinar\u00e1 a voc\u00ea exatamente como usar t\u00e9cnicas modernas de CSS para criar um layout responsivo para seu website.<\/p>\n<p>Ele o ajudar\u00e1 a preencher a lacuna entre um projetista b\u00e1sico de wireframe HTML e algu\u00e9m que possa criar prot\u00f3tipos e templates funcionais.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de design responsivo<\/li>\n<li>Flutuador CSS<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas e implementa\u00e7\u00e3o do Flexbox<\/li>\n<li>Imagens de resposta<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas e implementa\u00e7\u00e3o da rede CSS<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>5+ horas (de v\u00eddeo)<\/p>\n<p><strong>Pre\u00e7o: <\/strong>$39\/m\u00eas<\/p>\n<p><strong>Certificado: <\/strong>Dispon\u00edvel em<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Aulas em v\u00eddeo estelares de um educador de design profissional de primeira classe.<\/li>\n<li>Ir\u00e1 lhe ensinar como funciona o design moderno e responsivo, o que \u00e9 uma necessidade at\u00e9 mesmo para os projetistas de estrutura de arame e layout.<\/li>\n<li>A FM tem outros grandes cursos para aprender as bases fundamentais de web design e desenvolvimento.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Como em outros cursos on-line, pode se tornar um pouco caro se voc\u00ea precisar de mais tempo (meses somam-se rapidamente).<\/li>\n<\/ul>\n<h4>8. Esmagamento das habilidades: Curso de Desenvolvimento Frontend<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/skillcrush-front-end-development.jpg\" alt=\"Skillcrush - Curso de desenvolvimento de front-end\" width=\"1500\" height=\"764\"><figcaption class=\"wp-caption-text\">Skillcrush &#8211; Curso de desenvolvimento de front-end<\/figcaption><\/figure>\n<p>O <a href=\"https:\/\/skillcrush.com\/blueprint\/front-end-development-course\/\" target=\"_blank\" rel=\"noopener noreferrer\">Skillcrush<\/a> oferece um curso introdut\u00f3rio aprofundado para o desenvolvimento de vanguarda, perfeito para iniciantes. Seu pre\u00e7o e cronograma significam que tem mais em comum com alguns dos MOOCs mais padronizados, mas a estrutura \u00e9 de formato livre, e voc\u00ea pode aprender o mais r\u00e1pido que quiser.<\/p>\n<p><strong>T\u00f3picos::<\/strong><\/p>\n<ul>\n<li>HTML, CSS e JS no\u00e7\u00f5es b\u00e1sicas<\/li>\n<li>Consultas de m\u00eddia e design responsivo<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/otimizar-imagens-para-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imagens de resposta<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/git-vs-github\/\" target=\"_blank\" rel=\"noopener noreferrer\">Git &#038; GitHub<\/a><\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas e implementa\u00e7\u00e3o do Flexbox<\/li>\n<li>jQuery<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>3 meses (tempo m\u00e9dio at\u00e9 a conclus\u00e3o)<\/p>\n<p><strong>Pre\u00e7o: <\/strong>US$ 549 de pagamento \u00fanico ou US$ 199\/m\u00eas por tr\u00eas meses<\/p>\n<p><strong>Certificado: <\/strong>Dispon\u00edvel em<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Grande introdu\u00e7\u00e3o em profundidade ao desenvolvimento de front-end e web design como um todo.<\/li>\n<li>Aprenda com o exemplo, pois voc\u00ea pode observar como outros estudantes completaram as tarefas.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>\u00c9 um pouco caro e a pol\u00edtica de reembolso parece um pouco fraca.<\/li>\n<\/ul>\n<h4>9. Envato Tuts+: Web Design Responsivo para Iniciantes<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/tutsplus-responsive-web-design.jpg\" alt=\"Tuts+ - Curso de web design responsivo\" width=\"1500\" height=\"764\"><figcaption class=\"wp-caption-text\">Tuts+ &#8211; Curso de web design responsivo<\/figcaption><\/figure>\n<p>O curso Tuts+ <a href=\"https:\/\/webdesign.tutsplus.com\/categories\/responsive-web-design\/courses\" target=\"_blank\" rel=\"noopener noreferrer\">web design responsivo<\/a> para iniciantes \u00e9 uma r\u00e1pida introdu\u00e7\u00e3o aos conceitos b\u00e1sicos de design responsivo, HTML, CSS, consultas de m\u00eddia, e muito mais.<\/p>\n<p>Sozinho pode n\u00e3o parecer a escolha mais bem paga, uma vez que se perde em pouco mais de 3 horas. Mas o Tuts+ premium inclui mais de 20 cursos sobre web design, desde o uso de softwares espec\u00edficos como Sketch ou Adobe XD, at\u00e9 um curso em profundidade sobre tipografia na web.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>HTML, CSS e JS no\u00e7\u00f5es b\u00e1sicas<\/li>\n<li>Consultas de m\u00eddia e design responsivo<\/li>\n<li>Imagens de resposta<\/li>\n<li>Consultas de m\u00eddia<\/li>\n<li>Layout da grade<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>3 horas (v\u00eddeo )<\/p>\n<p><strong>Pre\u00e7o: <\/strong>$16,50\/m\u00eas<\/p>\n<p><strong>Certificado: <\/strong>N\/d<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Aprenda como usar softwares de design como Adobe XD e Sketch de outros cursos.<\/li>\n<li>Aprenda truques de ponta em CSS &#038; HTML em cursos dedicados.<\/li>\n<li>Obtenha acesso a milh\u00f5es de fotos de estoque, modelos da web e muito mais com a mesma afilia\u00e7\u00e3o.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Seu curso introdut\u00f3rio em si \u00e9 b\u00e1sico e ligeiramente datado.<\/li>\n<\/ul>\n<h4>10. Paul Boag &#8211; Encorajando Clicks Masterclass<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/encouraging-clicks-course.jpg\" alt=\"Encorajando Clicks Masterclass\" width=\"1500\" height=\"764\"><figcaption class=\"wp-caption-text\">Encorajando Clicks Masterclass<\/figcaption><\/figure>\n<p>Paul Boag \u00e9 um educador e autor l\u00edder no espa\u00e7o de <a href=\"https:\/\/kinsta.com\/pt\/blog\/dicas-otimizacao-taxa-conversao\/\" target=\"_blank\" rel=\"noopener noreferrer\">otimiza\u00e7\u00e3o de convers\u00e3o<\/a> e design UX. Ele escreveu v\u00e1rios livros sobre web e design UX para a Smashing Magazine e \u00e9 colunista recorrente em muitas das principais publica\u00e7\u00f5es de web design.<\/p>\n<p>Seu &#8220;<a href=\"https:\/\/boagworld.com\/masterclass\/\" target=\"_blank\" rel=\"noopener noreferrer\">Encorajamento&#8221; Clicks Masterclass<\/a> \u00e9 um curso de v\u00eddeo assistido onde voc\u00ea tem acesso direto para perguntar ao pr\u00f3prio Paul durante todo o curso. Voc\u00ea aprender\u00e1 o b\u00e1sico de projetar websites que impulsionam a\u00e7\u00f5es e convers\u00f5es, sem recorrer a truques obscuros ou padr\u00f5es sombrios.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de <a href=\"https:\/\/kinsta.com\/pt\/blog\/acompanhamento-de-conversoes\/\" target=\"_blank\" rel=\"noopener noreferrer\">otimiza\u00e7\u00e3o de convers\u00e3o<\/a><\/li>\n<li>Medindo a m\u00e9trica correta<\/li>\n<li>Psicologia b\u00e1sica do consumidor e como aproveit\u00e1-la com escolhas de design<\/li>\n<li>Criando melhores chamadas para a a\u00e7\u00e3o<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/ferramentas-de-teste-a-b-do-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Testes A\/B<\/a> e otimiza\u00e7\u00e3o cont\u00ednua<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>4 horas e 30 minutos de v\u00eddeo<\/p>\n<p><strong>Pre\u00e7o: <\/strong>US$267 de taxa \u00fanica<\/p>\n<p><strong>Certificado: <\/strong>N\/d<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Aprenda como criar projetos que impulsionem as convers\u00f5es para seus clientes.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>S\u00f3 abre algumas vezes por ano.<\/li>\n<\/ul>\n<h3>Programas e Graus de Web Design de Universidades Online (MOOC)<\/h3>\n<p>Atrav\u00e9s de cursos abertos massivos on-line (MOOC) plataformas como Coursera, algumas universidades oferecem seu curr\u00edculo completo de web design on-line de gra\u00e7a.<\/p>\n<p>No entanto, nem todos os cursos s\u00e3o iguais, por isso estamos apenas destacando a nata da safra.<\/p>\n<h4>11. Coursera: Web Design para todos: No\u00e7\u00f5es b\u00e1sicas de Desenvolvimento Web e Especializa\u00e7\u00e3o em Codifica\u00e7\u00e3o<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/web-design-for-everybody.jpg\" alt=\"Curso de web design Coursera U-M\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">Curso de web design Coursera U-M<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.coursera.org\/specializations\/web-design\" target=\"_blank\" rel=\"noopener noreferrer\">Web Design for Everybody<\/a> pela Universidade de Michigan \u00e9 um dos cursos de desenvolvimento mais populares em Coursera.<\/p>\n<p>Ele cobre os conceitos b\u00e1sicos de HTML, CSS e JS, bem como o design e acessibilidade da web.<\/p>\n<p>Se voc\u00ea n\u00e3o precisa ou quer a certifica\u00e7\u00e3o ou cr\u00e9ditos, voc\u00ea pode auditar o curso gratuitamente.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>Desenvolvimento Web<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de folhas de estilo em cascata (CSS)<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML5<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de JavaScript<\/li>\n<li>Desenho da web com resposta<\/li>\n<li>Acessibilidade Web<\/li>\n<li>Modelo de Objeto de Documento (DOM)<\/li>\n<li>Bootstrap<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>70 horas de aprendizagem (incluindo revis\u00f5es e experimentos).<\/p>\n<p><strong>Pre\u00e7o: <\/strong>Curso gratuito para auditoria.<\/p>\n<p><strong>Certificado: <\/strong>$49\/m\u00eas de filia\u00e7\u00e3o necess\u00e1ria para obter o certificado.<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>\u00d3timo para desenvolver uma base s\u00f3lida como web designer, com mais de 30 horas de aprendizado em HTML, JS e no\u00e7\u00f5es b\u00e1sicas de CSS.<\/li>\n<li>Interaja com uma pr\u00f3spera comunidade on-line de outros alunos \u00e1vidos.<\/li>\n<li>Revis\u00f5es completas, experi\u00eancias e muito mais para melhor interiorizar tudo o que voc\u00ea aprende.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Poucas reclama\u00e7\u00f5es sobre o material de aprendizagem ser sub-par (erros de digita\u00e7\u00e3o, erros nos question\u00e1rios, etc.)<\/li>\n<\/ul>\n<h4>12. EdX: W3CX Frontend Developer Program<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/w3cx-course-front-end-development.jpg\" alt=\"Programa W3CX Frontend Web Developer\" width=\"1500\" height=\"764\"><figcaption class=\"wp-caption-text\">Programa W3CX Frontend Web Developer<\/figcaption><\/figure>\n<p>O programa <a href=\"https:\/\/www.edx.org\/professional-certificate\/w3cx-front-end-web-developer\" target=\"_blank\" rel=\"noopener noreferrer\">W3CX Frontend Developer Program<\/a> da edX \u00e9 perfeito para iniciantes absolutos que desejam construir fundamentos s\u00f3lidos em todas as linguagens centrais do desenvolvimento de frontend.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>HTML, CSS e JS no\u00e7\u00f5es b\u00e1sicas<\/li>\n<li>Projeto avan\u00e7ado de resposta, grade CSS, e flexbox<\/li>\n<li>Navega\u00e7\u00e3o<\/li>\n<li>APIs HTML5 modernas, como o rastreamento de texto cronometrado, e orienta\u00e7\u00e3o do dispositivo<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>140 horas de aprendizagem (incluindo revis\u00f5es e experimentos).<\/p>\n<p><strong>Pre\u00e7o:\u00a0 <\/strong>Livre para auditar cursos individuais de forma independente.<\/p>\n<p><strong>Certificado: <\/strong>$895,50 taxa \u00fanica necess\u00e1ria para obter o certificado.<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Informa\u00e7\u00f5es extremamente detalhadas diretamente da fonte (W3C).<\/li>\n<li>Os instrutores s\u00e3o desenvolvedores altamente qualificados que trabalham na Microsoft.<\/li>\n<li>Interativo com uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-de-membros-do-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">comunidade on-line<\/a> ativa para obter ajuda e aprender coletivamente.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>A \u00faltima metade do curso \u00e9 mais focada no desenvolvimento de aplica\u00e7\u00f5es web.<\/li>\n<\/ul>\n<h4>13. Udacidade: Nanodegree de Desenvolvimento Frontend<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/udacity-frontend-developer-nanodegree.jpg\" alt=\"Nanodegree Frontend Dev\" width=\"1500\" height=\"764\"><figcaption class=\"wp-caption-text\">Nanodegree Frontend Dev<\/figcaption><\/figure>\n<p>O <a href=\"https:\/\/www.udacity.com\/course\/front-end-web-developer-nanodegree--nd0011\" target=\"_blank\" rel=\"noopener noreferrer\">nanodegree de desenvolvimento web Udacity frontend<\/a> ensinar\u00e1 a voc\u00ea os fundamentos do HTML, CSS e design web responsivo, al\u00e9m de muito mais.<\/p>\n<p>Embora tecnicamente n\u00e3o seja uma oferta universit\u00e1ria, a estrutura, formato, profundidade educacional e pre\u00e7o de um nanodegree Udacity est\u00e3o em linha com os programas MOOC padr\u00e3o.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>HTML, CSS e JS no\u00e7\u00f5es b\u00e1sicas<\/li>\n<li>Projeto avan\u00e7ado de resposta, grade CSS, e flexbox<\/li>\n<li>Criar uma p\u00e1gina de desembarque din\u00e2mica para o conte\u00fado de marketing<\/li>\n<li>APIs web modernas<\/li>\n<li>Automatizar tarefas repetitivas com Webpack e outras ferramentas de fluxo de trabalho<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>mais de 100 horas de aprendizagem (incluindo revis\u00f5es e experimentos).<\/p>\n<p><strong>Pre\u00e7o: <\/strong>$1356 taxa \u00fanica para acesso de 4 meses, ou $399\/m\u00eas<\/p>\n<p><strong>Certificado: <\/strong>Dispon\u00edvel com o pre\u00e7o do nanodegrado.<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Inclui revis\u00f5es e feedback profissionais de projetos e tarefas.<\/li>\n<li>Interaja com mentores t\u00e9cnicos dedicados.<\/li>\n<li>Receba conselhos reais 1-a-1 de um treinador de carreira pessoal no final do curso.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>O aprendizado gratuito \u00e9 limitado a um per\u00edodo experimental gratuito de 7 dias.<\/li>\n<\/ul>\n<h4>14. Aprender no futuro: Experi\u00eancia do usu\u00e1rio (UX) Design e pesquisa<\/h4>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/pasted-image-0-3.png\" alt=\"Aprendizagem futura - Curso UX Design\" width=\"1600\" height=\"816\"><figcaption class=\"wp-caption-text\">Aprendizagem futura &#8211; Curso UX Design<\/figcaption><\/figure>\n<p>O programa de <a href=\"https:\/\/www.futurelearn.com\/programs\/ux-design-and-research\" target=\"_blank\" rel=\"noopener noreferrer\">Design e Pesquisa de Usu\u00e1rios<\/a> da Future Learn e da Universidade de Michigan \u00e9 perfeito para aspirantes a web designers que querem aprender mais sobre design UX.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>Heur\u00edstica de projeto<\/li>\n<li>No\u00e7\u00f5es b\u00e1sicas de pesquisa de experi\u00eancia do usu\u00e1rio (entrevistas UX, protocolos de pesquisa, extra\u00e7\u00e3o de dados)<\/li>\n<li>Paredes de afinidade<\/li>\n<li>Processo de projeto e prototipagem<\/li>\n<li>Implementando o projeto UX impulsionado por dados<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>88 horas de aprendizagem (incluindo revis\u00f5es e experimentos).<\/p>\n<p><strong>Pre\u00e7o:\u00a0 <\/strong>Livre para auditar os cursos individuais<\/p>\n<p><strong>Certificado: <\/strong>US$ 345 de taxa \u00fanica necess\u00e1ria para obter o certificado e acesso vital\u00edcio a cada curso.<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>\u00d3timo curso para desenvolver uma melhor compreens\u00e3o de como os usu\u00e1rios interagem com sites e aplicativos.<\/li>\n<li>Pode usar as habilidades para oferecer servi\u00e7os mais abrangentes, al\u00e9m de um design b\u00e1sico de website.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>N\u00e3o \u00e9 um curso especificamente feito sob medida para web design.<\/li>\n<\/ul>\n<h4>15. OpenHPI: Curso de Design Centrado no ser humano<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/open-hpi-human-centered-design.jpg\" alt=\"Curso de design centrado no ser humano\" width=\"1500\" height=\"764\"><figcaption class=\"wp-caption-text\">Curso de design centrado no ser humano<\/figcaption><\/figure>\n<p>Se voc\u00ea quer melhorar seus fundamentos de design, este <a href=\"https:\/\/open.hpi.de\/courses\/ideas2018\" target=\"_blank\" rel=\"noopener noreferrer\">curso sobre design centrado no ser humano<\/a> \u00e9 um \u00f3timo lugar para come\u00e7ar.<\/p>\n<p>Ele pode ajud\u00e1-lo a melhorar suas habilidades de idea\u00e7\u00e3o e pesquisa, dando-lhe uma caixa de ferramentas mais forte com a qual voc\u00ea pode trabalhar como web designer.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>Definindo objetivos<\/li>\n<li>Idea\u00e7\u00e3o<\/li>\n<li>S\u00edntese<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>10-11 horas de aprendizagem (incluindo revis\u00f5es e experimentos).<\/p>\n<p><strong>Pre\u00e7o:<\/strong>\u00a0 Gr\u00e1tis<\/p>\n<p><strong>Certificado: <\/strong>Certificado b\u00e1sico de conclus\u00e3o dispon\u00edvel.<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>\u00d3timo curso para construir rapidamente (em 10 horas) seu conjunto de habilidades fundamentais como designer.<\/li>\n<li>Pode usar os conceitos al\u00e9m dos dom\u00ednios do web design.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>N\u00e3o cobre diretamente o projeto da web.<\/li>\n<\/ul>\n<h3>Cursos interativos de web design<\/h3>\n<p>Se voc\u00ea estiver tentando aprender mais desenvolvimento de frontend e <a href=\"https:\/\/kinsta.com\/pt\/blog\/ferramentas-de-revisao-de-codigo\/\" target=\"_blank\" rel=\"noopener noreferrer\">codifica\u00e7\u00e3o pr\u00e1tica<\/a> do que os elementos de design gr\u00e1fico, h\u00e1 uma s\u00e9rie de cursos interativos de web design online.<\/p>\n<h4>16.<strong>Gr\u00e1tis<\/strong>: freeCodeCamp<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/freecodecamp-responsive-web-design.png\" alt=\"FreeCodeCamp certifica\u00e7\u00e3o de web design\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">FreeCodeCamp certifica\u00e7\u00e3o de web design<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.freecodecamp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">freeCodeCamp<\/a> oferece um curso gigantesco sobre o design do site, com mais de 300 horas de aprendizagem dispon\u00edveis gratuitamente.<\/p>\n<p>A interface, embora um pouco drab, \u00e9 intuitiva e joga a experi\u00eancia do c\u00f3digo de aprendizagem.<\/p>\n<p>Para continuar o curso, voc\u00ea deve colocar em pr\u00e1tica cada peda\u00e7o de informa\u00e7\u00e3o nova, o que \u00e9 \u00f3timo para reten\u00e7\u00e3o.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML5 e CSS3<\/li>\n<li>Projeto responsivo<\/li>\n<li>Flexbox<\/li>\n<li>Acessibilidade Web<\/li>\n<li>Design visual aplicado<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>mais de 300 horas de aulas interativas.<\/p>\n<p><strong>Pre\u00e7o:<\/strong>\u00a0 Gr\u00e1tis<\/p>\n<p><strong>Certificado: <\/strong>Dispon\u00edvel (gratuito)<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Grandes informa\u00e7\u00f5es fundacionais.<\/li>\n<li>Aprenda em seu pr\u00f3prio ritmo.<\/li>\n<li>Retenha melhor as informa\u00e7\u00f5es usando instantaneamente cada peda\u00e7o de c\u00f3digo que voc\u00ea aprende.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>A interface de aprendizagem n\u00e3o \u00e9 a mais atrativa.<\/li>\n<\/ul>\n<h4>17. <strong>Gr\u00e1tis<\/strong>: W3Schools<\/h4>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/w3-schools-html-interactive-course.png\" alt=\"P\u00e1gina inicial da W3Schools\" width=\"1500\" height=\"763\"><figcaption class=\"wp-caption-text\">P\u00e1gina inicial da W3Schools<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3Schools<\/a> \u00e9 um dos maiores recursos dispon\u00edveis para o desenvolvimento on-line do aprendizado.<\/p>\n<p>Possui centenas de horas de tutoriais e cursos sobre os principais idiomas e estruturas utilizadas para construir a web.<\/p>\n<p>A interface pode ser um pouco desajeitada, mas o incr\u00edvel volume de aulas gratuitas de alta qualidade compensa isso. Voc\u00ea n\u00e3o precisa nem mesmo se inscrever com seu e-mail para come\u00e7ar.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML5, JavaScript, CSS3<\/li>\n<li>Lona e SVG<\/li>\n<li>Bootstrap<\/li>\n<li>Gr\u00e1ficos<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/esquemas-de-cores-site\/\">Cores<\/a><\/li>\n<li>\u00cdcones<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>Centenas de horas de aulas interativas.<\/p>\n<p><strong>Pre\u00e7o:<\/strong>\u00a0 Gr\u00e1tis<\/p>\n<p><strong>Certificado: <\/strong>Dispon\u00edvel (a partir de US$ 95 por idioma).<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Grandes informa\u00e7\u00f5es fundacionais em todos os idiomas.<\/li>\n<li>Aprenda como quiser, navegando no cat\u00e1logo maci\u00e7o enquanto constr\u00f3i seu primeiro site.<\/li>\n<li>N\u00e3o \u00e9 necess\u00e1rio cadastrar-se por e-mail.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>A interface de aprendizagem n\u00e3o \u00e9 t\u00e3o suave quanto outros cursos interativos.<\/li>\n<\/ul>\n<h4>18.<strong>Gr\u00e1tis<\/strong>: Codecademy<\/h4>\n<figure style=\"width: 1735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/web-design-codecademy.jpeg\" alt=\"Codecademy\" width=\"1735\" height=\"1005\"><figcaption class=\"wp-caption-text\">Codecademy<\/figcaption><\/figure>\n<p>A Codecademy \u00e9 uma plataforma de aprendizagem interativa para codificadores e web designers. Ela oferece <a href=\"https:\/\/www.codecademy.com\/catalog\/subject\/web-design\" target=\"_blank\" rel=\"noopener noreferrer\">alguns cursos<\/a> gratuitos que o ajudar\u00e3o a come\u00e7ar.<\/p>\n<p>Ela tem uma interface gamificada incr\u00edvel que faz do aprendizado do novo c\u00f3digo uma brisa.<\/p>\n<p>Infelizmente, o conte\u00fado do plano gratuito \u00e9 bastante limitado, concentrando-se apenas nos idiomas b\u00e1sicos e criando um website simples.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>No\u00e7\u00f5es b\u00e1sicas de HTML5, JavaScript, CSS3<\/li>\n<li>Como criar seu primeiro website<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>10-20 horas de aulas interativas.<\/p>\n<p><strong>Pre\u00e7o: <\/strong>cursos b\u00e1sicos gratuitos (vers\u00e3o paga abaixo)<\/p>\n<p><strong>Certificado: <\/strong>N\u00e3o dispon\u00edvel<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>\u00d3tima interface de aprendizagem.<\/li>\n<li>Comunidade ativa e envolvente para o aprendizado.<\/li>\n<\/ul>\n<p><strong>Cons:<\/strong><\/p>\n<ul>\n<li>Os cursos gratuitos s\u00e3o muito limitados.<\/li>\n<\/ul>\n<h4>19. Vers\u00e3o paga: Codecademy Pro<\/h4>\n<p>Com a Codecademy Pro, voc\u00ea obt\u00e9m a plataforma e a comunidade inclu\u00eddas no plano gratuito, al\u00e9m de acesso total a todos os cursos e ao <a href=\"https:\/\/www.codecademy.com\/learn\/paths\/web-development\" target=\"_blank\" rel=\"noopener noreferrer\">caminho de desenvolvimento web<\/a>.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode tomar caminhos de habilidade mais curtos como aprender a construir websites.<\/p>\n<figure style=\"width: 1478px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/code-academy-skill-path.png\" alt=\"CA - Construir caminho para websites\" width=\"1478\" height=\"657\"><figcaption class=\"wp-caption-text\">CA &#8211; Construir caminho para websites<\/figcaption><\/figure>\n<p>Com a vers\u00e3o pro, voc\u00ea tem acesso a centenas de horas de aulas interativas e um certificado no final dos cursos.<\/p>\n<p><strong>Pre\u00e7o: <\/strong>$39,99\/m\u00eas ($19,99\/m\u00eas faturado anualmente).<\/p>\n<h4>20. Livre: Dash by General Assembly<\/h4>\n<figure style=\"width: 1727px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/web-design-course-dash.jpeg\" alt=\"Dash by General Assembly\" width=\"1727\" height=\"907\"><figcaption class=\"wp-caption-text\">Dash by General Assembly<\/figcaption><\/figure>\n<p>A Assembl\u00e9ia Geral \u00e9 principalmente uma empresa educacional para projetistas e programadores, baseada no campus ou em um campo de treinamento presencial.<\/p>\n<p>Mas seu <a href=\"https:\/\/dash.generalassemb.ly\/\" target=\"_blank\" rel=\"noopener noreferrer\">curso on-line interativo gratuito Dash<\/a> \u00e9 uma \u00f3tima maneira de aprender HTML, CSS e JavaScript b\u00e1sico, tudo isso enquanto voc\u00ea est\u00e1 ativamente projetando e criando seu pr\u00f3prio website a partir do zero.<\/p>\n<p><strong>T\u00f3picos:<\/strong><\/p>\n<ul>\n<li>HTML5, CSS3, JavaScript b\u00e1sico<\/li>\n<li>Tags HTML<\/li>\n<li>Consultas de m\u00eddia e design responsivo<\/li>\n<li>Imagens e m\u00eddia<\/li>\n<li>jQuery<\/li>\n<li>Criando um jogo interativo b\u00e1sico com JS<\/li>\n<\/ul>\n<p><strong>Dura\u00e7\u00e3o: <\/strong>10+ horas de aulas interativas<\/p>\n<p><strong>Pre\u00e7o:<\/strong>\u00a0 Gr\u00e1tis<\/p>\n<p><strong>Certificado: <\/strong>N\/d<\/p>\n<p><strong>Pr\u00f3s:<\/strong><\/p>\n<ul>\n<li>Grandes informa\u00e7\u00f5es fundacionais sobre os idiomas de desenvolvimento de front-end.<\/li>\n<li>Retenha melhor as informa\u00e7\u00f5es usando instantaneamente cada conceito e linha de c\u00f3digo que voc\u00ea aprende.<\/li>\n<\/ul>\n<p><strong>Contras:<\/strong><\/p>\n<ul>\n<li>Quantidade limitada de informa\u00e7\u00f5es contidas no curso gratuito (as op\u00e7\u00f5es pagas come\u00e7am em US$ 3.950).<\/li>\n<\/ul>\n<h2>Cursos de Web Design Business vs Web Design com WordPress<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/pt\/wordpress-quota-mercado\/\" target=\"_blank\" rel=\"noopener noreferrer\">Participa\u00e7\u00e3o atual do WordPress no mercado<\/a> \u00e9 de +38% de todos os sites na Internet. Como resultado, h\u00e1 um mercado quase t\u00e3o grande para sites WordPress e as habilidades de desenvolvimento relacionadas, como desenvolvedores de front-end em geral.<\/p>\n<p>A especializa\u00e7\u00e3o em WordPress pode ajud\u00e1-lo a se estabelecer e construir seu portf\u00f3lio rapidamente. Mas voc\u00ea n\u00e3o pode simplesmente saltar para ele com habilidades b\u00e1sicas de web design.<\/p>\n<h3>Habilidades necess\u00e1rias como WordPress Designer\/Desenvolvedor<\/h3>\n<p>Em primeiro lugar, voc\u00ea precisa da capacidade de editar\/criar temas WordPress. Isso significa que voc\u00ea precisa de uma compreens\u00e3o clara de como o WordPress funciona, e dos conceitos b\u00e1sicos de desenvolvimento de WordPress:<\/p>\n<ul>\n<li><strong>O Loop <\/strong>(a fun\u00e7\u00e3o b\u00e1sica PHP que exibe os posts do WordPress e o conte\u00fado da p\u00e1gina)<\/li>\n<li><a href=\"https:\/\/kinsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">O editor de blocos de Gutenberg<\/a> (e como os blocos s\u00e3o exibidos em um site WP ao vivo)<\/li>\n<li><strong>Hierarquia de modelos do WordPress <\/strong>(quais modelos de p\u00e1gina voc\u00ea precisa editar e como criar <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">temas infantis<\/a><\/li>\n<li><strong>Especificidade do CSS <\/strong>(como <a href=\"https:\/\/kinsta.com\/pt\/blog\/css-wordpress\/\">ajustar e anular corretamente CSS<\/a>)<\/li>\n<\/ul>\n<p>Voc\u00ea tamb\u00e9m precisa:<\/p>\n<ul>\n<li>Dom\u00ednio do HTML e CSS e fundamentos do web design<\/li>\n<li>Um entendimento b\u00e1sico do <a href=\"https:\/\/kinsta.com\/pt\/blog\/tutoriais-de-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP<\/a><\/li>\n<li>A capacidade de trabalhar com <a href=\"https:\/\/kinsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">construtores de p\u00e1ginas<\/a> populares (Elementor, Divi, etc.)<\/li>\n<li>Familiaridade com <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\" target=\"_blank\" rel=\"noopener noreferrer\">temas populares<\/a><\/li>\n<\/ul>\n<p>Para ajud\u00e1-lo a desenvolver estas habilidades, confira nosso guia dedicado em <a href=\"https:\/\/kinsta.com\/pt\/blog\/aprender-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">13 lugares para aprender o WordPress online<\/a>.<\/p>\n\n<h2>Resumo<\/h2>\n<p>Do YouTube \u00e0s plataformas de aprendizagem pagas e gratuitas para programadores, aos cursos universit\u00e1rios on-line, h\u00e1 algo para todos. Embora n\u00e3o seja universal em todos os n\u00edveis, as informa\u00e7\u00f5es nos cursos gratuitos de web design <em>podem<\/em> ser mais datadas do que as alternativas pagas.<\/p>\n<p>Isto \u00e9 simplesmente porque o dinheiro dos membros ou estudantes oferece o or\u00e7amento para os educadores atualizarem seu curr\u00edculo e seus v\u00eddeos.<\/p>\n<p>Cursos pagos de web design tamb\u00e9m lhe d\u00e3o freq\u00fcentemente a oportunidade de interagir com instrutores, e n\u00e3o apenas com outros estudantes.<\/p>\n<p>N\u00e3o h\u00e1 necessidade de perder tempo com um curso ou instrutor com o qual voc\u00ea n\u00e3o vibre. Escolha o curso de web design que pare\u00e7a adequado para seu n\u00edvel atual e seus objetivos, e mantenha-se fiel a ele.<\/p>\n<p>As ferramentas perfeitas para treinar e desenvolver suas habilidades como web designer est\u00e3o por a\u00ed.<\/p>\n<p>Agora \u00e9 a sua vez: voc\u00ea fez algum curso para melhorar suas habilidades de web design? Como foi sua experi\u00eancia? Compartilhe-a nos coment\u00e1rios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Entre dezenas de plataformas de aprendizagem, centenas de blogs e YouTube, h\u00e1 uma quantidade infinita de cursos de web design e materiais de aprendizagem dispon\u00edveis on-line. &#8230;<\/p>\n","protected":false},"author":103,"featured_media":40437,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[417,64],"topic":[1039,1015],"class_list":["post-40435","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-onlinelearning","tag-webdesign","topic-design-sites-wordpress","topic-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)<\/title>\n<meta name=\"description\" content=\"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)\" \/>\n<meta property=\"og:description\" content=\"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-30T12:28:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-14T12:24:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"24 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)\",\"datePublished\":\"2020-10-30T12:28:14+00:00\",\"dateModified\":\"2025-02-14T12:24:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/\"},\"wordCount\":4971,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg\",\"keywords\":[\"onlinelearning\",\"webdesign\"],\"articleSection\":[\"Estrat\u00e9gias de Crescimento de Neg\u00f3cios\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/\",\"name\":\"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg\",\"datePublished\":\"2020-10-30T12:28:14+00:00\",\"dateModified\":\"2025-02-14T12:24:40+00:00\",\"description\":\"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg\",\"width\":1024,\"height\":512,\"caption\":\"Cursos de Web Design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/web-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)","description":"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/","og_locale":"pt_PT","og_type":"article","og_title":"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)","og_description":"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.","og_url":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-10-30T12:28:14+00:00","article_modified_time":"2025-02-14T12:24:40+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg","twitter_creator":"@matteoduo","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Matteo Du\u00f2","Tempo estimado de leitura":"24 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)","datePublished":"2020-10-30T12:28:14+00:00","dateModified":"2025-02-14T12:24:40+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/"},"wordCount":4971,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg","keywords":["onlinelearning","webdesign"],"articleSection":["Estrat\u00e9gias de Crescimento de Neg\u00f3cios"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/","url":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/","name":"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg","datePublished":"2020-10-30T12:28:14+00:00","dateModified":"2025-02-14T12:24:40+00:00","description":"Quer se tornar um web designer bem pago? Estes cursos de web design escolhidos \u00e0 dedo (gratuitos e pagos) lhe ensinar\u00e3o as habilidades necess\u00e1rias.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/10\/cursos-de-web-design.jpg","width":1024,"height":512,"caption":"Cursos de Web Design"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/cursos-de-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/kinsta.com\/pt\/topicos\/web-design\/"},{"@type":"ListItem","position":3,"name":"20 Melhores Cursos de Web Design Online (Gratuitos e Pagos)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/40435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=40435"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/40435\/revisions"}],"predecessor-version":[{"id":64712,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/40435\/revisions\/64712"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/translations\/se"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/40435\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/40437"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=40435"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=40435"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=40435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}