HTML5 - Blog sobre desenvolvimento mobile e Web

HTML5 File API | Aula 4 de 6 – Monitorando o progresso da leitura de cada arquivo | Série HTML5 | SW9

Tags: Desenvolvimento Web, file api, file api file reader, file api html5, file api javascript, html file api, html5 file api, html5 file api tutorial, javascript file object, lendo arquivos com objeto filereader, Lendo e renderizando arquivos localmente com FileReader, monitorando o progresso de leitura com file api, sw9|

Chegou a hora de você aprender como é possível acompanhar o progresso de leitura de um arquivo. Nesta AULA, você terá a oportunidade de incrementar o projeto galeria de imagens, incluindo uma lógica de verificação de progresso de leitura e exibição de uma barra (progressbar) para o usuário. Você vai ter contato com os eventos loadstart, load e progress para chegarmos ao resultado esperado.

HTML5 File API | Aula 3 de 6 – Lendo e renderizando arquivos localmente com FileReader | Série HTML5 | SW9

Tags: Desenvolvimento Web, file api, file api file reader, file api html5, file api javascript, html file api, html5 file api, html5 file api tutorial, javascript file object, lendo arquivos com objeto filereader, Lendo e renderizando arquivos localmente com FileReader, sw9|

Reservei esta AULA para implementarmos o processo de leitura de cada imagem que foi selecionada, e na sequencia exibir um preview na forma de thumbnail. Reservei esta AULA para implementarmos a leitura de arquivos e exibição de preview na forma de thumbnail. Para chegarmos neste resultado, vamos usar o objeto FileReader. As peguntas a seguir serão respondidas nesta AULA: O que é o objeto FileReader? Quais são as suas propriedades, métodos e eventos? Como ler um arquivo? Como exibí-lo no formato de miniatura? Ao final da AULA, a nossa galeria de imagens já estará exibindo informações e thumbnail de cada imagem selecionada pelo usuário.

HTML5 File API | Aula 2 de 6 – Selecionando, Acessando e Obtendo informação de arquivos | Série HTML5 | SW9

Tags: Desenvolvimento Web, file api, file api html5, file api javascript, html file api, html5 file api, html5 file api tutorial, javascript file object, sw9|

Nesta segunda AULA, vou explicar passo a passo como podemos selecionar 1 ou mais arquivos locais, acessá-los usando os objetos File e FileList e, para encerrar, vamos obter as informações básicas de cada arquivo e exibi-las na página web.

HTML5 File API | Aula 1 de 6 – Apresentação e Feature Detection | Série HTML5 | SW9

Tags: Desenvolvimento Web, file api, file api e modernizr, file api feature detection, file api html5, file api javascript, html file api, html5 file api, html5 file api tutorial, javascript file object, sw9|

Dando continuidade a MEGA Série sobre HTML5, agora chegou a vez de falarmos sobre a File API. Qual era a forma tradicional para manipulação de arquivos? Qual a motivação por trás da criação da API? O que é a File API? Quais os principais objetos? Como faço para detectar se o File API é compatível ou não com o navegador? Todas estas perguntas serão respondidas ao longo desta primeira AULA :D

Drag & Drop Com HTML5 | Aula 8 – Arrastando do Desktop Para o Navegador | Série HTML5 | SW9

Tags: all of web development, Arrastando do Dektop Para um Navegador, drag & drop com html5, drag and drop com html5, drag and drop html5 builder, drag and drop html5 tutorial, drag and drop soltando elementos, drag e drop com html5, html5 drag, html5 drag and drop, html5 drag and drop image, html5 drag and drop list items, os eventos da api drag e drop, sw9, tudo sobre desenvolvimento web, web development articles|

O objetivo é concluirmos o projeto iniciado na AULA passada. Como soltar os arquivos que foram arrastados do Desktop para dentro de nossa área de soltura chamada file zone? Como recuperar e exibir informações básicas de cada arquivo arrastado? Estas são perguntas que serão respondidas nesta última AULA.