Design, desenvolvimento e publicação de um site
Um curso de Javier Usobiaga FerrerWeb designer
Um curso de Javier Usobiaga Ferrer, Web designer
Acompanhe todo o processo de criação e publicação de um site usando HTML, CSS e JavaScript
Uma boa interface de um site é aquela que procura satisfazer e responder à forma como o cérebro humano age. Isso significa que todos nós temos um designer, inconsciente ou adormecido, dentro de nós que é capaz identificar algo que funciona, que é harmonioso, mesmo que não entenda o porquê. Se você quer aprender os princípios do web design e despertar o designer que mora dentro de você, aqui é o lugar certo.
Neste curso, você verá os dois lados da criação de um website: primeiro aprenderá as técnicas básicas para o planejamento do site, organizando informações em wireframes, e criando uma gramática visual com tipografia, paletas de cores, espaçamento, composição e ilustração. Depois você focará na construção desta página usando HTML, CSS e JavaScript e terminará o processo com a publicação do seu site.
Seu guia durante este processo será Javier Usobiaga, web designer, fundador do estúdio Swwweet e professor de outros cursos na Domestika, tais como: Gráficos vetoriais SVG: ilustrar e animar com código, Layout web com CSS Grid, Flexbox e outras técnicas modernas, Introdução à programação em JavaScript e Introdução ao desenvolvimento de sites responsivos com HTML e CSS, que pode servir como um complemento ao que será apresentado neste curso.
O que você aprenderá neste curso online?
27 aulas & 33 downloads
O que faremos no curso?
1 minuto, 12 segundos
Objetivos, estrutura e referências do projeto
6 minutos, 50 segundos
Inventário de conteúdo
6 minutos, 17 segundos
Arquitetura de informação
9 minutos, 56 segundos
Princípios e ferramentas
4 minutos, 9 segundos
Investigação visual
6 minutos, 32 segundos
O que está incluído neste curso?
Você começará o curso conhecendo Javier e alguns designers e desenvolvedores que escrevem artigos e fazem diversas experiências sobre tecnologias web que vale a pena seguir. Você também verá o conteúdo do curso.
Na segunda unidade, você aprenderá os princípios do design visual e os elementos que o compõem, trabalhando principalmente com os mais fundamentais, tais como tipografia, cor, grade e ilustração.
Em seguida, você fará sua primeira apoximação para um gerador HTML estático e seu sistema de modelos, bem como para a organização de arquivos e criação de páginas mestras.
Na terceira unidade, você passará do sistema de projeto proposto para o código front-end: a fonte, cor e outros componentes.
Depois, você adicionará mais elementos de interação ao projeto por meio de diferentes bibliotecas e funções JavaScript.
Por último, você verá como funcionam os administradores de versões de código e, finalmente, usará um serviço de publicação para tornar seu site conhecido em todo o mundo.
Software e ferramentas recomendados para este curso
Qual é o projeto deste curso?
Você criará, desenvolverá e publicará um site com seu portfólio de trabalho.
Projetos de alunos do curso
Para quem é este curso online?
A todas as pessoas que estão interessadas em aprender os princípios do web design e que desejam publicar seu próprio site.
Requisitos e materiais
É recomendável ter conhecimento básico de HTML e CSS. Caso você não tenha, poderá fazer o curso de Javier: Introdução ao desenvolvimento de sites responsivos com HTML e CSS.
Com relação aos materiais, você precisará de um computador e um editor de código (Javier lhe proporá alguns gratuitos). Também será útil ter um programa de design visual como Sketch, Figma ou Adobe XD, embora não sejam essenciais.
Avaliações
- há 3 meses
I really enjoyed this course. I already had a website I needed to build and I was able to apply this to improve it so much. It’s comprehensive and well structured.
- há 5 meses
Muy buen curso y muy buena explicación del profesor, como siempre. Perfecto para iniciarse en la creación de webs
- há 7 meses
Excelente curso para tener las bases de animación con css
- há 7 meses
Me gustó
- há 8 meses
Excelente curso, viene muy ordenado y armado. Es un muy buen profesor
Ele também gosta muito de sua faceta como professor de Web Design em renomados workshops e escolas como Elisava, IDEP.
A Usobiaga entende a web como um todo, não só o quão bonita ela pode ser na tela do computador, mas também sua usabilidade em diferentes dispositivos e circunstâncias.
Em suas palavras "Eu acho que tão importante quanto a estética é a rapidez com que carrega ou o quão bem ele responde, e eu acho que na nossa indústria frequentemente esquecemos disso."
Conteúdo
- U1
Introdução
- Apresentação
- Influências
- O que faremos no curso?
- U2
Ideação de um site
- Objetivos, estrutura e referências do projeto
- Inventário de conteúdo
- Arquitetura de informação
- U3
Design visual
- Princípios e ferramentas
- Investigação visual
- Tipografia
- Paleta de cores em uma interface
- Retículo e ritmo vertical
- Ilustração e iconografia
- U4
Sistema de templates
- Preparando os Editores de Ambiente e Código
- Estrutura e operação do arquivo
- Páginas mestras e criação de novas páginas
- Condicional e parcial
- U5
Desenvolvimento Frontend
- Organização do código
- Tipografia e cor
- Sistema reticular
- Componentes de interface
- Concluindo a interface
- U6
Interação na web
- Menus interativos e suspensos
- Implementando uma Galeria
- Concluindo a interação
- U7
Publicação de um site
- Gerenciamento de versão de código
- Serviços de publicação
- Recursos adicionais
- PF
Projeto final
- Design, desenvolvimento e publicação de um site
O que esperar de um curso da Domestika
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
Certificados
PLUSSe você for um membro Plus, obtenha um certificado personalizado assinado pelo seu professor para cada curso que concluir. Compartilhe-o no seu portfólio, nas redes sociais ou onde quiser.
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
El curso está orientado a personas con conocimientos básicos en HTML y CSS, pero no es necesario ser experto. Es ideal para quienes buscan profundizar en técnicas modernas de diseño web y desarrollo front-end.
Se recomienda tener conocimientos básicos de HTML y CSS. No es imprescindible experiencia avanzada, pero es útil entender la estructura básica de páginas web y edición de código.
Aprenderás a crear layouts responsivos, animaciones con CSS, gráficos SVG accesibles, arquitectura de la información, wireframes, prototipado, publicación de sitios web y a aplicar metodologías ágiles en proyectos digitales.
Necesitarás un editor de código (como VS Code), Node.js, una terminal, navegador web actualizado y acceso a herramientas como Figma, Keynote, PowerPoint o Notion para prototipado y organización.
Aprenderás a usar variables CSS para gestionar colores, tipografías y espaciados, facilitando la coherencia visual y permitiendo cambios globales eficientes en tus proyectos web.
Sí, practicarás el uso de CSS Grid y otras técnicas para crear estructuras web adaptables a distintos dispositivos, mejorando la experiencia del usuario final.
Sí, podrás desarrollar un proyecto propio, aplicando todos los conceptos de diseño, desarrollo y publicación web para armar un portafolio o sitio para clientes reales.