Este é mais um artigo sobre recursos úteis a serem adicionados em sistemas de informação para WEB. Já vimos nos artigos anteriores dicas importantes e úteis como; Criando arquivos PDF com jQuery e Convert Api Como criar um arquivo do Word (.DOC) com PHP Como gerar um arquivo do Excel com PHP E agora vamos aprender a compactar uma pasta. Este recurso é útil para sistemas WEB que possuem sistemas […]
Programação para Web
71 posts
Depois dos tutorias de Como gerar um arquivo do Excel com PHP e Como criar um arquivo do Word (.DOC) com PHP ficou faltando com certeza como fazer o mesmo com PDF. Eu tento ser um programador muito prático, e criar arquivos PDF é uma coisa muito simples se você conhecer o serviço da convertapi.com. O processo para criar um arquivo PDF é semelhante o que demonstrei no artigo de […]
Recentemente publiquei aqui no Blogson Como gerar um arquivo do Excel com PHP e desde então recebo alguns e-mails de como fazer o mesmo com arquivos .DOC do Word. Acredite, isso é muito mais simples do que gerar um arquivo XLS do Excel, o exemplo a seguir mostra como fazer sem o uso de bibliotecas gigantescas e confusas; Exemplo de como exportar um conteúdo HTML para o WORD usando PHP […]
A forma mais simples de gerar um arquivo em Excel é usando o header application/vnd.ms-excel do PHP e esta solução por ser eficiente em algumas situações, mas não em todas. Este exemplo demonstra como fazer isso; <?php header("Content-type: application/vnd.ms-excel"); header("Content-type: application/force-download"); header("Content-Disposition: attachment; filename=teste.xls"); header("Pragma: no-cache"); ?> <meta charset='utf-8'> <table> <tr> <td>Cliente</td> <td>Data da Comprar</td> <td>Valor</td> <td>Produto</td> </tr> <tr> <td>Anderson</td> <td>22/05/2016</td> <td>R$ 56,00</td> <td>Lanche</td> </tr> <tr> <td>Sergio</td> <td>25/05/2016</td> <td>R$ 76,00</td> […]
Wireframe é um protótipo usado em design de interface para sugerir a estrutura de um site, aplicativo ou sistema de informação. Um wireframe é uma ilustração semelhante ao layout e elementos fundamentais da interface. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido, tendo como principal objetivo a navegação e disposição do conteúdo, assim como demonstrar as preferências de um cliente quanto aos requisitos funcionais de um sistema. […]
Importante! Esta aula é continuação de Bootstrap – Starter Template. Se você ainda não sabe como adicionar o Bootstrap em sua página ou site, então veja a aula anterior. Quando iniciamos um site, precisamos planejá-lo. Algumas ferramentas de wireframe podem nos ajudar nesta ação, na qual podemos desenhar a estrutura e criar protótipos das páginas que irão compor o nosso site. Quando criamos estes protótipos logo nos deparamos com linhas […]
O Bootstrap é um popular framework usado para criação de sites responsivos. O que é um framework? São aqueles quadros fixados na parede para organizarmos nossas ferramentas na garagem ou na oficina do vovô que fica no quintal da casa. Esta mesma ideia é aplicada em diversas áreas e vertentes do desenvolvimento, incluindo a web. O Bootstrap é um destes quadros de ferramentas na qual temos tudo que desejamos organizado […]
Download disponível no final do artigo, bons estudos! Aqui no blogson você pode ver uma aula sobre como vídeos em suas páginas HTML, acesse aqui. Em dos meus projetos na AppWinner Criação de Sites em WordPress precisei criar uma janela modal para executar um vídeo. No entanto, o grande problema não era apenas criar a janela modal, eu tinha que controlar o vídeo na medida em que a janela era […]
Sejam bem vindos novos alunos do curso de Desenvolvimento de Software da Etec Atibaia. Neste curso temos uma boa carga de disciplinas voltadas para Web, sendo a principal delas a PW I (Programação para Web I). Este artigo lista todo o conteúdo aprendido até aqui. Estrutura básica do HTML 5 Toda vez que vamos começar um novo site, precisamos de um bom editor de códigos sendo os meus favoritos BRACKETS […]
O código a seguir permite limitar a quantidade de caracteres que serão exibidos em um texto. Usamos a função substr() do PHP. $texto = "coloque um texto grande aqui"; $tam = strlen($texto); // Verifica o tamanho do texto. $max = 400; // exibirá apenas os 400 primeiros caracteres de um texto. if($tam > $max) // Se o texto for maior do que 400, retira o restante. { $conteudo = substr($conteudo, […]
A API accuweather A API da accuweather oferece uma forma simples de colocar dados da condição climática e temperatura da sua cidade em seu site. A API utiliza de uma estrutura jSON. Para ter acesso aos dados jSon da cidade de Atibaia por exemplo, acesse o endereço; http://apidev.accuweather.com/currentconditions/v1/36728.json?language=pt&apikey=hoArfRosT1215 Você verá estas informações; Como obter dados de outras cidades? Note que a url, é o nome do arquivo .json que define […]
Para ler um arquivo ou uma estrutura de dados jSON usando jQuery é muito fácil. Aprenda a usar o $.get do jQuery De acordo com a Documentação do jQuery, uma das formas de ober valores de uma saída jSON externa a sua aplicação WEB é usando o seletor $.get, sua sintaxe é a seguinte; $.get( "http://endereco-da-estrutura-json/", function(data) { // códigos a serem executados aqui... }); Exemplo – Como ler uma […]
Quando copiamos imagens dos bancos de imagens, normalmente No projeto de um site é importante usar imagens de boa qualidade e o mais importante; que tenha direito de uso. A maioria das imagens encontradas no Google não oferecem direito de imagem e isso pode ser um grande problema, a solução é pesquisar imagens em bancos de imagens gratuitos. Nesta outra publicação eu listei alguns sites bem legais que disponibilizam conteúdo […]
Se você ainda não conhece a biblioteca CSS Animate.CSS, veja a aula aqui – Criando animações em seu site com animate.css Esta biblioteca demonstra nos seus exemplos como criar efeitos durante o carregamento de um elemento, no entanto, podemos também criar efeitos após o elemento já estar carregado na página, um exemplo é um efeito hover usando recursos do próprio CSS ao invés de jQuery. Considere o seguinte código exemplo; […]
Em projetos de web sites é sempre importante usar boas imagens. O problema é que muitas das imagens disponibilizadas no Google possuem algum tipo de direito autoral, situação esta que cabe processo em esfera internacional, o autor pode cobrar por uma licença de uso ou alguma espécie de royalties, além de multas pelo uso indevido. No entanto, nem tudo está perdido! Existem vários sites que oferecem imagens de altíssima qualidade […]
Fala pessoal! Que tal se tornar um dos profissionais mais badalados na área de desenvolvimento WEB? WordPress atualmente é a plataforma mais utilizada para criação de sites e gestão de conteúdos. Com salários que variam entre R$ 1.500 até R$ 7.000,00 atualmente os desenvolvedores WordPress são disputados pelas principais agências digitais do país. WordPress também é a principal ferramenta para que você possa iniciar o seu próprio negócio de desenvolvimento […]
Existem na web diversos sites que oferecem o serviço de botões de compartilhamento. O que eu mais gosto, particularmente, é do SIMPLE SHARE BUTTONS que oferece um código livre para adaptações. No site do desenvolvedor, podemos ver um breve exemplo de utilizar o SIMPLE SHARE BUTTONS. Embora o site da SIMPLE SHARE BUTTONS apresenta um bom exemplo de uso, podemos melhorá-lo ainda mais com um pouco de JavaScript e jQuery. […]
Poucos anos atrás formatar campos de formulário sempre foi uma coisa muito chata e trabalhosa. Desenvolvedores sempre tinham a mão suas bibliotecas de funções de máscara de formatação para os mais variados campos de cadastro de um formulário HTML. Mas, com o advento dos frameworks JS, em especial o jQuery este trabalho ficou ainda mais simples. Lhe apresento na aula de hoje a biblioteca jQuery Mask Criando um formulário HTML […]
Material de apoio Resumo do material da aula: JavaScript Básico Alguns exemplos de aplicações usando JS: Introdução ao jSON – JavaScript Material do Prof. Rodrigo: JavaScript inicial W3Schools – Manipulação de objetos – DOM Exercícios JavaScript – TPI I 01. Crie uma aplicação WEB na qual o visitante insere faz um login, ele deve então inserir um texto para autenticar o usuário e outro para senha. Se o usuário digitado […]
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. Exemplo funcionando Você pode ver a página estilizada com BootStrap aqui; https://www.blogson.com.br/exemplos/busca-cep/busca-cep.html Download do código – Busca Cep com JQuery e […]
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 a utilizar um servidor de produção. Internal Server Error 500 No entanto, quando enviamos um […]
1. Crie um arquivo chamado dados_conexao.php cotendo os dados da conexão com o banco seguindo o código a seguir como exemplo; <?php // Dados do servidor $servidor = 'localhost'; $usuario = 'usuario_do_banco'; $senha = 'senha'; $banco = 'nome_do_banco'; ?> 2. Agora crie o arquivo operacoes-sql.php que irá executar os comandos SQL conforme exemplo a seguir; <?php // Carrega os dados da conexão! include("dados_conexao.php"); if ($_GET) //Testa se existem parâmetros […]
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.href do JS. Esta função retorna o caminha completo da url, incluindo o http:// e […]
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 entities. Com base nesta lista vamos criar um caixa de texto que aceite estes caracteres […]