Web, .NET, Apps

Posts Tagged "jquery"

Iniciando com Phonegap

Iniciando com Phonegap

By on jun 27, 2015 in Mobile | 8.777 comments

Para você que optou por tecnologias híbridas ao invés de nativas, esse é o lugar certo. Para você que ainda não fez a comparação ou ainda está em dúvida sobre o que utilizar, em que momentos e porquê, aqui, acesse Desenvolvimento para dispositivos Móveis – Código Nativo ou Phonegap. De certo, o phonegap já tem algumas vantagens e a principal delas é a facilidade e velocidade em fazer coisas, desde que você seja uma pessoa que já tenha vindo do mundo do frontend, ou seja, que já respirou sobre HTML, CSS e Javascript. Na realidade, o Javascript é a linguagem mais incrível de todas. Ela já carrega bibliotecas e frameworks que podem fazer milagres em facilitar nosso desenvolvimento e turbinar a performance da aplicação. O javascript, com isso, já se encaminhou na frente das outras linguagens de programação, graças a agora podermos utilizá-lo tanto para client-side como para server-side. Algumas coisas que o Javascript pode oferecer: JQuery (e suas várias vertentes, como o JQuery UI,  unobtrusive e o masked input); Node JS (crie servidores dedicados em javascript); Angular JS (framework totalmente desacoplado, apresentando um novo conceito de desenvolvimento voltado para performance); Ext JS, Ionic (mais frameworks para desenvolvimento, especialmente mobile). A verdade é que ninguém dava valor ao javascript. Mas hoje, quando falamos em desenvolvimento híbrido, este já é a base de tudo o que você precisa saber. Aliado ao HTML5 e suas novas interações User Interface fantásticas e ao CSS3 com seu novo conceito dinâmico de estilizar, é exatamente tudo o que você precisa para começar a desenvolver. Agora, antes de começar, vamos nos atentar à nossa infraestrutura. O que precisamos instalar e configurar em nossa máquina para iniciar o desenvolvimento com Phonegap? Vamos nos atentar aos seguintes passos, imprescindíveis para rodar o phonegap: Instalar o Android SDK; Instalar o Ant Apache; Instalar o Node JS; Instalar o Phonegap. No próximo artigo, vamos aprender a instalar todos esses componentes mais o phonegap. Será um artigo sobre infra! Até mais!  ...

Read More
Aplicando datepicker e tooltip para acessibilidade

Aplicando datepicker e tooltip para acessibilidade

By on maio 10, 2015 in JQuery | 13.315 comments

Se você ainda não viu, veja como aplicar o efeito de guias com JQuery UI. Todos nós sabemos que um site responsivo é um passo para o sucesso nas ferramentas de busca. Mas não basta apenas fazer sucesso com os robôs de busca, mas sim, com os usuários também. No video a seguir, faremos a implementação do elemento datepicker do JQuery UI, além de um elemento de acessibilidade chamado tooltip, que indica em qual campo do formulário estaremos...

Read More
Aplicando o efeito de guias com JQuery UI

Aplicando o efeito de guias com JQuery UI

By on maio 10, 2015 in Bootstrap, JQuery | 9.499 comments

Se você ainda não viu, veja como criar o cabeçalho e o rodapé de uma página utilizando o bootstrap. O JQuery UI é um framework desenvolvido a partir do JQuery e que tem como objetivo fazer interfaces de usuário diversas, amigáveis e de designer inteligente, fornecendo-nos, acima de tudo, alguns componentes úteis para uma boa experiência de usuário. No video anterior, ainda presos no conceito de bootstrap, fizemos o cabeçalho e o rodapé de uma página. No video a seguir, utilizaremos a biblioteca JQuery UI para aplicar o efeito de guias na nossa página. Este efeito nos possibilita organizar as informações de forma mais limpa e fácil de se entender, economizando importante espaço na página, já que um tipo ou categoria de conteúdo é mostrado por...

Read More
Como criar a estrutura de um site responsivo com bootstrap

Como criar a estrutura de um site responsivo com bootstrap

By on maio 10, 2015 in Bootstrap, JQuery | 6.792 comments

Hoje é dia 10 de maio de 2015, mas provavelmente a partir de 21 de abril de 2015, o Google fez uma alteração no algoritmo do seu robô de busca capaz de mudar completamente o cenário de sua empresa no mundo dos negócios. Muitas irão cair nas buscas e perder clientes, enquanto que outras, mais preparadas, ou por pura sorte, ganham posições no ranking sem mesmo saber o porquê. Desesperador ou não. O Google explica que agora os sites responsivos terão a preferência entre as primeiras posições. Um site é responsivo quando sua estrutura continua sendo amigável mesmo acessando de outros dispositivos que não sejam desktop, como por exemplo smartphones. No video a seguir, você verá como funciona a criação da estrutura de um site responsivo, aproveitando toda a interface do Visual Studio 2013, bem como bibliotecas de código importantíssimas, como o bootstrap. Saiba agora como tornar o seu site mais rápido e acessível para todas as plataformas no primeiro video desta série! Se gostou do video, veja agora como criar o cabeçalho e o rodapé desta página com o bootstrap, na segunda parte dessa série de...

Read More