Categorias
Animete.css é uma biblioteca CSS criada especialmente para criar pequenos efeitos em páginas e aplicativos. Alguns exemplos de animações podem ser testadas no próprio site da animate.css. Tutorial de como usar a biblioteca animate.css Crie uma nova página HTML (Pode usar BootStrap se quiser ?). Acrescente no cabeçalho do documento (dentro das tabes <HEAD> […]
Antes de acrescentar um botão de login no Facebook do seu site, ou site, é necessário criar um aplicativo no Facebook Developers é através deste aplicativo criado dentro do ambiente do Facebook que o seu aplicativo irá se comunicar com a API do Face, chamada de GRAPH API Criando o aplicativo no Facebook Developers Acesse https://developers.facebook.com/ No […]
Introdução Esta aula serve tanto para o desenvolvimento de aplicativos móveis como de aplicações WEB, já que a chama AJAX será a mesma para amplas plataformas. Vantagens de gravar dados com Ajax. Aplicativos móveis podem se conectar diretamente à um banco de dados usando JS como intermediário na conexão. Não existe “reload” na página pois […]
BlueGriffon é um software open source que facilita o desenvolvimento de páginas para WEB. Pode ser utilizado tanto por desenvolvedores iniciantes como por desenvolvedores experientes. Para os iniciantes, o BlueGriffon facilita o aprendizado das tags e da estrutura das páginas, já para os experientes, o BlueGriffon aumenta a produtividade no desenvolvimento de páginas e sites. Download do […]
Vimos na aula anterior (reveja aqui) como manipular elementos HTML usando jQuery. jQuery trabalha com o conceito com seletores e ações. Agora vamos ver a lista de ações que podemos usar no jQuery, lembrando que no W3Schools é possível ver exemplos práticos de cada um deles; Method Description addClass() Adiciona um ou mais nomes de […]
jQuery é uma biblioteca JavaScript criado para facilitar a programação de DOM (Document Objects Manipulation). As técnicas de programação com DOM são caracterizadas pelo comando document.getElementById pelo qual podemos manipular qualquer elemento identificado no documento HTML. O JQuery surge como uma opção mais simples de se programar DOM através de seletores e ações. Seletores e […]
Antigamente, as versões anteriores do HTML não permita utilizar fontes legais, tínhamos que usar as fontes padrões do computador como Arial, Times New Roman, Curier New, Verdana, etc… O código era assim <font face=”verdana”>Este é um texto com a fonte verdana</font> No entanto, este código não é utilizado mais e alguns navegadores já não o entende. […]
Veja a lista completa de todos os símbolos HTML prontos para copiar e colar em sua página da Web. Diversos símbolos, ícones emojis HTML e código correspondente.
Nesta aula veremos um exemplo de como capturar a latitude e longitude do visitante de uma página web ou de um usuário de um aplicativo e mostrar a sua localização no Google Maps. Preparando o mapa e obtendo uma chave no Google Developer O código a seguir, obtido na documentação do Google Maps, é um […]
Na aulas de TPI II, TLBD, TM eventualmente trabalhamos com um servidor WAMP. O que é o Apache? Apache, é um software livre nativo dos sistemas Linux, é o software mais popular do mundo quando o assunto é servidor Web, 70% dos sites do mundo usando servidores rodando Apache. O Apache é o responsável por […]
Uma maneira simples e rápida de codificar dados no MySQL é usando a função ENCODE(). Esta função é baseada em um algoritmo de 256 bits baseado em uma senha definida pelo programador. Esta função é excelente para criptografar dados pequenos como senhas, números de cartões de crédito Exemplo de codificação Supondo que a senha escolhida para […]
Quem usa o framework Booststrap 3 conhece muito bem os glyphicons, no entanto, alguns usuários podem se frustar com as poucas opções ofertada pelo framework, tanto que na versão 4 do Bootstrap os ícones foram extintos. Para resolver estra frustração podemos adotar outro framework que trabalha apenas com ícones, o Font Awesome, que oferece atualmente […]
Procurar por scripts de upload pode ser uma grande frustração. No Google encontramos códigos obsoletos, longos, difíceis de entender e difficiles de implementar. Exemplo simples Vou apresentar um código bem simples para upload. Crie o seguinte formulário, acrescentando atributo enctype=”multipart/form-data” no atributo <form>, isso fará com que o servidor aceite também sequencia binárias de dados. Acrescente também […]
O TinyMCE é um antigo e famoso editor WYSIWYG (What You See Is What You Get – O que você vê é o que você obtém) com uma pronuncia parecida com “Uigizig”. Ele é gratuito e utiliza JavaScript para controlar os textarea do seu formulário. Como usar o TinyMCE da forma mais fácil A forma […]
O Fancybox é um dos plugins mais populares do JQuery. Ele permite que uma imagem seja aberta em uma lightbox, uma espécie de janela flutuante. Além disso, ele permite criar um carrossel de imagens, como neste exemplo, clique nas imagens para entender o funcionamento do Fancybox. Agora que você viu na prática o funcionamento deste […]
O projeto está disponível para download com o código comentado. Ele aborda diversos assuntos vistos nas aulas de TPI I e II. HTML 5 Páginas responsivas Formulários Estilização com BootStrap Script PHP Declaração de variáveis Envio de dados por POST Criação de sessões Conexão à banco de dados Comandos básicos SQL TRUNCATE INSERT SELECT ORDER BY LIMIT […]