Visitantes

Pesquisar neste Blog

domingo, 17 de julho de 2022

RoughViz - JavaScript

 

RoughViz / Biblioteca JavaScript


RoughViz is certainly one to look at in 2021, built upon d3.js version 5, brings very unique visualizations to your front end. The rendered charts are almost like crayon drawings, with rough borders and coloring, it actually really pleases the eye. The library is super-easy to work with utilizing array-based data sets and various options easily modified.

Notable Feature List

  • Very unique, nothing else around like it
  • Plenty of customizable options
  • Tooltips
  • Built upon d3.js version 5

ToastUI - JavaScript

 

ToastUI / Biblioteca JavaScript


ToastUI is a very visual, modernized library that not only offers pretty much all the common charts but looks brilliant too. Each chart has the capability to be exported in a variety of ways including .xls (data), .jpg (image). This of course is very handy for the end-user, especially the ability to export the data behind the chart for further analysis.

Notable Feature List

  • Multi export functionality which includes .xls, .csv, .jpg and .png
  • Completely responsive for the modern web
  • Nice animations during real-time data updates
  • Beautiful animations during chart updates
  • Deselectable/selectable data series
  • Zero dependencies
Licensing - ToastUI has been released under the MIT license. This gives the rights for both personal project and commercial project use alike.
Links - ToastUI is hosted on various CDN networks as listed below
GitHub Repo
Documentation

Frappe Charts - JavaScript

 

Frappe Charts / Biblioteca JavaScript


If you’re a keen developer, then you’ll probably feel familiar with the way that Frappe Charts look and feel. That’s because the charts designs are inspired by charts you find on GitHub. You will recognize the heatmap straight away if you’ve been making plenty of commits lately.
Notable Feature List

  • Rapid export an SVG capability which is basically an instant export to image (SVG) file.
  • Annotations
  • GitHub theme inspired which is extremely clean
  • Beautiful animations during chart updates
  • Mixed chart capability
  • Epic looking tooltips when using multi/mixed charts
  • Fully responsive
  • Zero dependencies
Licensing - Frappe Charts are completely open-sourced and released under the MIT license. This gives the rights for both personal project and commercial project use alike.
Links - Frappe Charts is hosted on various CDN networks as listed below
GitHub Repo
Documentation

Billboard.js - JavaScript

 

Billboard.js / Biblioteca JavaScript


In what feels like a very minimalist library, billboard.js comes with a good set of charts for data visualization. It’s based on D3 version 4 and has similarities to c3.js charts. Billboard has a stacked list of charts to use and a huge load of configurable assets such as the legend, axis, and tooltips.

Notable Feature List

  • Vast customization allowing you to get the exact visualization for the job at hand
  • Completely responsive
  • Tooltips and dual chart linked tooltips
  • Manual Zoom, drag zoom, and sub-charts with viewfinder zoom
  • Easily added labeled Y lines which are great for added analysis
  • Gradient chart area fills
Licensing - Another project that has been released under the MIT license. Billboard.js is therefore freely available to use in your own personal and commercial projects. Considering how many features this library offers, it’s hard to believe it’s free to use!
Links - Billboard.js is hosted on various CDN networks as listed below
GitHub Repo
Documentation

ApexCharts.js - JavaScript

 

ApexCharts.js / Biblioteca JavaScript


ApexChart.js comes with a variety of elegant features to bring beautiful data analysis to your web pages. On paper, this library ticks nearly all the boxes you would usually want it for. With annotation capability which is relatively rare in free-to-use packages. Responsiveness and animations and to top all that off, it looks pretty great too.

Notable Feature List

  • Beautiful visual annotations
  • Completely responsive
  • Flexible interactivity including pan, scroll, zoom in and out.
  • Tooltips
  • Vast user documentation
  • Preset color themes you can easily switch between
  • Lot’s of demos and source code to get your hands on
  • Offers paid upgrades to include some of FusionChart’s add-on packages.
  • Works flawlessly with vanilla JS, VueJS, React, and Angular, documentation included.
Licensing - ApexChart.js is released under the MIT license and therefore is freely available to use in your own personal and commercial projects. Considering how many features this library offers, it’s hard to believe it’s free to use!
Links - 

ApexCharts is hosted on various CDN networks as listed below

GitHub Repo
Documentation

ChartJS - JavaScript

 

