Introdução ao desenvolvimento de Web Responsive com HTML e CSS
Um curso de Javier Usobiaga Ferrer , Web designer
Aprenda os fundamentos do desenvolvimento de web front-end
Leve seu design ao navegador! Neste curso, Javier Usobiaga ensinará a criar páginas web com as ferramentas fundamentais: HTML e CSS. Você aprenderá a escrever seu próprio código e mudará sua forma de ver e fazer o design de uma página web, entendendo como funciona por dentro e como criar uma web responsive para que seja mais eficiente. E se o design não é sua área favorita, este curso poderá ser uma boa base para começar no mundo do desenvolvimento de web front-end.
O que você aprenderá neste curso online?
31 aulas & 13 downloads
- 98% avaliações positivas (2.5K)
- 50,496 alunos
- 31 aulas (2h 18m)
- 13 recursos adicionais (9 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol, Inglês, Francês, Italiano, Português, Türkçe
- Espanhol · Inglês · Português · Alemão · Francês · Italiano · Polonês · Holandês · Türkçe
- Nível: Iniciante
- Acesso ilimitado para sempre
Qual é o projeto deste curso?
O projeto final consiste na criação de uma página web responsive (a página web de uma cafeteria fictícia) com base em um design fornecido como síntese dos diferentes assuntos que veremos ao longo do curso.
Projetos de alunos do curso
Para quem é este curso online?
A todos que queiram adquirir conhecimentos básicos de HTML e CSS, sejam designers ou não.
Requisitos e materiais
Para este curso, não serão necessários conhecimentos técnicos nem de design. Você precisará de um computador e um editor de código gratuito.
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 do curso e do projeto
-
A web: HTML, CSS e JS
-
Editor de código Crie um projeto Ambiente de edição
-
Inspetor e ferramentas de desenvolvedor
-
-
U2
Estrutura HTML
-
Tags HTML e atributos
-
Tags de texto
-
Imagens e links
-
Bloquear etiquetas
-
Rótulos de documentos
-
-
U3
Começando com CSS
-
Vincule um arquivo CSS e uma sintaxe CSS
-
Seletores Básicos
-
Estilos tipográficos
-
Especificidade e estrutura em folhas de estilo
-
Seletores avançados: as pseudo-classes
-
-
U4
Estruturas CSS
-
Estilos CSS e Redefinir CSS
-
O modelo de caixa
-
Exibe
-
Flutuadores
-
Posição
-
-
U5
Decoração em CSS
-
Estilos para listas
-
Border, border-radius e box-shadow
-
Fundos e imagens de fundo
-
Webfonts
-
-
U6
Técnicas responsivas
-
Design responsivo e Mobile First
-
Estrutura flexível
-
As consultas médias
-
Navegação responsiva
-
-
U7
Adicionando interação
-
Link de e-mail
-
Transições no CSS
-
Vincule um arquivo JavaScript
-
Navegação com JavaScript adicionado
-
-
PF
Projeto final
-
Desenvolvimento web responsivo com HTML e CSS
-
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
Sim, o curso foi pensado para iniciantes e não exige nenhum conhecimento prévio em desenvolvimento web. Você vai aprender do zero como estruturar e estilizar páginas usando HTML e CSS.
Você só precisa de um computador, acesso à internet e um editor de código gratuito como Brackets ou Sublime Text, que são apresentados durante o curso. Não é necessário ter experiência anterior.
Você vai aprender a criar páginas web funcionais, aplicar estilos com CSS, desenvolver sites responsivos para dispositivos móveis e adicionar interatividade básica com JavaScript. Também vai montar seu próprio portfólio online.
O curso aborda estrutura HTML, tags, atributos, estilos CSS, design responsivo, organização de arquivos, ferramentas de inspeção, diferenças entre HTML4 e HTML5 e técnicas modernas de layout.
Sim, o curso inclui técnicas de design responsivo com CSS para que suas páginas se adaptem a qualquer tamanho de tela e dispositivo.
Você vai aprender a criar arquivos HTML do zero, nomeá-los corretamente (como index.html) e salvá-los na estrutura de pastas recomendada para projetos web.
Sim, apesar de o curso recomendar o Brackets e comparar outras opções como Sublime Text, você pode usar o editor que preferir, desde que suporte arquivos HTML e CSS.
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
Me costó entenderlo, es un poco denso.
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
fácil de seguir,
i like a this course