Layout web com CSS Grid, Flexbox e outras técnicas modernas
Um curso de Javier Usobiaga Ferrer , Web designer
Descubra as novas retículas e outras formas de desenhar um site com CSS Shapes, variáveis e efeitos parallax
- Top vendas Espanhol com legendas em português
- 99% avaliações positivas (277)
- 8012 alunos
Descubra as novas retículas e outras formas de desenhar um site com CSS Shapes, variáveis e efeitos parallax
A web vive uma mudança constante e com a chegada do CSS Grid e do Flexbox, as regras do jogo mudaram novamente. Javier Usobiaga, designer da FrontEnd e co-fundador do estúdio Swwweet, tem 13 anos de experiência na criação de vários projetos para clientes como o Conselho Municipal de Barcelona e, com sua vasta experiência, convida você a descobrir as técnicas e ferramentas mais modernas que estão revolucionando o mercado. setor.
Sim, no curso de Introdução ao Desenvolvimento Web Responsivo com HTML e CSS , desde que você começou no mundo da web responsiva, você aprenderá várias técnicas avançadas com ferramentas como CSS Grid, Flexbox, CSS Shapes, viewport units, variáveis CSS, transformações em 3D ou efeitos de tipo de paralaxe. .
O que você aprenderá neste curso online?
25 aulas & 16 downloads
- 99% avaliações positivas (277)
- 8012 alunos
- 25 aulas (2h 16m)
- 16 recursos adicionais (14 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol
- Espanhol, Inglês, Português, Alemão, Francês, Italiano, Polonês, Holandês
- Nível: Avançado
- Acesso ilimitado para sempre
Qual é o projeto deste curso?
Você realizará um exercício livre com uma ou mais das técnicas aprendidas. Javier fará uma página informativa sobre a conquista do Pólo Sul, você poderá escolher o tema e o projeto que deseja.
Projetos de alunos do curso
Para quem é este curso online?
Quem tem interesse em design e técnicas modernas disposição com Grid CSS, Flexbox e outras técnicas modernas.
Requisitos e materiais
Para realizar este curso é necessário ter um sólido conhecimento de HTML e CSS, um computador e um editor de código.
Avaliações
Um curso de Javier Usobiaga Ferrer
Javier Usobiaga é web designer e desenvolvedor FrontEnd, há mais de 10 anos e co-fundador do estúdio Marta Armada Swwweet, especializado em projetar webs responsivas desde a concepção inicial até o desenvolvimento 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 é carregada ou o quão bem ela responde, e eu acho que em nossa indústria frequentemente esquecemos disso".
Conteúdo
-
U1
Introdução
-
Apresentação
-
Influências
-
-
U2
Moldando o layout
-
As unidades da viewport
-
Imagens com ajuste de objeto
-
Colunas CSS
-
Formas CSS
-
Variáveis CSS
-
-
U3
Layout em uma dimensão com flexbox
-
Introdução ao flexbox
-
Propriedades do Contêiner
-
Propriedades de conteúdo
-
Alinhamentos no eixo principal e no veio transversal
-
Alinhamentos avançados
-
Layouts avançados com flexbox
-
-
U4
Layout bidimensional com grade CSS
-
Introdução à grade CSS
-
Funções reticulares
-
Distribuição e tamanho
-
Grade responsiva automática
-
-
U5
CSS avançado da grade
-
Áreas na grade
-
Alinhamento e ordem
-
Aninhamento
-
Grid (e flexbox) na prática
-
-
U6
A terceira dimensão: profundidade e efeitos no pergaminho
-
Introdução às transformações 3D
-
Cabeçalhos fixos
-
Animações sincronizadas com rolagem
-
Inspiração e recursos
-
-
PF
Projeto final
-
Técnicas de layout da web
-
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
Os cursos da Domestika são aulas online que lhe permitem aprender uma série de ferramentas e habilidades para realizar um projeto concreto. Cada etapa do projeto combina vídeos e textos, além de instruções complementares. Os cursos também oferecem a oportunidade de compartilhar seus próprios projetos com outros usuários e com o professor, criando assim uma comunidade em torno do curso.
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.
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ê pode resgatar um curso que recebeu de presente acessando página de resgate e inserindo o código de presente.
sandy07r
Muy buen curso, el profesor es pausado y explica muy bien
Ver tradução
Ocultar tradução
dantorres.r
Un excelente curso
Ver tradução
Ocultar tradução
smilagross
El curso esta muy bien explicado.
Ver tradução
Ocultar tradução
cris_porpora
Increíble el curso!! me entró un proyecto web hace unos meses y yo no hacía nada desde 2016 y claro con este curso me he puesto al día de todo. Genial y muy bien explicado!!
Ver tradução
Ocultar tradução
tumas
Muy bien exxplicado, recomendable
Ver tradução
Ocultar tradução