Blog SW9

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

Google Way | Building a Form Field Similar To Google | 3 de 3 | SW9

Tags: , , , , , , , |

Hoje encerramos o projeto de construção de um campo de pesquisa, com identidade visual e recursos similares ao site do Google. Nesta última parte implementamos um teclado virtual arrastável usando uma biblioteca chamada simple-keyboard.

Google Way | Building a Form Field Similar To Google | 2 de 3 | SW9

Tags: , , , , , , , |

O nosso próximo objetivo é agregar duas funcionalidades ao campo de pesquisa. São elas: Clear Input; Float Label. #O que veremos na aula de hoje? Vou explicar passo a passo como agregar ao campo de pesquisa as funcionalidades de Clear Input e Float Label.

Google Way | Building a Form Field Similar To Google | 1 de 3 | SW9

Tags: , , , , , , , |

Criar um campo de pesquisa usando vários recursos visuais, para que fique bem próximo da identidade visual usada pelo Google em seus formulários. #O que veremos na aula de hoje? Daremos início ao projeto de construção de um campo de pesquisa. Decidi dividir o projeto em três AULAS. Nesta primeira AULA, vamos implementar os seguintes recursos: Round Corner: cantos arredondados no campo de pesquisa; Append Icon: agregaremos 2 ícones ao lado direito do campo de pesquisa. Um ícone no formato de lupa e um ícone no formato de um teclado; Popover: aplicaremos o recurso de popover no ícone de teclado virtual;

Lite Server | Lightweight development only node server that serves a web app – Servidor HTTP Light

Tags: , , , , , , , , |

Olá Pessoal. Sejam bem vindos ao Canal e Blog SW9 No vídeo de hoje vou mostrar para vocês como instalar, configurar e utilizar uma ferramenta bem interessante chamada Lite Server. [Apresentação] O Lite Server é um servidor HTTP (Lightweight development only node server that serves a web app), escrito em node JS, que nos permite rodar nossos web apps escritos em HTML e Javascript. Assim como o HTTP Server (ferramenta que já apresentei em vídeos anteriores), o lite-server permite testar nossas web apps de forma simples e rápida. [Principais Recursos] Dentre os principais recursos do Lite Server podemos citar: 1. Possui área admin graças a utilização do serviço browserSync. 2. Por padrão, o lite server faz refresh automático da página após cada alteração de código fonte. Este recurso facilita bastante a vida dos desenvolvedores, que não precisam mais, a cada alteração de código, clicar no botão refresh do navegador. [Instalação] A instalação da ferramenta pode ser feita via npm ou yarn. Neste vídeo mostro como instalar via npm. Basta digitar no prompt de comando: npm install -g lite-server Neste caso, o lite-server será instalado de forma global e poderá se executado a partir de qualquer local. ou npm install --save-dev lite-server Neste caso, o lite-server será instalado de forma local. Após instalação, irei mostrar como executá-lo a partir de um configuração feita no arquivo package.json

Construa uma aplicação Web em 5 minutos com AngularJS e BootStrap

Tags: , , , , , , |

Que tal construir um esqueleto de uma aplicação web que possa ser utilizada como base para qualquer aplicação web que queira construir? Neste vídeo [Construa uma aplicação Web em 5 minutos com Angular JS e BootStrap UI], vou explicar passo a passo como fazer. Um dos maiores vilões dos desenvolvedores é construir uma aplicação que depois torna-se difícil e até mesmo quase impossível de dar manutenções. Muitas vezes somos levados a construir aplicações de forma rápida e justamente por isso fora dos padrões mais politicamente corretos de boa codificação. Na minha opinião, criar uma aplicação web estruturada nos leva a grandes benefícios como por exemplo: a fácil manutenção, identificação de erros e agilidade na codificação ...

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?