emiliojva

Starting projects with Laravel

Settings and Productivity Tools

Fix Error Database - Cadeia de Caracteres

• Em App\Providers\AppServiceProviders, no método boot()

  public function boot()
  {
  

//

emiliojva

Google Maps - Capturar geojson(bounds) de cidades, estados e etc.

You can get polygon coordenates in json for using with googlemaps using openstreetmap.

• Go to http://nominatim.openstreetmap.org/ search a place like "Partido de Ituzaingó"
• click on "details"
• Look for OSM ID and copy it (control+c), example: 2018776
• Paste the ID in http://polygons.openstreetmap.fr/index.py and download the polygon

Get in json

emiliojva

Prefixo de componentes e Tslint

O TSLint é uma ferramenta de análise estática extensível que verifica o código TypeScript quanto a erros de legibilidade, manutenção e funcionalidade. É amplamente suportado por editores modernos e sistemas de construção e pode ser personalizado com suas próprias regras, configurações e formatadores de fiapos.

• CoC ou Convention Over Convention
• Podemos definir convenções obrigatórios ao nosso app. Ex: Obrigar nome do selector ter o prefito app- na frente.

  @Component({
    selector:    'app-hero-list',
    templateUrl: './hero-list.component.html',
  

providers: [ HeroService ]

emiliojva

SON - Iniciando com Angular2 - Versão 7 - Componentes

Angular é uma plataforma de desenvolvimento para a construção de aplicativos Web e dispositivos móveis usando TypeScript / JavaScript e outros linguagens. Foco em componentização.

• Site https://angular.io
• Documentação https://angular.io/api
• Repositório https://github.com/angular/angular
• Repositório Team https://github.com/angular/angular
• ChangeLo - https://github.com/angular/angular/blob/master/CHANGELOG.md
• Quick Start https://angular.io/start

Repositórios do projeto

emiliojva

SON - Iniciando com Angular2 - Versão 7

Angular é uma plataforma de desenvolvimento para a construção de aplicativos Web e dispositivos móveis usando TypeScript / JavaScript e outros linguagens.

• Site https://angular.io
• Documentação https://angular.io/api
• Repositório https://github.com/angular/angular
• Repositório Team https://github.com/angular/angular
• ChangeLo - https://github.com/angular/angular/blob/master/CHANGELOG.md
• Quick Start https://angular.io/start

Repositório do projeto

emiliojva

Desenvolvimento de APIs RESTFul com Laravel

Intro

RESTful e Protocolo HTTP

• HTTP Referencia: https://tools.ietf.org/html/rfc7230
• endpoint
• resource
• HTTP verbs (get,post,put,delete,patch..)

emiliojva

ECMAScript 6 (ECMAScript)=>{return 2015} - Arrow Functions

Como notei que não explicaram a diferença entre () => {} para function() {}, então apesar de haver uma resposta marcada como correta, vou explicar está diferença.

Primeiramente é muito comum achar que ambos os códigos são equivalentes, já que o ES6 trouxe diversos syntax sugar para deixar o código mais legível e conciso, as arrow functions são normalmente confundidas com as functions do ES5. Mas indo direto ao ponto existem cinco diferenças entre ambos os códigos:

Contexto Arrow functions possuem this léxico enquanto o modelo normal possui this dinâmico. Isso significa que arrow functions herdam o contexto local de onde foi declarado, enquanto o modelo normal possui o contexto associado ao objeto que ele está vinculado no momento da chamada (se ele não estiver associado a ninguém na chamada, ele assumirá this automaticamente como o contexto global, que no caso dos navegadores é window)

emiliojva

TYPESCRIPT - MANIPULANDO PROTOCOLO HTTP

Introdução

Criando ambiente

• Criar um package.json:

  npm init
  

• Utilizar node module local (primeira dependency)

emiliojva

SEO - Search Engine Optimization

• Descrição: Otimização de Sites (otimização para motores de pesquisa (pt) ou otimização para mecanismos de busca (pt-BR)) é o conjunto de estratégias com o objetivo de potencializar e melhorar o posicionamento de um site nas páginas de resultados naturais (orgânicos) nos sites de busca gerando conversões, sejam elas, um lead, uma compra, um envio de formulário, agendamento de consulta e outros.

• references:

  • https://pt.wikipedia.org/wiki/Otimiza%C3%A7%C3%A3o_para_motores_de_busca

Ferramentas Checker de WebSites

• https://smallseotools.com/website-seo-score-checker/

emiliojva

Ferramentas do cotidiano com projetos web

Ferramentas de texto

• Site https://smallseotools.com/
• Um conjunto completo de ferramentas de texto está agora ao seu alcance.
• Verifique o plágio
• Reescreva um artigo
• Execute um verificador ortográfico
• Conte palavras ou mude maiúsculas e minúsculas.