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.
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.
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;
Olá Pessoal. Sejam bem vindos ao Canal e Blog SW9No 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-serverNeste caso, o lite-server será instalado de forma global e poderá se executado a partir de qualquer local.ou npm install --save-dev lite-serverNeste 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
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 ...