Café com Dev

  Como Evitar a Atualização da Página ao Arrastar para Baixo no Mobile Em muitos navegadores móveis, um gesto de "puxar para baixo" no topo da página pode acionar a funcionalidade de "pull-to-refresh" (atualização da página). Embora útil em alguns cenários, esse comportamento pode ser indesejado em aplicações web que utilizam elementos de toque ou onde a página não deve ser recarregada. Neste artigo, vamos aprender como desativar essa funcionalidade indesejada sem prejudicar o comportamento natural de rolagem da página. Por que "Pull-to-Refresh" Pode Ser um Problema? Em aplicações web móveis, o "pull-to-refresh" pode interferir com gestos de toque personalizados ou causar frustração ao recarregar a página inadvertidamente. Por exemplo: Interfaces que usam gestos para interatividade. Experiências onde o conteúdo é carregado dinamicamente. Cenários onde a atualização da página pode levar à perda de estado ou dados. A Solução Podemos usar eventos de...

Atualmente não precisamos de nenhum programa para trabalhar com PHP, como XAMPP, WAMPP, etc. A instalação do PHP e um web server como Apache ou Nginx já é suficiente. 1- Baixar e instalar a versão do PHP desejada, recomendado as versões NTS; 2- Renomear as pastas. No meu caso eu tenho:     C:\php  para versão 5.6      C:\php72 para versão 7.2 3- Entrar na pasta da nova versão e renomear o php.exe para php[numero-da-versao].exe; 4- Abrir o PHP.ini e habilitar a linha extension_dir="ext" e as extensões no final do arquivo, tais como: gd, mbstring, curl, openssl, pdo_mysql, etc; 5- Abrir variáveis de ambiente e no parâmetro Path inserir os caminhos das versões instaladas; Notas: Se apresentar o erro: cURL error 60: SSL certificate problem: unable to get local issuer certificate (see http://curl.haxx.se/libcurl/c/libcurl-errors.html) Baixar o arquivo: http://curl.haxx.se/ca/cacert.pem e colocar no diretório e no arquivo php.ini informar o caminho. Exemplo: curl...

Uma dica muito boa para traduzir sua aplicação desenvolvida em PHP no framework Laravel. Primeiro acessamos o link do projeto no Github que contém a biblioteca com mais de 61 idiomas, que é  https://github.com/caouecs/Laravel-lang Há dois modos de fazermos este processo, baixando a biblioteca através do composer ou copiando somente a pasta do idioma que desejamos traduzir. Baixando a biblioteca via Composer: No terminal, digite o comando abaixo e aguarde o fim da instalação: composer require caouecs/laravel-lang Após instalado, a biblioteca ficará no diretório: app\vendor\caouecs. Acessamos esta pasta e dentro da pasta src  teremos as pastas dos respectivos idiomas, basta copiar a pasta desejada e colar em resources\lang. O outro modo é baixarmos o arquivo da biblioteca compactado direto no Github e fazermos o mesmo processo da cópia da pasta do idioma mencionado acima. Feito isto, acessamos o arquivo de configurações em config\app.php , para mudarmos o idioma d...

Tutorial de como compilar código javascript com o Editor Sublime Text: Primeiro de tudo é necessário baixar e instalar o node js. Agora, no sublime, clique em Tools - Build System - New Build System..., e cole o código abaixo: { "cmd": ["node", "$file"], "selector": "source.js", "working_dir": "${project_path:${folder}}", "path": "C:\\Program Files\\nodejs" } Atenção: Em path, coloque o caminho correto da instalação do nodejs. Usa-se duas barras mesmo, não é erro! Agora tecle Ctrl + S para salvar este arquivo, já será apontado para o diretório correto, basta mudar o nome do arquivo para node. Nome completo do arquivo deverá ser: node.sublime-build. Pronto! Crie um arquivo de teste e vá em Tools - Build System e selecione a opção node . E para compilar tecle Ctrl + B.

Tutorial de como instalar o Ionic Framework no Windows: Link do guia de instalação: https://cordova.apache.org/docs/en/3.4.0/guide/platforms/android/index.html Aqui instalei a verão do Ionic v.3.4.0. * Entrar no site oficial para verificar o guia de instalação. o link é: https://ionicframework.com 1- Instalar o NodeJs: 1.1- Testar a instalação do nodejs, no cmd via comando: npm -v. 2- Instalar o Java JDK 8 e configurar as variaveis de ambiente. 3- Instalar o ionic e cordova: 3.1- Abrir o cmd ou git bash (como administrador) e digitar o comando: $ npm install -g ionic cordova 3.2- Testar se instalou com o comando: ionic -v. 3.3- Testar exibição dos comandos do ionic e cordova, basta digitar ionic e teclar Enter,      e depois cordova e teclar Enter. 4- Instalar o Apache Ant. 4.1- Fazer download do Apache ant no link: http://ant.apache.org/bindownload.cgi      Baixar a versão 1.9.9-zip. 4.2- Extrair os arquivos para C:\. 4.3- Inserir ...

Breve tutorial para integrar o Bootstrap no Laravel 5.4: 1- Baixar e instalar o node.js 2- No cmd digite: npm install      Este comando vai instalar os pacotes necessários. Após a instalação teremos, na estrutura do projeto, um diretório chamado de node_modules. 3- No arquivo package.json , precisamos atualizar os caminhos no campo    "scripts". Em todas as linhas, após "/cross-env/" adicionamos "dist/".    Ficando assim: "node node_modules/cross-env/dist/bin/... Obs.: Se você possui a ultima versão da 5.4 o passo 3 não é necessário. Pois os caminhos são gerenciados pelo webpack.js .  4- Agora no cmd, digite:  npm run dev 5- Após finalizado recarregue sua página e pronto!  Agora você tem o Bootstrap instalado e pronto para uso.