ChartJS / Biblioteca JavaScript


Next at number four is another one of my personal favorites. If you want a chart visualization library that always looks great, then this is the one. Somehow, the creator of ChartJS got the default colors absolutely perfect and they go so well within any website. It’s again another library that doesn’t have a massive selection of charts but does it very well with the ones it does offer.

Notable Feature List

  • Very easy to work with without the knowledge of JSON markup.
  • Mixed chart types, build bars and lines onto the same visualization.
  • Beautiful animations
  • Tooltips
  • Renderable on all major browsers including IE11+
  • Completely responsive
  • Thorough user documentation and sample base
  • Includes one of the only free-to-use radar charts that actually works correctly and visualizes data properly.
Licensing - ChartJS is released under the MIT license and therefore is freely available to use in your own personal and commercial projects. It
Links - 

ChartJS is hosted on various CDN networks as listed below

GitHub Repo
Documentation

Vis.js - JavaScript

 

Vis.js / Biblioteca JavaScript


Vis.js is a very versatile parent library of other sub-libraries including networking, timeline, 2d, and 3d visualization capabilities. This library offers 3d charts which are pretty rare amongst most charting libraries which definitely gives it an edge.

Notable Feature List

  • 3D Charts
  • 2D Charts
  • Multi-chart capability
  • Optional tooltips
  • 3D interactivity on relevant charts
  • Chart playgrounds demonstrating many of its features
  • Flawless animations
Vis.js has some stunning visualizations in both 2d and 3d forms but of course, all will serve specific purposes. Personally, I’ve never come across the need to use 3d charts but if your working in some type of scientific data analysis background, I could imagine it would be useful.
Licensing - The Viz.js library is dual-licensed under both Apache 2.0 and MIT licenses. Both of these licenses enable usage, modification, and distribution by both personal and commercial parties.
Links - 

VizJS can be delivered directly to your own project by the following CDN networks

GitHub Repo
Documentation

Dygraphs - JavaScript

 

Dygraphs / Biblioteca JavaScript


Dygraphs is probably one of the fastest rendering charts I have come across, especially when the data set is vast. This library can handle data sets going into the tens of thousands and still deliver a great user experience.

Notable Feature List

  • Can handle huge data sets and is superior in this department when compared to other libraries
  • Cross chart synchronization
  • Annotations, and highly customizable annotations at that
  • Range/Viewfinder
  • Very simple to get develop with
  • Perfect for real-time data visualization
  • Extremely fast data point feedback with off-chart data display
  • Zoom in and out functionality
  • Plenty of examples with links to JSFiddles
  • Easy to work with data, simple arrays, or load from text or CSV files
The one drawback to all this glory is that it’s completely based on line graphs. No bars, pies, or anything that you would usually see in a JavaScript charting library. Not to worry though, it’s still an epic package, and here’s why.
Licensing - 

Dygraphs is licensed under the MIT License which offers usage, modification, and distribution by both personal and commercial parties.

NVD3.JS - JavaScript

 

NVD3.JS / Biblioteca JavaScript

First and foremost is a library I’ve used frequently in industry and it never fails to please. NVD3 is a library that sits on top of the d3.js JavaScript library utilizing many of the usual traits.
The library doesn’t have every single chart imaginable but has all the most popular core ones. For example, scatter, bar, line. The rendered charts have a very easy-on-the-eye style with pastel-like colours that go well with any dashboard.

Notable Feature List

  • Completely responsive
  • User-friendly tooltips
  • Customizable tooltips
  • Easy to work with JSON
  • Series turn on / turn off
  • Legends
  • Dual-axis capability
  • Quick and easy to download and use
  • Plenty of examples
  • Live chart playground
Licensing - NVD3 is released and licensed with the Apache 2.0 license meaning it’s completely free to use for both personal and commercial practices.
Links - NVD3 is hosted on various CDN networks as listed below
GitHub Repo
Documentation

sábado, 16 de julho de 2022

Windows 11 em Dell

 Quando o Microsoft Windows 11 foi lançado, as atualização automáticas do Microsoft Windows 10 deu como resultado do diagnóstico automático de hardware que o Windows 11 não podia ser instalado no meu notebook Dell Inspiron com processador Intel de 7a. geração. E durante vários meses eu tentei instalar o Windows 11 no notebook Dell e sempre aparecia a tela dizendo que não pode instalar.

