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 CSS3? | SW9
CSS
#O que veremos na aula de hoje? Agora chegou a momento de apresentar para vocês uma segunda técnica para animação de ícones. Desta vez, usaremos a dupla Font Awesome e CSS3 animation. 😲
Icon Animation | Como animar ícones usando Font Awesome e Javascript Nativo? | SW9
#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
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
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?
Javascript Debugging | Como fazer debug de javascript no Firefox | JS | SW9
O objetivo nesta aula é compartilhar com vocês uma forma eficiente de simular, rastrear, identificar e corrigir problemas, usando para isso a ferramenta de debug incorporada ao navegador Firefox. Apesar do navegador Firefox tradicional possuir a ferramenta de debug, nesta AULA usaremos uma versão do Firefox desenvolvida exclusivamente para quem trabalha com projetos Web. Você já conhecia esta versão para desenvolvedores? Ela se chama Firefox - Developer Edition e possui uma infinidade de outros recursos, além é claro da ferramenta de debug.
Javascript Debugging | Como fazer debug de javascript no Google Chrome | JS | SW9
O objetivo nesta aula é compartilhar com vocês uma forma eficiente de simular, rastrear, identificar e corrigir problemas, usando para isso a ferramenta de debug incorporada ao navegador Google Chrome.
HTML5 FILE API | Aula 6 de 6 – Tratamento de erros e validação | Série HTML5 | SW9
Agora eu convido vocês para fecharmos a nossa pequena série sobre File API com chave de ouro. Nesta última AULA, a minha missão será compartilhar com vocês, como podemos usar os recursos disponíveis no objeto FileReader para capturar erros de leitura. Para que o nosso objetivo seja atingido, vamos usar o manipular de evento onerror, o evento error e as propriedades name e message. Na sequência, vamos criar uma regra de validação, que será aplicada logo após o usuário selecionar arquivos: tamanho máximo permitido por arquivo.
HTML5 FILE API | Aula 5 de 6 – Abortando a operação de leitura | Série HTML5 | SW9
Hoje vamos aprender como cancelar uma operação de leitura. Você vai ter a oportunidade de incrementar o projeto de galeria de imagens, incluindo um botão de cancelamento para cada arquivo lido e a possibilidade de ao clicar nele, cancelar o processo de leitura. Você vai ter contato com o manipulador de evento onabort, o evento abort e o método abort().
HTML5 File API | Aula 4 de 6 – Monitorando o progresso da leitura de cada arquivo | Série HTML5 | 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
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.
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?