Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

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

Tags: , , , , , , , , , , , |

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: , , , , , , , , |

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: , , , , , , , , , , |

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: , , , , , , , , , , , , , , , |

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.

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

Tags: , , , , , , , , , , , , , , , |

Ainda aproveitando a onda sobre o uso do recurso de drag e drop (DND) de forma nativa usando a API Drag e Drop e HTML5, decidi compartilhar com vocês como podemos arrastar arquivos do desktop para o navegador. O objetivo é implementar uma área de arquivos dentro da própria página onde o kanban simples for implementado. Dividi este projeto em duas AULAS e hoje daremos início a mais este desafio.

Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?