Categorias
Que tal dar um charme ao seu aplicativo? Imagine que na primeira execução do App o usuário veja um tour explicativo sobre os recursos do App e dicas de utilização. Isso é possível usando a biblioteca TinySlider.JS que oferece uma grande varidades de efeitos de slides, vamos lá; Faça o download da bilbioteca gratuita TinySlider.JS […]
Pacote de ícones do Framework 7 Faça o download do pacote de ícones no GitHub; https://github.com/framework7io/framework7-icons Descompacte o arquivo Copie a pasta framework7-icons-master para dentro do seu projeto, cole dentro da pasta www. Como usar os ícones do Framework 7 Edite o arquivo index.html, acrescente a seguinte linha <link rel="stylesheet" href="framework7-icons-master/css/framework7-icons.css"> dentro do bloco <head> […]
Para criar um menu lateral no Framework 7 é bem simples, basicamente precisamos de dois códigos; código do painel lateral (side panel) No index.html, utilize o código abaixo logo após a linha <div id="app">. <div class="panel panel-left panel-reveal"> <div class="block"> <div class="list simple-list"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> </div> </div> Código […]
Nesta aula eu ensino como criar as páginas internas do App – Como criar uma interface para seu aplicativo mobile usando Framework 7. O código a seguir acrescenta um botão voltar dentro das páginas internas e deve ser colocado dentro da DIV da NAVBAR. <div class="left"> <a href="#" class="back link"> <i class="icon icon-back"></i> </a> </div> […]
Olá pessoal. Hoje uma aula bem legal para aproveitarmos a parceria do Centro Paula Souza com a Microsoft, o Microsoft Imagine. Além das 10 licenças do Office 365, 1 tera de dados no OneDrive, licença do Windows 10 e Window Server 2012 e 2016, Visual Studio Professional 2012 e outros disponíveis no portal do programa […]
Essa aula de hoje surgiu a partir de uma dúvida do Viana e que acabou virando um artigo do blog. O Google Fonts sem dúvidas é uma mão na roda, se você ainda não sabe utilizá-lo, veja a aula Como usar as fontes do Google Fonts. No entanto, existem situações que nem sempre podemos incorporar […]
Este é um exemplo bem legal de um código fornecido pelo site viacep.com.br que oferece gratuitamente uma API quer permite fazer consultas em uma cópia da base de dados dos Correios em busca de um determinado CEP. Troca a troca de dados com o site é feta via jSon. Consulta de CEP com JavaScript / […]
“Saiba como programar uma busca automática de CEP, leia o artigo Busca por CEP usando JQuery e jSon.” Olá pessoal. Este é o código de um select em HTML contendo todos os Estados do Brasil, por sigla; <select id=”UF” name=”UF”> <option value=””>Selecione</option> <option value=”AC”>Acre</option> <option value=”AL”>Alagoas</option> <option value=”AP”>Amapá</option> <option value=”AM”>Amazonas</option> <option value=”BA”>Bahia</option> <option value=”CE”>Ceará</option> <option […]
Um servidor da WEB é considerado um ambiente de produção, ou seja, usamos um servidor da WEB quando já temos uma aplicação devidamente testada e funcionando. Muitos desenvolvedores fazem uso de softwares WAMP (Windows, Apache, MySQL/MariaBD, PHP), os famosos servidores localhost para simular um servidor de internet em seu próprio computador para depois então passar […]
Hoje vamos aprender a resolver um problema comum em aplicações front-end e também em aplicativos híbridos quando precisamos ler parâmetros de uma página para outra sem utilizar linguagens de back-end, como PHP por exemplo. Conhecendo as funções JS Capturar o endereço da url com JavaScript Para capturar o endereço da url usamos a função window.location.hrefdo […]
O HTML 5 possui uma lista de entities (caracteres especiais) na qual inclui algumas figuras semelhantes aos conhecidos ícones de emojis. O site que mais gosto de consultar é este: https://apps.timwhitlock.info/emoji/tables/unicode Outro site bem legal é esse outro aqui: https://getemoji.com/ Ao acessar a página você irá perceber o quanto extensa é a lista de […]
Atenção: Se você é preguiçoso e não gosta de ler, então não me peça ajuda!!!! Aprenda a ler textos e documentos técnicos, compreender e interpretar passo-a-passos. Rotina esta que faz parte da carreira de qualquer profissional de tecnologia, não importando a área. O F7 foi introduzido no PhoneGap em 2015 e deste então se tornou […]
IMPORTANTE! Este material está desatualizado! A partir do Visual Studio 2019, a Microsoft removeu os recursos de criação de aplicativos, no entanto, você poderá criar o mesmo ambiente de desenvolvimento usando o Visual Studio Code. Este artigo será mantido no Blogson porque vários desenvolvedores ainda utilizam o Visual Studio 2017, no entanto, eu recomendo que […]
A nova versão 3 do FancyBox está ainda mais fácil de usar. FancyBox é um aclamando plugin jQuery que acabou virando uma biblioteca em função da sua popularidade. Você pode usar esta galeria tanto em web sites como em aplicativos baseados em HTML 5. O FancyBox inclusive tem um site novo; acesse: http://fancyapps.com/fancybox/3/ Assim como toda […]
Com a descontinuação do Intel XDK, estou criando um novo cronograma de aulas. Sobre o novo curso de desenvolvimento mobile O aluno deverá ter conhecimentos básicos de desenvolvimento web. As tecnologias abordadas neste curso são; Editor de códigos Brackets HTML 5 CSS 3 JavaScript Cordova e seus plugins Troca de Dados com servidores usando jSON […]
Neste tutorial vou usar apenas o editor Brackets para criar o aplicativo a nada mais… nada de PhoneGap, Intel XDK, Atom, Visual Studio ou Android Studio, nada disso. A ideia aqui é usar o mínimo de ferramentas possíveis para resolver os mesmos problemas, então, mãos na massa. Preparando seu computador para desenvolver para mobile Instalando […]
