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'; […]
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 no GitHub https://github.com/ganlanyuan/tiny-slider. Se você estiver utilizando Visual Studio, pode fazer o download via Bower; […]
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> Agora você pode usar os ícones aonde quiser usando a sintaxe <i class="f7-icons">nome-do-icone</i>. O nome […]
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 do link do menu O código abaixo deve ser colocado dentro da NAVBAR; <div class="right"> […]
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> O código inserido na NAVBAR ficará assim; <!-- Top Navbar --> <div class="navbar"> <div class="navbar-inner"> […]
Fala pessoal! Conforme comentado em algumas turmas, estarei na Etec atencipando os sábados letivos com o curso de WordPress. A data ainda será definida com a nossa Coordenação. O curso está limitado para no máximo 20 estudantes, sendo que os estudantes do modular noturno e ex-estudantes possuem a preferência. Caso o número de inscritos ultrapasse as 20 vagas, eu irei selecionar os estudantes que participarão de acordo com o seu […]
Oi pessoal! Publiquei recentemente o artigo Busca automática de CEP em C# – Windows Forms e também publiquei uma versão do código em jQuery, veja em Busca por CEP usando JQuery e jSon. Agora chegou a vez dele, do Java! Ídolo de muitos, terror para alguns. O código a seguir segue a mesma lógica e sintaxe do mesmo projeto que criei em C#. Iremos fazer a busca usando o webservice […]
Este é o projeto completo realizado nas aulas de DS – Desenvolvimento de Software. O projeto WFBandas utiliza de um banco de dados MySQL. Todas as operações de CRUD estão separadas em métodos para que possam ser reutilizadas sem dificuldades. CRUD: Create (Criação), Retrieve (Consulta), Update (Atualização) e Delete (Destruição). Este acrônimo é comumente utilizado definir as quatro operações básicas usadas em Banco de Dados Relacionais. Utilize os métodos deste […]
Projeto bem legal usando o service gratuita do Via CEP. O webservice retorna uma saída jSON o que facilita bastante a troca de dados com o servidor. Aprenda também a utilizar o serviço do VIA CEP em suas páginas web usando jQuery. Aula disponível em https://www.blogson.com.br/busca-por-cep-usando-jquery-e-json/ Veja um exemplo do resultado da pesquisa do CEP da Etec; 12951-231 https://viacep.com.br/ws/12951231/json/ Resultado: Montando a interface do Projeto de Busca Automática de CEP […]