Postagens

Mostrando postagens de julho, 2020

Passo a passo: Criando gráficos com o Google Charts

Imagem
Olá pessoal, no tutorial de hoje vou ensinar vocês a utilizar a API de geração de gráficos Google Charts. O que é o Google Charts API O Google Charts API é uma ferramenta muito útil e pratica para desenvolver aplicações web que geram gráficos de uma forma dinâmica. O Google Charts é considerado uma das melhores bibliotecas para geração de gráficos por permitir uma clareza muito grande no código e uma curva de aprendizagem pequena, como descrito em seu site oficial: As ferramentas de gráficos do Google são poderosas, simples de usar e gratuitas.  Neste artigo vou mostrar como criar um gráfico de barras usando a linguagem javascript. Inicialmente, importamos a biblioteca do google charts através da tag <script>. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> Carregamos o Google Charts e selecionamos o pacote desejado (bar). google.charts.load('current', {'packages':['bar']}); Agora def...

Instalando e configurando Laravel no Windows

Imagem
Instalando e configurando Laravel no Windows O que é o Laravel? O Laravel é um framework para a linguagem PHP utilizado para o desenvolvimento de aplicações web. Ele utiliza como padrão de arquitetura o modelo MVC (model, view, controller). Nesse tutorial instalaremos o framework Laravel em um servidor Xampp. Passo 1 - Faça o download do instalador do Xampp server no site oficial:  www.apachefriends.org/pt_br/download.html . Passo 2 - Execute o arquivo executável que você acabou de baixar e realize o processo de instalação do Xampp na sua máquina Windows. O que é o Composer? Composer é uma ferramenta para gerenciamento de dependência em PHP. O Laravel utiliza o Composer para gerenciar suas dependências, ou seja, para instalar o Laravel, teremos que instalar o Composer. Passo 3 -  Tendo instalado o Xampp, agora é a vez de instalar o composer, faça o download do executável do composer no seu site oficial:  getcomposer.org/ Passo 4 - Execute o instalador. Passo 5 - Durante a...

Instalando O Angular CLI

Imagem
Antes de instalar o Angular CLI é necessário ter o Node.js e o npm instalados no computador. PASSO 1: Instalar o Node js e o npm Primeiramente, para instalar o nodejs e o npm no Windows, será necessário baixar o instalador na página do  site oficial . Serão apresentadas duas opções de versões para download a LTS que tem suporte de longo prazo e a Current que é a última versão. Baixe o instalador com a versão de sua preferência, não se esqueça de selecionar a opção de download para o seu  sistema operacional. Terminado o download execute o arquivo de instalação. Quando a tela de setup abrir clique em Next para prosseguir com a instalação. Na segunda tela do setup marque a caixinha    I accept ...   e clique em   Next   para prosseguir. O próximo setup será para selecionar o diretório onde o NodeJS será instalado, escolha a pasta da instalação e prossiga clicando em  Next . Em seguida o setup lhe permitirá personalizar algumas opções da instalação ...

Passo a Passo: Criando app Angular do 0!

Imagem
No tutorial de hoje eu mostro para vocês como criar uma aplicação Angular do 0, em um passo a passo muito simples e intuitivo. Requisitos: Primeiramente para trabalhar com Angular é necessário ter o Angular CLI instalado no seu PC, O Angular CLI é a ferramenta utilizada para criar projetos, componentes, executar aplicações, criar serviços e outros recursos do universo Angular. >> Instalação do Angular CLI Com oAngular CLI instalado vamos agora ao próximo passo. PASSO 0: CRIANDO CLIENTE HTTP Primeiramente , vamos   simular uma API usando a ferramenta JSON Server, para isso siga os passos abaixo: 0.0 Crie o arquivo JSON (com conteúdo) e o salve dentro da pasta do seu projeto angular.   0.1 No prompt de comando (windows), selecione através do comando cd a pasta do projeto angular. 0.2 Com a pasta selecionada execute o comando: json-server --watch "nome do arquivo".JSON. 0.3 Se der tudo certo você verá na tela do terminal uma lista com os resources e a home do servido...