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)
- 49,388 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
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.
Curso práctico que proporciona los fundamentos de HTML y CSS, enfocándose en el desarrollo de sitios web responsivos. Permite diseñar páginas que se adaptan a diferentes dispositivos, fomentando buenas prácticas de maquetación y estructura web, ideal para iniciar en desarrollo front-end.
Hace mucho lo compre y todavia mo lo termine, donde puedo ver una lista de los cursos ?
No lo he terminado aun y el curso ha sido excelente, el profesor es muy bueno explicando y captando la atención del estudiante mis 10/10
Excelente curso!
Me gusta la forma en que explica todo el material del curso. También me gusta cómo está estructurado todo el curso para que sea fácilmente accesible y fácil de completar con las lecciones. Actualmente estoy estudiando Programación de Computadoras en el Colegio Conestoga y con este curso, me ayudará a hacer algunas de mis clases de programación en el campus.