Design, desenvolvimento e publicação de um site
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
- 98% avaliações positivas (486)
- 24,637 alunos
- 27 aulas (2h 58m)
- 33 recursos adicionais (6 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol, Inglês, Francês, Italiano, Português
- Espanhol · Inglês · Português · Alemão · Francês · Italiano · Polonês · Holandês
- Nível: Iniciante
- Acesso ilimitado para sempre
Adobe XD
Figma
SketchQual é 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
Javier Usobiaga Ferrer
Um curso de Javier Usobiaga Ferrer
Javier Usobiaga é Web Designer há 10 anos e co-fundador do estúdio Marta Armada Swwweet, especializado no design de webs responsivas desde a concepção inicial até o desenvolvimento de front-end.
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 professor de cada curso que concluir. Compartilhe-o em seu portfólio, mídia social 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
O que são os cursos online da Domestika?
Os cursos da Domestika são aulas online que te permitem aprender novas habilidades e criar projetos incríveis. Todos os nossos cursos incluem a oportunidade de compartilhar seu trabalho com outros estudantes e/ou professores, criando uma comunidade ativa de aprendizagem. Oferecemos diferentes formatos:
Cursos Originais: Aulas completas que combinam vídeos, textos e materiais didáticos para realizar um projeto concreto do início ao fim.
Cursos Basics: Formações especializadas onde você domina ferramentas de software específicas passo a passo.
Cursos de Especialização: Caminhos de aprendizagem com vários professores especialistas sobre o mesmo tema, perfeito para se tornar especialista aprendendo com diferentes abordagens.
Cursos Guiados: Experiências práticas ideais para a aquisição direta de habilidades específicas.
Cursos Intensivos (Deep Dives): Novos processos criativos baseados em ferramentas de inteligência artificial em um formato acessível para uma compreensão aprofundada e dinâmica.
Quando começam e terminam os cursos?
Os cursos são 100% online, portanto, assim que são publicados, os cursos começam e terminam quando você quiser. Você determina o ritmo da aula. É possível voltar para ver o que lhe interessa, pular o que você já sabe, fazer perguntas, resolver dúvidas, compartilhar seus projetos e muito mais.
O que os cursos da Domestika incluem?
Os cursos são divididos em diferentes unidades, cada uma inclui aulas, textos explicativos, tarefas e práticas para completar seu projeto passo a passo, recursos e documentos complementares. Você também terá acesso a um fórum exclusivo no qual poderá interagir com todos os alunos do curso e o professor, bem como compartilhar seus trabalhos e o projeto que realizar, criando uma comunidade em torno do curso.
Você recebeu um curso de presente?
Você pode resgatar um curso que recebeu de presente acessando página de resgate e inserindo o código de presente.
Adobe XD
Figma
Sketch
v_g_maximiliano
Excelente para quienes necesitan las bases. Es por acá!
chavessamuel059
Plusesta bueno el curso la verdad
valenmoscardi
¿Gran curso!
ester_piedrabuena_omedes
¡Genial!
ideasmexicanas
¡Excelente curso!