Busca DevMedia
Você está buscando em vídeo aula no canal front-end web
- Revisando Vídeo
Nesta aula vamos revisar todo conteúdo aprendido nas aulas anteriores. O objetivo é reforçar todo conteúdo aprendido tais como as tags e a sintaxe do HTML. Ao final desta aula você terá revisado todo o conteúdo aprendido de forma a entender, através de um exemplo, todos os conceitos ensinados.
- Tags de cabeçalho Vídeo
Nesta aula falaremos sobre a divisão do documento HTML entre corpo e cabeçalho. Além de entender o que é o cabeçalho no HTML, vamos conhecer na prática algumas tags de cabeçalho. Ao final desta aula você será capaz de compreender o que é o cabeçalho no HTML e como utilizamos tags de cabeçalho.
- !doctype, html, body e nesting Vídeo
esta aula vamos conhecer três tags que compõem a sintaxe do HTML: <!doctype>, <html> e <body>. Além disso, vamos conhecer um conceito do HTML chamado Nesting, que define a forma como as tags podem ser escritas em um documento HTML.
- Atributos Vídeo
Nesta aula vamos conhecer o que são atributos e entender porque eles são importantes no HTML. O objetivo é que ao final desta aula você seja capaz de compreender o objetivo de um atributo no HTML.
- Documento HTML Vídeo
Nas aulas anteriores falamos sobre a linguagem HTML e sua sintaxe. O objetivo agora é entender como as tags são organizadas nos chamados documentos HTML. Ao final dessa aula você entenderá o que são documentos HTML e o que os compõem.
- Tags Vídeo
Nesta aula vamos nos aprofundar no conceito de tags e entender as regras que definem como uma tag deve ser escrita. Ao final desta aula você será capaz de compreender regras de escrita de tags HTML.
- Regras do HTML Vídeo
Nesta aula trataremos de dois temas importantes: sintaxe e tags. O objetivo desta aula é explicar o que é sintaxe e como esse conceito se aplica na linguagem HTML através do uso de tags. Ao final desta aula você entenderá como a sintaxe define a forma que devemos escrever nosso código.
- O que é HTML? Vídeo
Nesta aula conheceremos o HTML, uma das principais linguagens usadas no desenvolvimento de sites. Ao final desta aula você será capaz de entender o que é o HTML e qual seu papel na construção de páginas web.
- Mostre suas ideias para o mundo Vídeo
HTML é a linguagem que diz para o navegador o que é o que em uma página (um texto, um link, uma imagem, etc.). Sem conhecê-la, é impossível criar um site ou aplicação web de forma profissional.
- Quinto exemplo prático Vídeo
Nesta aula veremos o quinto exemplo prático em que utilizamos o Flexbox para posicionar elementos. Nesta aula posicionaremos uma lista de horários de um site de cafeteria.
- Quarto exemplo prático Vídeo
Nesta aula veremos o quarto exemplo prático em que utilizamos o Flexbox para posicionar elementos. Nesta aula posicionaremos o banner de um site de hospedagem.
- Terceiro exemplo prático Vídeo
Nesta aula veremos o terceiro exemplo prático em que utilizamos o Flexbox para posicionar elementos. Nesta aula posicionaremos o topo de um site de hospedagem.
- Segundo exemplo prático Vídeo
Nesta aula veremos o segundo exemplo prático em que utilizamos o Flexbox para posicionar elementos. Nesta aula posicionaremos cards de um site de lanchonete.
- Primeiro exemplo prático Vídeo
Nesta aula colocaremos em prática todo o conhecimento adquirido até aqui sobre a ferramenta Flexbox. Veremos o primeiro exemplo prático em que utilizamos os conceitos e propriedades do Flexbox para posicionar elementos. Neste exemplo posicionaremos os cards de uma página de cursos.
- Propriedades dos elementos filhos Vídeo
Nesta aula conheceremos mais quatro propriedades do Flexbox, o flex-grow, o flex-shrink, o flex-basis e o flex. Veremos como elas podem ser utilizadas para definir o tamanho e proporção dos elementos filhos de um container.
- align-items Vídeo
Com align-items podemos centralizar os cards no container. Ou então posicioná-los no topo ou no rodapé da seção em que estão contidos. Podemos também utilizar o valor stretch para fazer com que os cards ocupem toda a área disponível.
- justify-content Vídeo
Na técnica Flexbox, o uso do justify-content é a principal forma de definir o alinhamento e o espaçamento entre os elementos de um container. Nesta aula o conheceremos e como ela pode ser utilizada para definir espaços e posicionamento de elementos HTML.
- Faça você mesmo Vídeo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza a tag form, tags de inputs e campos que vimos no decorrer do curso.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza alguns inputs para construir um formulário de cadastro de uma loja de aluguel de carro.
- Fieldset Vídeo
O fieldset é uma tag HTML que permite o agrupamento de forma visual de dados do formulário em seções. Os fieldsets não afetam o funcionamento dos formulários, mas ajudam a organizar o seu conteúdo.
- Radio Vídeo
O radio é um tipo de input e seu objetivo é permitir a criação de opções de seleção única, ou seja, onde o usuário só pode fazer uma escolha. Nesta aula você vai aprender como criar um input do tipo radio.
- Checkbox Vídeo
O checkbox é mais um tipo de input, e tem como objetivo permitir a criação de caixas de seleção muito usadas em formulários para marcar informações do tipo leitura de contrato, ou mesmo para permitir a marcação de múltiplas opções.
- Atributos dos Inputs Vídeo
Nesta aula aprenderemos alguns dos atributos mais importantes aplicados a inputs. Através deles deixaremos a experiência de uso do formulário ainda mais completa.
- Inputs Vídeo
O uso de inputs dá ao desenvolvedor mais liberdade na hora de construir os formulários, permitindo a criação de campos para tipos de dados específicos, tais como texto, números, datas e até mesmo senhas.
- Tag Form Vídeo
A Tag form é a tag responsável pela criação de formulários. Nessa aula veremos como a tag form funciona, conheceremos sua sintaxe e como utilizá-la corretamente na construção de formulários para nossa página web.
