Curso HTML e CSS | Front Beginners
Se você quer começar sua carreira no desenvolvimento Web, HTML e CSS são habilidades essenciais, ou melhor fundamentais da web.
HTML que significa Hyper Text Markup Language. Em resumo é uma linguagem de marcação de texto usada no desenvolvimento de páginas da web.
CSS que significa Cascading Style Sheets e é responsável pelo layout e estilo das páginas.
Neste curso nós vamos abordar ambos desde o início se tornando ninjas do HTML e CSS, construindo projetos reais e responsivos.
Porque você deve fazer esse curso?
Razão 1 - Você vai conhecer melhor a Web
Aprender como a internet funciona, como as coisas acontecem por de trás da cortina.
Razão 2 - Você estará apto a criar sites para web
Razão 3 - Poderá dar inicio a sua carreira de Web developer.
Razão 4 - Você irá progredir mais rapidamente nas próximas linguagens. Ex. Javascript
Razão 5 - Nós vamos aprender tudo desde o básico e usar o conhecimento obtido para criar Projetos Reais e Responsivos.
Conhecimento prévio: Nenhum
Conteúdo Vantagens Detalhes
- Aula 1 - Papo Geral, preparativos para o curso.
- Aula 2 - Introdução ao HTML
- Aula 3 - Alterando o tamanho das imagens
- Aula 4 - Criando nosso primeiro site
- Aula 5 - Estrutura do HTML
- Aula 6 - Implementando a Estrutura do HTML
- Aula 7 - Extensão Live Server
- Aula 8 - Extensão Emmet e outras configurações
- Aula 9 - Elementos Heading
- Aula 10 - Inserindo imagens
- Aula 11 - Inserindo imagens da web
- Aula 12 - Alterando o tamanho das imagens
- Aula 13 - Adicionando comentário ao código
- Aula 14 - Utilizando a Tag Link
- Aula 15 - Como navegar de uma página para outra
- Aula 16 - Colocando link em imagens
- Aula 17 - Tags de Acessibilidade
- Aula 18 - Como criar uma lista
- Aula 19 - Como criar uma tabela
- Aula 20 - Criando um formulário
- Aula 21 - Criando um formulário
- Aula 22 - Elementos do Head
- Aula 23 - Como instalar o Prettier
- Aula 24 - Apresentando o projeto
- Aula 25 - Criando nosso boilerplate
- Aula 26 - Criando o Head, Menu e colocando a logo
- Aula 27 - Construindo Hero e Cards
- Aula 28 - Criando nossa segunda página
- Aula 29 - Criando a página de produtos
- Aula 30 - Finalizando nosso primeiro projeto
- Aula 31 - Introdução ao CSS
- Aula 32 - CSS inline e interno
- Aula 33 - Criando CSS externo
- Aula 34 - Ordem de preferência do CSS
- Aula 35 - Sintaxe e Regras do CSS
- Aula 36 - Como selecionar elementos
- Aula 37 - Agrupando seletores
- Aula 38 - Estilizando através do ID
- Aula 39 - Classe no CSS
- Aula 40 - Usando mais de uma classe
- Aula 41 - Aprendendo a usar Div e Span
- Aula 42 - Como funciona a herança no CSS
- Aula 43 - Multi seletor, Expecificidade e Last rule.
- Projeto Fundamentos
- Aula 44 - Utilizando cores nos textos
- Aula 45 - Cores por nomes
- Aula 46 - Utilizando padrão RGB
- Aula 47 - Utilizando padrão RGBA
- Aula 48 - Utilizando padrão Hexadecimal
- Projeto Cores
- Aula 49 - Pixel e como utilizar
- Aula 50 - Unidade de medida "EM"
- Aula 51 - Unidade de medida "REM"
- Aula 52 - Unidade de medida "VW" e "VH"
- Aula 53 - Utilizando DevTools
- Aula 54 - Função calc( )
- Aula 55 - Overflow, Min-Height e Max-Height
- Projeto Unidade de medidas
- Aula 56 - Mudando a fonte de um texto
- Aula 57 - Fontes genéricas
- Aula 58 - Utilizando Google Fonts
- Aula 59 - Fontes Negrito e Itálico
- Aula 60 - Centralizando textos
- Aula 61 - Propriedades de texto
- Projeto Tipográfico
- Aula 63 - Padding
- Aula 64 - Margin
- Aula 65 - Border
- Aula 66 - Border Radius e Margem negativa
- Aula 67 - Propriedade Outline
- Aula 68 - Border Hack
- Projeto Box Model
- Aula 69 - Propriedades Display
- Aula 70 - Basic Horizontal Centering
- Aula 71 - Mobile exemplo Barras de navegação
- Aula 72 - Box Sizing : Border Box
- Aula 73 - Display inline-block
- Aula 74 - Display none, Opacity, Visibility
- Projeto Display
- Aula 75 - Setup
- Aula 76 - Background básico
- Aula 77 - background-repeat
- Aula 78 - background-size
- Aula 79 - backgroun-position
- Aula 80 - background-attachment
- Aula 81 - Linear Gradient
- Aula 82 - Background Image Overlay
- Projeto Background Image
- Aula 83 - Float Property
- Aula 84 - Float Property Column Layout Examplo
- Aula 85 - position-static
- Aula 86 - position-relative
- Aula 87 - Position Absolute
- Aula 88 - Position Fixed
- Aula 89 - Position Sticky
- Aula 90 - Media Queries
- Aula 91 - Z-index
- Aula 92 - Básico ::before e ::after
- Aula 93 - Exemplos ::before e ::after
- Aula 94 - Propriedade inset
- Projeto Position
- Aula 95 - Seletores Básicos
- Aula 96 - Descendent e Child Selectors
- Aula 97 - First Letter e First Line
- Aula 98 - Pseudo Selector :hover
- Aula 99 - Pseudo Selector Link
- Aula 100 - Pseudo Selector :root
- Aula 101 - Transform :translate( )
- Aula 102 - Translate Hero Example
- Aula 103 - transform:scale( )
- Aula 104 - transform:rotate( )
- Aula 105 - transform:skew( )
- Aula 106 - Propriedades de Transição
- Aula 107 - Múltiplas Transições
- Aula 108 - Transições Delay, Shorthand e outras propriedades
- Aula 109 - Transition-timing-function
- Aula 110 - Animation
- Aula 111 - Animation fill-mode
- Projeto Animação
- Aula 112 - Variáveis no CSS
- Aula 113 - FontAwesome Icons
- Aula 114 - FontAwesome Self Host Option
- Aula 115 - FontAwesome CDN link
- Aula 116 - FontAwesome SVG
- Aula 117 - FontAwesome Versões
- Aula 118 - Text-shadow Box-shadow
- Aula 119 - Browser Prefixos
- Aula 120 - HTML Semântico
- Aula 121 - object-fit
- Aula 122 - Emmet workflow
- Aula 123 - :is( )
- Aula 124 - :not( )
- Aula 125 - HSL Color Values
- Aula 126 - Extensão Five Server
- Aula 127 - Intro e Setup
- Aula 128 - Imagens e Ícones
- Aula 129 - Estrutura HTML
- Aula 130 - Reset
- Aula 131 - Criando variáveis CSS
- Aula 132 - Body
- Aula 133 - Blog Card
- Aula 134 - Blog Image
- Aula 135 - Projeto Completo
Perguntas Frequentes
Todas as avaliações mostradas aqui foram feitas por pessoas reais que compraram e deram sua opinião sobre o curso. Quando alguém compra um curso através da Hotmart, a pessoa recebe um convite para avaliar o conteúdo dele. A nota nesta página é o resultado da média das avaliações feitas por estes compradores, que vai de 1 a 5 estrelas.
O Prazo de Garantia é o período que você tem para pedir o reembolso integral do valor pago pela sua compra, caso o produto não seja satisfatório. Assim que solicitado, seu reembolso é processado automaticamente pela Hotmart em até 5 dias. Para pagamentos com boleto bancário, você precisa preencher uma conta bancária para receber o dinheiro. Passados os 5 dias, o valor poderá ser identificado em sua conta em até 7 dias úteis. Já o estorno da fatura do cartão de crédito varia de acordo com o meio de pagamento e pode ocorrer na fatura atual ou na seguinte.
Primeiro, você precisa criar seu cadastro grátis, clicando aqui. Lá dentro, você tem acesso a mais de 15 formatos pra transformar o que você sabe em um produto digital. Além disso, vai poder acessar também o Hotmart Academy.
Alguns cursos online oferecem um certificado digital de conclusão. Alunos podem emitir esse certificado ao final do curso ou entrando em contato com o Autor ou Autora. Esses certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares.
Os produtos na Hotmart têm diferenciais que mudam de acordo com o tipo de produto e a disponibilidade. Por exemplo, produtos do tipo "Cursos online" podem ou não oferecer certificado digital de conclusão. Caso o certificado esteja disponível, alunos podem emiti-lo dentro do curso ou entrando em contato com o(a) Autor(a). Os certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares. A garantia também é um diferencial dos nossos produtos e pode variar de 7, 15 ou 30 dias, de acordo com o oferecido pelo Autor(a). Para ver os diferenciais disponíveis neste produto, basta checar a seção Diferenciais.
Você receberá o acesso a Curso HTML e CSS | Front Beginners por email. Pode ser um curso online, um ebook, uma série de videoaulas, um serviço, evento, etc. O conteúdo será acessado ou baixado através de um computador, celular, tablet ou outro dispositivo digital. Você também pode acessar o produto comprado nesta página:
Para comprar este curso, clique no botão “Comprar”. Lembre-se de que nem todos os cursos estarão sempre disponíveis para compra. É possível que o Autor ou Autora esteja preparando uma nova turma ainda sem inscrições abertas.
Para ser Afiliado(a), recomendamos que leia os guias que disponibilizamos em todos os canais da Hotmart. Além disso, uma boa maneira de se informar um pouco mais é acessando nosso blog. O produto desta página está disponível apenas para compra, para ver os produtos de afiliação, vá até o Mercado de Afiliação.
Temos um canal exclusivo para receber denúncias em produtos que não estão de acordo com as regras da plataforma Hotmart. Se você vir informações inadequadas, denuncie aqui
Acesse nossa Central de Atendimento, onde explicamos, em detalhes, todas as dúvidas que você possa ter antes, durante ou depois de comprar um produto digital na Hotmart.