Em Julho/2022 eu li um artigo na internet falando que o UEFI tem que estar ativo funcionando para o Windows 11 poder ser instalado; então eu olhei o setup do meu notebook Dell, no item em segurança eu vi que o UEFI aparecia como desligado, então eu desativei o item Legacy, e ativei o UEFI, e gravei a alteração do Setup do notebook Dell.

Então eu peguei um disco rígido USB de 1TB e fiz o backup 100% de todos os arquivos que eu utilizo, que estavam dentro do disco rígido 1tb do meu notebook Dell. Como o disco rígido do notebook Dell não é SSD, esse backup demorou uma semana para concluir.

Depois do backup USB pronto, eu copiei o Windows 11 para dentro de um pendrive USB 8gb, e mandei o Windows 11 começar a instalação, como eu gosto de fazer instalação limpa, mandei o Windows 11 excluir a partição do disco rígido, depois mandei o Windows 11 criar uma partição nova no disco rígido, e depois mandei o Windows 11 formatar o disco rígido, e assim começou a instalação do Windows 11.

Depois disso, eu notei que fazer a instalação do Windows 11 utilizando a rede wireless é muito lerdo, iria demorar muitas horas para a instalação concluir, então para o download e instalação ficar rápido, eu liguei direto um cabo ethernet do meu roteador wireless até o notebook Dell.

Em Julho/2022 eu consegui fazer a instalação do Windows 11 Home Single Language funcionar em um notebook Dell com processador Intel de 7a geração. Eu estou gostando muito de usar o windows 11.

sábado, 11 de junho de 2022

TPM no Windows 11

TPM (Trusted Platform Module) = é um padrão internacional para processamento seguro, ele é um controlador que protege o hardware de seu computador com uma chave criptográfica única integrada ao mesmo. A versão mais recente do TPM é 2.0 

O TPM tem ainda uma ampla gama de funções como chave de segurança de hardware, identificação de dispositivos, autenticação criptográfica e verificação de integridade; o TPM faz 2 coisas principais:

1 - Cálculo de chaves criptográficas: a geração ou verificação de senhas no computador usando criptografia incorporado. Essas senhas podem ser travas de criptografia para discos rígidos, códigos de recursos usados por sistemas operacionais para verificar sua integridade.

2 - Armazenamento de chaves criptográficas: O TPM também é uma unidade de armazenamento de criptografia no computador, que não só calcula a chave criptográfica. 

O TPM verifica a integridade do sistema quando o Windows fosse inicializado, para funções de segurança.

segunda-feira, 4 de abril de 2022

Best Javascript Chart Libraries for 2021

 Best Javascript Chart Libraries for 2021 - Summary

There are clearly many very versatile and feature-packed libraries available to use on the web. I will continue to add to this list as I discover newly released libraries or even hidden gems.

I would love to hear which is your favorite, and it doesn’t have to be on this list either. Send me in the direction of some great libraries and I could well list them on here too.

----------------------------------------------------------------------------------------------------------











quinta-feira, 17 de março de 2022

Mobile Detect

 Eu fiquei semanas estudando e testando o código PHP da Lib Mobile Detect e finalmente agora está do jeito que eu gostei de usar.



segunda-feira, 6 de dezembro de 2021

QRCODE

 https://www.geeksforgeeks.org/qr-code-generator-using-html-css-and-jquery/

https://stackoverflow.com/questions/30115242/generating-a-simple-qr-code-with-just-html

https://blog.usman-s.me/how-to-make-your-qr-code-generator-using-html-css-and-javascript

https://codepen.io/jasonadelia/pen/jatwq

https://www.ways2read.com/design-a-qr-code-generator-html-css-and-jquery/

https://acervolima.com/gerador-de-codigo-qr-usando-html-css-e-jquery/

https://medium.com/geekculture/few-ways-to-generate-qr-code-using-javascript-54b6b5220c4f

http://thenewcode.com/614/Add-QR-Codes-To-Web-Pages-Automatically-For-Easy-Link-References-From-Printed-Copies

http://www.weichbrodt.it/qr-code-plugin-per-cms-made-simple/




Express.JS Node Router Server

 

https://www.tabnine.com/code/javascript/functions/express/Express/post

https://expressjs.com/pt-br/guide/routing.html

https://expressjs.com/pt-br/4x/api.html

