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, […]
Oi! Esta aula é apenas um complemento da aula Como ler uma estrutura jSON com JQuery de forma fácil., basicamente maior da parte do código é igual. Ao invés de usarmos o selet $.get do jQuery, no DOM 7 usamos request.get. O mesmo exemplo mostrado na aula com jQuery, em DOM 7 ficaria assim; app.request.get('http://appcinema.esy.es/mobile/lista_ofertas.php', function (data) { console.log('encontrei ' + data.length + ' registros'); for(linha=0; linha < data.length; linha++) […]
WordPress é uma galáxia de possibilidades. Já vimos aqui no blog dois temas legais para WordPress + Elementor, o OceanWP (veja a aula aqui) e o WP Astra (veja a aula aqui), ambos temas sensacionais e com várias opções de modelo. No entanto, um bom profissional web deve sempre ter várias cartas na manga para oferecer projetos diferenciados aos seus clientes, isso evita por exemplo que todos os seus sites […]
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 […]
Este é exemplo bem simples de como executar arquivos de áudio no JAVA. Se está procurando algo na Internet, com certeza se cansou de usar códigos que não funcionam ou são mal explicados, então vamos lá. Inicie um novo Projeto Java e Adicione um jFrame. Adicione 3 botões ao seu JFrame, um para o Play, outro para o PAUSE e outro para o STOP Agora, no código do seu JFrame […]
Segue download dos arquivos de áudio que, opcionalmente, podem ser utilizados no projeto Toten desenvolvido em JAVA e C#. Os arquivos devem ser executados durante a chamada das senhas. 0 [download] 1 [download] 2 [download] 3 [download] 4 [download] 5 [download] 6 [download] 7 [download] 8 [download] 9 [download] alerta [download] guiche [download] senha [download]
Em projetos em que o objetivo principal é garantir a velocidade no carregamento do site, o WP ASTRA sai disparado como melhor tema para este propósito. Mesmo com a versão gratuita do tema, é possível obter excelente resultados e criar um conteúdo visual elegante e agradável. Eu não vou fazer um artigo ensinando a instalar e importar os demos templates do ASTRA WP, mas você pode aprender acessando este link […]
Eis que um dia você resolve estilizar sua aplicação JAVA usando fontes mais modernas, igual aquelas disponíveis no Google Fonts, daí você caça na Internet um código para realizar esta façanha e você encontra apenas decepção. O Blogson está aqui para ajuda-lo, siga os passos; 1. Crie um pacote para a fonte que deseja utilizar Esta etapa é simples, basta criar o pacote. Após criado o pacote, você verá a […]
É comum situações na qual uma determinada função JS, DOM 7 ou jQuery só devem ser executadas quando o usuário acessa determinada página do aplicativo, logo, não podemos carregar estas funções de imediato no index, pois dependem da ação do usuário. Podemos carregar qualquer função diretamente no arquivo my-app.js, dentro do bloco routes. No modelo padrão disponibilizado na documentação do Framework 7 e visto nas aulas de Como criar uma […]
Programando tarefas repetidas no Java Em projetos do Windows Forms (Visual Studio) temos o componente Timer() quer permite programar tarefas em C#, no qual definimos um intervalo que desejamos que a tarefa seja repetida. Já no java, não temos nenhum componente para programarmos, mas podemos usar a classe Timer() do Java A sintaxe do código é muito simples; int delay = 5000; // tempo de espera antes da 1ª execução […]
Ao carregar campos da data do MySQL dentro de um DatagridView nos deparamos com os minutos; Isso é bem chato se consideramos que gravamos neste campo apenas a data, portanto, a informação de minutos 00:00:00 é totalmente inútil para nós. Você pode perder vários minutos tentanto criar uma estilo de formato para a coluna do seu DataGridView, pode incluse encontrar códigos na internet sugerindo justamente que você programe o DefaultCellStyle.Format […]
Para esta aula vamos criar uma pequena aplicação de agendamentos de uma salão de beleza. Observando que Visual Studio é um nome perfeito para um salão de beleza. Vamos para a Interface, note que iremos usar um MonthCalendar para escolher a data em um calendário e um MasketTextBox para mascarar o formato da hora. O botão deverá converter a data que está no formato Brasileiro (dd/MM/yyyy) para o formato americano, […]
Como fazer um overlay com texto no Elementor. Vamos aprender a criar o efeito mostrado no GIF, que uma sobreposição à uma imagem com texto. Note que na imagem existe um efeito de sobreposição (overlay) com texto. Com a versão gratuita do Elemento é possível criar apenas o overlay sem o texto, mas, com um pouquinho de CSS podemos resolver este problema. 1. Acesse a área administrativa do WordPress (wp-admin) […]
O gerador de Lero Lero é um software que gera textos prolixos. Embora isso possa parecer uma piada, estes tipos de softwares são usados por exemplo para gerar horóscopos, textos de auto-ajuda e discursos políticos. Criamos na sala de aula um destes geradores de lero lero usando uma tabela disponibilizada na internet, a qual não consegui descobrir a sua fonte original, segue; Perceba que a imagem acima é formada por […]
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 […]
Depois do grande sucesso do curso intensivo de WordPress, irei dar continuidade ensinando a criar lojas virtuais usando o plugin WooCommerce, totalmente gratuito capaz de criar um sistema de e-commerce em questões de minutos. Eis o cronograma: Instalação do WP, instalação do tema OceanWP e suas configurações básicas Instalação do plugin WooCommerce as suas configurações iniciais Integração com meios de pagamento (no curso usaremos o PagSeguro) Integração com os Correios […]
É com grande satisfação que formamos a primeira turma de 2018 no curso de criação de sites usando a plataforma WordPress. Além do conhecimento adquirido por estes estudantes, ficou a solidariedade da doação de alimentos que foram encaminhados para uma instituição de caridade que promove a entrega de cesta básicas para famílias carentes de Atibaia. Parabéns a todos! Interessado em um curso de WordPress em Atibaia? Periodicamente promovo na Etec […]
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; […]
O tema OceanWP é um dos temas gratuitos mais versáteis disponíveis para WordPress atualmente. Ele é um tema Multi-Purpose, ou seja, pode ser utilizados para vários propósitos diferentes, podemos usá-lo para criar sites simples ou mais sofisticados como um e-commerce. O OceanWP também tem um item essencial que irá colaborar diretamente com o sucesso do desenvolvimento do seu site, o page builder Elementor, um plugin para WordPress que nos permite […]
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 […]
As principais empresas de hospedagem de sites já oferecem recursos automáticos que permite a instalação simplificada e rápida do WordPress, normalmente elas oferecem um painel de controle no qual o cliente consegue instalar diversas aplicações no ambiente de hospedagem. Porém, para quem está começando a trabalhar com o WP, é interessante que façamos a instalação em um servidor local, de forma gratuita. Eis os passos Preparando o ambiente com o […]
As vezes precisamos que o nosso aplicativo abra páginas externas mas não queremos que o usuário tenha que sair do aplicativo para poder navegar. O plugin cordova-plugin-inappbrowser resolve esta paradinha para você. A função abaixo deve ser utilizada junto com a função que verifica a conectividade com a Internet. Se você ainda não sabe como verificar se o usuário está conectado na internet ou não, então veja a aula aqui […]
Se em seu aplicativo você precisar checar a conexão com a Internet, o plugin cordova-plugin-network-information resolve esta paradinha para você. A função a seguir retorna se o dispositivo possuiu uma conexão com a internet. internet = 'No'; /* Verifica Conexão com a Internet */ function verificaInternet() { var networkState = navigator.connection.type; var states = {}; states[Connection.UNKNOWN] = 'Unknown'; states[Connection.ETHERNET] = 'Ethernet'; states[Connection.WIFI] = 'WiFi'; states[Connection.CELL_2G] = '2G'; states[Connection.CELL_3G] = '3G'; […]