Blog SW9

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

Icon Animation | Como animar ícones usando Font Awesome e Javascript Nativo? | SW9

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

#O que veremos na aula de hoje? Vou apresentar uma técnica simples e bem prática, para quem está procurando uma forma de criar ícones animados em projetos web ou aplicações híbridas 😲 Combinaremos a biblioteca de ícones chamada Font Awesome com Javascript Puro para produzir as animações.

Local Web Server | Usando o Chrome como servidor web local | Alternativa 2 | SW9

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

O objetivo nesta AULA é explicar passo a passo como podemos configurar e usar uma extensão disponível para o navegador Google Chrome, que tem como função transformá-lo em um poderoso servidor web local (Local Web Server). Com este servidor web local instalado e configurado, será possível hospedar e publicar nossos projetos desenvolvidos em HTML, CSS e JS. As perguntas a seguir serão respondidas nesta AULA: É possível criar um servidor web local de forma simples e rápida? Quais as formas de ativar um servidor web local usando o Google Chrome? Quais os principais recursos que esta extensão possui?

Local Web Server | Usando o Chrome como servidor web local | Alternativa 1 | SW9

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

O objetivo nesta AULA é explicar passo a passo como podemos configurar e usar um recurso nativo do navegador Google Chrome para transformá-lo em um poderoso servidor web local (Local Web Server), com a proposta de hospedar nossos projetos desenvolvidos em HTML, CSS e JS. As perguntas a seguir serão respondidas nesta AULA: É possível criar um servidor web local de forma simples e rápida? Quais as formas de ativar um servidor web local usando o Google Chrome? Quais as principais características do recurso nativo do Google Chrome possui?

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?