https://www.ti-enxame.com/pt/javascript/como-enviar-um-post-solicitacao-de-node.js-express/1056045498/

https://visionmedia.github.io/superagent/

https://codeforgeek.com/handle-get-post-request-express-4/

https://www.codegrepper.com/code-examples/javascript/app.post+in+express

https://developer.mozilla.org/pt-BR/docs/Learn/Server-side/Express_Nodejs/Introduction

https://www.digitalocean.com/community/tutorials/use-expressjs-to-get-url-and-post-parameters





domingo, 31 de outubro de 2021

As 6 Etapas Fundamentais de um Projeto de Software

 

As 6 etapas fundamentais de um projeto de software

1) Conhecer as necessidades do cliente.
2) Definir os requisitos.
3) Avaliar a viabilidade do projeto.
4) Documentar todos os procedimentos.
5) Escolher a metodologia de desenvolvimento.
6) Testar as funcionalidades criadas.


sexta-feira, 22 de outubro de 2021

Swift (Front-end)

 Swift (Front-end)

Swift, foi desenvolvido pela Apple em 2014, é uma tecnologia de desenvolvimento de front-end adequada para a criação de aplicativos iOS, tvOS, macOS e watchOS.

Esta alternativa Objective-C tem muitos problemas e é considerada desatualizada. Swift opera com alguns dos conceitos de Objective-C, como programação expansível. O contraste está na tipagem estática e no projeto do protocolo.

Recursos

  • Swift segue padrões fáceis e seguros
  • Os usuários têm acesso aos recursos de programação mais recentes
  • Objective C e Swift têm a mesma sintaxe
  • É uma opção preferencial para escrever programas iOS e OS X.

Vantagens

  • Código-fonte aberto – Swift é uma linguagem de desenvolvimento de código-fonte verdadeiramente aberto que é conhecida por oferecer abertura para todas as funcionalidades. Atualmente, ela se orgulha de uma grande comunidade que oferece suporte a novos usuários, juntamente com muitas ferramentas convenientes de terceiros.
  • Seguro – A sintaxe do Swift permite que os usuários criem código consistente e sem erros e, portanto, é amplamente preferida pelos desenvolvedores. O Swift oferece muitas medidas de precaução para prevenção de erros e melhor legibilidade.

Desvantagens

  • Sem suporte para versões anteriores do iOS – o Swift não oferece suporte para versões mais antigas de aplicativos iOS, o que pode ser um problema para alguns projetos.
  • Ainda não é muito popular – o Swift está crescendo rapidamente sua base de usuários, mas ainda não é popular, pois não possui uma grande base de codificadores. No entanto, isso pode mudar à medida que mais desenvolvedores começam a usar a linguagem.


JQuery (Front-end)

 JQuery (Front-end)

jQuery é uma biblioteca JavaScript objetiva, mas repleta de recursos. É uma opção viável para funções como tratamento de eventos, passagem de HTML, Ajax, manipulação de documentos e animações.

Quanto a API do jQuery os usuários também acham muito fácil de usar e funciona em diferentes navegadores de forma eficaz. Essa linguagem de desenvolvimento de front-end é conhecida por sua flexibilidade e variedade de recursos. Ele permitiu que inúmeros desenvolvedores tirassem o máximo proveito da programação JavaScript.

Recursos

  • Manipulação CSS: jQuery tem métodos css () predefinidos para alterar o estilo do elemento HTML.
  • Manipulação de HTML: jQuery facilita a seleção, passagem e modificação de conteúdo de elementos DOM.
  • Suporte para vários navegadores: o jQuery fornece suporte para os navegadores modernos mais populares.

Vantagens

  • O jQuery permite a melhoria do JavaScript sem que os desenvolvedores tenham que aprender uma sintaxe nova.
  • O código pode ser simples, legível e reutilizável com jQuery.
  • A necessidade de escrever loops complexos e repetitivos e chamadas de biblioteca DOM é reduzida com a linguagem.

Desvantagens

  • A funcionalidade pode ser limitada – a funcionalidade do jQuery pode ser bastante limitada, embora tenha uma vasta biblioteca. O problema surge quando a necessidade de customização aumenta e os desenvolvedores dependem do JavaScript.
  • JQuery JavaScript needed – O arquivo jQuery JavaScript é necessário para executar comandos JQuery. Apesar do pequeno tamanho desse arquivo, é uma preocupação para um computador cliente e servidor web quando o requisito é hospedar scripts jQuery no servidor.


