Blog SW9

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

Drag & Drop Com HTML5 | Aula 5 – Como usar os eventos DragEnter e DragLeave | Série HTML5 | SW9
Hoje eu tenho o prazer de apresentar outros dois eventos que fazem parte da API Drag & Drop e que vocês não podem deixar de conhecer :-) Estou falando dos eventos DragEnter e DragLeave. Como complemento da AULA, eu também vou passar rapidamente pelo evento DragEnd e aplicar um efeito de transparência no elemento que está sendo arrastado.
Drag & Drop Com HTML5 | Aula 4 – Trabalhando Com os Efeitos DND | Série HTML5 | SW9
Hoje veremos para que servem e como usar as propriedades effectAllowed e dropEffect que exibem recursos visuais e permitem controlar os efeitos durante uma ação de arrastar e soltar.
Drag & Drop Com HTML5 | Aula 3 – Soltando Elementos | Série HTML5 | SW9
Chegou o momento de explicar passo a passo como funciona o processo de mover e soltar os elementos usando os eventos dragover e drop, exibindo o resultado final no kanban simples que estou desenvolvendo em conjunto com vocês.
Drag & Drop Com HTML5 | Aula 2 – Tornando Um Elemento Arrastável | Série HTML5 | SW9
Nesta segunda AULA, vamos começar a implementar um KanBan Simples usando a API Drag & Drop com HTML 5. O próximo passo será escolher um elemento HTML e torná-lo arrastável, para que na sequencia seja possível explicar como funciona o evento dragstart, a propriedade dataTransfer e o método setData.
Drag & Drop Com HTML5 | Aula 1 – Apresentação e Feature Detection | Série HTML5 | SW9
Esta será a nossa primeira Aula sobre a API Drag And Drop. Vamos fazer uma apresentação rápida sobre este recurso de Arrastar e Soltar, o que nós vamos implementar neste conjunto de AULAS, falar sobre a compatibilidade desta API em relação aos navegadores e vamos começar o nosso projeto implementando a detecção deste recurso com o apoio da biblioteca Modernizr.
Client Side Storage | Aula 10 – IndexedDB Com Async-Await? | Série HTML5 | SW9
Client Side Storage - Aula 10 - Vamos tornar a sua vida mais fácil, reduzindo codigo e tornando o código mais limpo ao combinar indexedDB + Async-Await. Não percam :-)
Client Side Storage | Aula 9 – Utilizando IndexedDB Com Promise | Série HTML5 | SW9
Client Side Storage - Aula 9 - Nesta aula vou explicar passo a passo como usar a API IndexedDB Com Promises, em substituição ao Objeto Nativo IDBRequest. Usaremos a biblioteca idb, uma pequena biblioteca que espelha a API IndexedDB trocando a implementação nativa IDBRequest, pelo uso de promises.
Client Side Storage | Aula 8 – Evoluindo com a API IndexedDB | Série HTML5 | SW9
Nesta AULA, vamos evoluir no uso da API Indexed Database (mais conhecida como IndexedDb). Você aprenderá a buscar todos os dados armazenados em uma collection, realizar pesquisas e finalmente remover objetos da collection.
Client Side Storage | Aula 7 – Iniciando com a API IndexedDB | Série HTML5 | SW9
Nesta AULA, vamos ter o primeiro contato com a API Indexed Database (mais conhecida como IndexedDb). Você vai saber o real motivo dela ter sido criada, os seus pontos fortes, a forma padrão de trabalho (workflow sugerido) e vamos implementar a inicialização do banco de dados, limpeza e gravação de dados usando como base a nossa página de contatos.
Client Side Storage | Aula 6 – Web SQL Database | Série HTML5 | SW9
Client Side Storage - Aula 6 - Hoje vou apresentar a API Web SQL Database - Banco de dados relacional para armazenamento de dados do lado do cliente. Vamos implementar as operações de salvar, pesquisar, inicializar e limpar dados (camada de abstração) usando esta tecnologia. Durante a implementação você vai aprender a manipular os dados, verificar o comportamento quando tentamos acessar os dados a partir de outro domínio e muito mais.
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?