Busca DevMedia
Você está buscando por "HTML5" em vídeo aula
- Off Topic - Crie formulários com HTML5 - Vídeo 13 Vídeo
Neste vídeo vamos entender um pouco sobre expressões regulares, usadas para busca de padrões em textos através do elemento input. Entenderemos algumas vantagens dessa abordagem.
- Adicionando validações ao formulário - Crie formulários com HTML5 - Vídeo 12 Vídeo
Periodicamente surge a necessidade de validar alguns elementos do formulário definindo campos obrigatórios. Para isso vamos entender as validações disponíveis nos elementos HTML.
- Enviando os dados para o servidor - Crie formulários com HTML5 - Vídeo 11 Vídeo
Neste vídeo vamos criar um botão de envio dos dados para o servidor e testar nosso formulário por meio da análise do resultado da requisição.
- Organizando o formulário - Crie formulários com HTML5 - Vídeo 10 Vídeo
Vamos dividir nosso formulário em blocos usando o elemento fieldset para ficar esteticamente organizado. Cada bloco terá um rótulo definido pelo elemento legend, como veremos nessa aula.
- Envio de arquivos - Crie formulários com HTML5 - Vídeo 9 Vídeo
Para enviar arquivos do formulário para o servidor utilizamos o tipo file do HTML. Nesta aula utilizaremos este controle para enviar a foto de perfil do cliente que está se cadastrando na pizzaria.
- Elemento checkbox - Crie formulários com HTML5 - Vídeo 8 Vídeo
Vamos entender como criar uma lista de valores que podem ser marcados simultaneamente, além de definir o valor que será pré-selecionado, por padrão.
- Blocos de texto com o textarea - Crie formulários com HTML5 - Vídeo 7 Vídeo
Nesta aula vamos entender como criar caixas para texto longo, úteis para enviar informações grandes e com quebra de linha. Utilizamos esse elemento no nosso formulário para saber como o nosso cliente conheceu a pizzaria.
- Elemento select - Crie formulários com HTML5 - Vídeo 6 Vídeo
Com o select criamos caixas de seleção em formulários HTML. Nesta aula veremos como definimos esse elemento para que o cliente possa escolher a UF do endereço informado.
- Criando uma lista de opções - Crie formulários com HTML5 - Vídeo 5 Vídeo
Com o tipo radio podemos criar uma lista de opções no nosso formulário HTML como, por exemplo, a escolha entre um dos sexos disponíveis. Entenderemos melhor porque uma das opções sempre aparece pré definida.
- Construindo campos para datas e números - Crie formulários com HTML5 - Vídeo 4 Vídeo
Nos formulários geralmente são cadastradas datas de nascimento e números de residência. Aqui mostraremos como inserir esses campos no nosso formulário e aprenderemos a definir limites para o campo number.
- Iniciando o formulário - Crie formulários com HTML5 - Vídeo 2 Vídeo
Nesta aula aprenderemos a usar o elemento form e input para criar a estrutura básica do formulário, conhecer seus atributos e entender seu funcionamento.
- Introdução - Crie formulários com HTML5 - Vídeo 1 Vídeo
Formulários são umas das formas mais básicas de interação entre o usuário e um website na linguagem HTML. Neste vídeo veremos mais informações a respeito de como esse recurso do HTML funciona, seus principais elementos e sistema de validação.
- Dicas com placeholder e campos text e tel - Crie formulários com HTML5 - Vídeo 3 Vídeo
Qualquer formulário vai contar com campos do tipo text e number, afinal, sempre nos pedem textos curtos, sem quebra de linha, e telefones. Nesta aula veremos além da criação desses campos, o uso do placeholder.
- Introdução - HTML5 Web Storage: Armazenando dados no browser - Vídeo 1 Vídeo
Neste vídeo veremos uma breve apresentação do Web Storage, explicando os principais conceitos envolvidos e mostrando a utilidade dessa tecnologia.
- Salvando sessão com sessionStorage - HTML5 Web Storage: Armazenando dados no browser - Vídeo 5 Vídeo
Neste vídeo veremos como salvar os dados com sessionStorage, finalizando o exemplo do formulário.
- Implementação do botão Enviar - HTML5 Web Storage: Armazenando dados no browser - Vídeo 4 Vídeo
Neste vídeo começaremos a implementação do botão Enviar, que enviará as informações do localStorage para um cliente de e-mail e descartará o rascunho.
- Implementação do botão Salvar Rascunho - HTML5 Web Storage: Armazenando dados no browser - Vídeo 3 Vídeo
Neste vídeo começaremos a implementação do botão Salvar Rascunho, que guardará as informações no localStorage
- Verificando o suporte a Web Storage - HTML5 Web Storage: Armazenando dados no browser - Vídeo 2 Vídeo
Neste vídeo veremos como verificar a compatibilidade do navegador com o recurso do Web Storage, procedimento importante para garantir o pleno funcionamento da aplicação.
- Introdução e apresentação do projeto - HTML 5 Data Attributes: Armazenando informações em elementos HTML - Vídeo 1 Vídeo
Neste vídeo apresentaremos o projeto que será desenvolvido para manipular os data attributes do HTML5. Durante o curso veremos tanto a definição dos atributos no HTML, quanto a sua utilização via CSS e jQuery.
- Conclusões - HTML 5 Data Attributes: Armazenando informações em elementos HTML - Vídeo 8 Vídeo
Finalizando nosso curso, veremos neste vídeo um resumo do conteúdo que foi aprendido ao longo dos vídeos. Aqui aprendemos a adicionar data attributes no HTML5 e a utilizar esses atributos no CSS e no jQuery.
- Salvar no Local Storage - Curso de Ionic - Introdução - Aula 19 Vídeo
Para manter os registros adicionados e toda a interação do usuário com a aplicação, vamos implementar um sistema para salvar os dados no Local Storage provido pela tecnologia HTML5.
- Regras de validação - Validação de formulários com jQuery - Vídeo 3 Vídeo
Neste vídeo definiremos as regras de validação sem os atributos da HTML5. Para isso, informaremos os argumentos na chamada do método de validação.
- Validação básica - Validação de formulários com jQuery - Vídeo 2 Vídeo
Neste vídeo aprenderemos a importar o plugin jQuery Validate e a utilizá-lo em sua forma mais básica, utilizando os atributos da HTML5, como required e minlength, para definir as regras de validação.
- Desenhando com Sketch.js - Curso de jQuery Básico - Aula 63 Vídeo
Nessa videoaula você verá como criar elementos desenháveis, blocos de canvas HTML5, bem como customizar cores, links e borracha para apagar.
- Fale conosco e rodapé - Curso de web site responsivo com Bootstrap - Aula 38 Vídeo
Vamos dar continuidade ao desenvolvimento da interface de nosso projeto prático, onde criaremos a região de formulário de fale conosco, usando elementos do HTML5 e ainda finalizando com a formatação do rodapé da página.