Angular JS (Front-end)

 Angular JS (Front-end)

Angular é uma estrutura de código aberto usada principalmente para o desenvolvimento de aplicativos da web de página única. Os desenvolvedores podem confiar nele para gerar menus animados adequados para páginas da web em HTML.

É uma estrutura desenvolvida pelos engenheiros do Google Adam Abrons e Misko Hebert. Lançado pela primeira vez em 2012, o AngularJS continua recebendo atualizações.

Recursos

  • Aplicativos da web progressivos – os desenvolvedores podem usar recursos de plataforma de ponta para criar experiências semelhantes aos aplicativos. Angular oferece alto desempenho e fácil instalação.
  • Angular CLI – o Angular oferece ferramentas de linha de comando para permitir que os desenvolvedores criem aplicativos com mais rapidez, adicionem testes e alcancem uma implantação rápida.

Vantagens

  • Funcionalidade pronta para uso – A configuração Angular padrão oferece um grande número de ferramentas para os desenvolvedores começarem. Alguns deles incluem ferramentas que podem ser usadas para atender aos requisitos de roteamento. Os desenvolvedores podem usá-lo para buscar os dados necessários que possuem em um aplicativo. A natureza pré-configurada do ambiente do Angular ajuda a acelerar o desenvolvimento e os testes.
  • Consistência – o Angular é uma estrutura de design de web abrangente e responsiva em comparação com o React. Os desenvolvedores podem achar fácil desenvolver serviços, componentes e módulos.

Desvantagens

  • Opções limitadas de SEO – Os usuários angulares enfrentam alguns problemas devido ao menor número de opções de SEO e não oferecem um alto nível de acessibilidade do rastreador de mecanismo de pesquisa.
  • Angular pode ser complexo – Angular pode ser considerado uma opção complexa por muitos desenvolvedores e pode impactar os resultados do desenvolvimento. Mesmo as versões recentes do Angular são complexas para alguns usuários.


TypeScript (Front-end)

 TypeScript (Front-end)

TypeScript é outra das 10 principais linguagens de programação front-end e um superconjunto sintático de JavaScript. Qualquer código JavaScript é considerado um código TypeScript válido, executado em navegadores como JS.

TypeScript é uma linguagem aditiva com uma camada de tradução simples e pode ser utilizada em projetos JavaScript.

Recursos

  • TypeScript é igual ao JavaScript – TypeScript é bastante semelhante e geralmente considerado igual a JavaScript. Ele usa alguns dos componentes de programas que são emprestados do JavaScript. Os desenvolvedores precisam conhecer o funcionamento do JavaScript para obter um bom uso do TypeScript. Isso ocorre porque o código TypeScript é traduzido em código JavaScript antes da execução.
  • Suporte à biblioteca JS – o TypeScript oferece suporte para bibliotecas JavaScript e o código compilado pode ser adotado a partir de qualquer parte do código JS. O código JavaScript gerado a partir do TypeScript usa todas as ferramentas, estruturas e bibliotecas JS atuais.
  • Renomear arquivos – os usuários acham muito conveniente renomear arquivos JavaScript para arquivos TypeScript. Qualquer arquivo .js pode ser facilmente renomeado para um arquivo .ts e compilado com diferentes arquivos TypeScript.

Vantagens

  • Digitação estrita – No TypeScript, os elementos que são definidos permanecem como foram definidos. Esta é uma das vantagens mais importantes do TypeScript.
  • Tipagem estrutural – A disponibilidade de tipagem estrutural é essencial para usuários que pretendem definir totalmente as estruturas utilizadas. O TypeScript torna mais fácil para os desenvolvedores confiar em estruturas designadas.
  • Anotações de tipo – o uso de anotações de tipo TypeScript permite que os usuários especifiquem explicitamente o tipo que pretendem usar.

Desvantagens

  • TypeScript requer um alto nível de esforço para implementação de código.
  • O suporte para aulas teóricas não é prontamente oferecido pelo TypeScript.
  • O TypeScript requer um documento de definição para usar uma biblioteca externa, e este documento nem sempre pode ser acessado.
  • Os desenvolvedores devem estar atentos à natureza da definição de tipo no TypeScript.
  • Há um requisito para converter TypeScript em JavaScript antes de executar um programa.