Links e Referências de interesse: Angular, CSS, HTML, JavaScript, SQL, .NET etc:

Coleção de Links e Referências de interesses diversos: Angular, CSS, HTML, JavaScript, SQL, .NET etc:

==========

API

==========

API Rest Restful:

https://restfulapi.net/rest-architectural-constraints/

Sites para criar, usar e treinar APIs:

https://jsonplaceholder.typicode.com/

https://www.postman.com/

API de petstore - Exemplos usuais:

https://editor.swagger.io/

==========

ANGULAR

==========

Angular: 

https://angular.io/docs

Angular CLI: 

https://cli.angular.io/

instruções para configuração de seu ambiente, utilizando o Angular CLI:

https://angular.io/guide/setup-local

Angular material - Biblioteca que cria componentes baseada no material design do google:

https://material.angular.io/

Para saber mais sobre testes de sua aplicação Angular: 

https://angular.io/guide/testing

Lista de pipes do Angular:

https://angular.io/api?type=pipe

Binding:

https://angular.io/guide/event-binding

Padrões e Boas Práticas em Angular (Que te ajudarão a escalar):

https://andrewrosario.medium.com/padr%C3%B5es-e-boas-pr%C3%A1ticas-em-angular-que-te-ajudar%C3%A3o-a-escalar-5001e544e7de

Angular 8 — Interação entre Componentes:

https://maffonso.medium.com/angular-8-intera%C3%A7%C3%A3o-entre-componentes-cf19b46e624e

Angular Elements - Introdução:

https://dev.to/wilmarques/angular-elements-introducao-351n

Arquitetura Angular - Componentes Inteligentes vs Componentes de Apresentação:

https://blog.angular-university.io/angular-2-smart-components-vs-presentation-components-whats-the-difference-when-to-use-each-and-why/

Curso Angular:

https://www.youtube.com/watch?v=tPOMG0D57S0&list=PLGxZ4Rq3BOBoSRcKWEdQACbUCNWLczg2G

Podcast sobre Angular SPA:

https://www.hipsters.tech/single-page-applications-hipsters-16/

Últimas informações sobre Angular:

https://indepth.dev/angular

Life Cycle hooks:

https://angular.io/guide/lifecycle-hooks

==========

BOOTSTRAP

==========

Download/tutorial/etc:

https://getbootstrap.com.br/docs/4.1/getting-started/download/

==========

CSS

==========

Referência CSS do W3Schools:

https://www.w3schools.com/cssref/default.asp

Tutorial CSS do W3Schools:

https://www.w3schools.com/css/default.asp

Seletores CSS:

https://dev.to/underscorecode/css-selectors-the-full-reference-guide-3cbf

Referência CSS do MDN:

https://developer.mozilla.org/pt-BR/docs/Web/CSS

W3Schools propriedades CSS no DOM:

https://www.w3schools.com/jsref/dom_obj_style.asp

https://www.w3schools.com/cssref/default.asp

https://www.w3schools.com/tags/default.asp

CSS BEM:

BEM: Bloco Element Modifier - Padrão de estruturação de classes a ser usado no HTML, é uma Metodologia de configuração do CSS:

https://desenvolvimentoparaweb.com/css/bem/

http://getbem.com/introduction/

http://getbem.com/naming/

OOCSS, SMACSS, BEM, DRY CSS - Afinal, como escrever CSS?

https://tableless.com.br/oocss-smacss-bem-dry-css-afinal-como-escrever-css/

CSS Unidades de medida:

https://developer.mozilla.org/en-US/docs/Web/CSS/width

https://developer.mozilla.org/en-US/docs/Web/CSS/min-width

https://developer.mozilla.org/en-US/docs/Web/CSS/max-width

https://developer.mozilla.org/en-US/docs/Web/CSS/height

https://developer.mozilla.org/en-US/docs/Web/CSS/max-height

https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

CSS Cores:

https://www.w3schools.com/css/css_colors.asp

https://www.w3schools.com/css/css_colors_rgb.asp

https://www.w3schools.com/css/css_colors_hex.asp

CSS Dimensionamento:

https://developer.mozilla.org/pt-BR/docs/Web/CSS/width

https://developer.mozilla.org/pt-BR/docs/Web/CSS/height

https://www.w3schools.com/css/css_border.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/border?retiredLocale=pt-PT

CSS Media Queries (@media screen):

https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_breakpoints

Propriedades do Flexbox:

https://coding.imweb.io/demo/flex/index.html

https://developer.mozilla.org/pt-BR/docs/Learn/CSS/CSS_layout/Flexbox

https://www.w3schools.com/css/css3_flexbox.asp

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Dicas CSS rápidas e práticas:

https://www.toptal.com/css/css-cheat-sheet

Ferramentas CSS:

Gerador de bordas:

https://html-css-js.com/css/generator/border-outline/

https://9elements.github.io/fancy-border-radius/#100.0.13.100--476.476

https://cssgenerator.org/border-css-generator.html

Gerador de imagem de bordas:

https://developer.mozilla.org/en-US/docs/web/css/css_backgrounds_and_borders/border-image_generator

Imagens - Imagens aleatórias para colocar em um projeto com um tamanho específico:

https://picsum.photos/

Tutorial display:

https://www.maujor.com/tutorial/propriedade-css-display.php

display-Float:

https://css-tricks.com/all-about-floats/

==========

FIGMA

==========

Gera modelo de paginas (site) UI/UX, software de design

https://www.figma.com/community/file/...

https://www.figma.com/file/GjvdE0uob6...

===========

Git e GitHub

===========

https://git-scm.com/

==========

Hospedagem gratuita

==========

Ferramenta para hospedagem gratuita de aplicações estáticas

Netlify:

https://www.netlify.com/

Ferramenta para hospedagem gratuita de Banco de dados:

Sheet Best: Transforma uma planilha do googlesheets em uma API, simula uma API.

https://sheet.best/

Sheet.best transforma planilhas em APIs REST. Conecte um gsheet ou um csv a qualquer coisa. Cria aplicativos mais rapidamente sem se preocupar com um back-end. 

==========

HTML

==========

Tutorial HTML W3School:

https://www.w3schools.com/html/default.asp

Referência de Elementos/Tags HTML:

https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element

https://www.w3schools.com/tags/default.asp

Referência do HTML 5:

https://developer.mozilla.org/es/docs/Web/HTML/Element

Referência HTML do W3Schools:

https://www.w3schools.com/tags/default.asp

Fontes do Google:

https://fonts.google.com/

Cores:

Paleta de cores

https://coolors.co/palettes/trending

Paleta de cores Paletton:

https://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

Paleta de cores Adobe:

https://color.adobe.com/pt/create/color-wheel

Imagens: 

Banco gratuito de imagens:

https://www.pexels.com/pt-br/

Redimensionamento de imagens on-line:

https://www.easy-resize.com/pt/

https://tinypng.com/

Depois que escolher a imagem para constar do site, é interessante ir ao site acima, subir sua imagem para remover dados desnecessarios e metainformações, a imagem será otimizada, diminuindo bastante de tamanho.

Criar imagem on-line:

https://www.photopea.com

lista de referências de entidades de caracteres xml e html:

https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

Imagens de icones gratuitos:

https://www.flaticon.com

https://www.image-map.net

Este site de imagens de map pega imagem de seu computador e transforma em map, primeiro é melhor redimensionar a imagem para ficar pequena:

==========

JavaScript

==========

Javascript para Leigos - documentação criada com o objetivo de explicar a linguagem da maneira mais simples possível:

https://github.com/rosivaldocamjr/JavaScript_para_Leigos

Como gerar números aleatórios em Javascript:

http://devfuria.com.br/javascript/numeros-aleatorios/

Tutorial JavaScript W3School:

https://www.w3schools.com/js/default.asp

Referência javaScript do W3Schools:

https://www.w3schools.com/tags/default.asp

Como gerar números aleatórios em Javascript MDN:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random

Para saber tudo sobre o método math, nesta pagina vc verá todos os math existentes e como usá-los:

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Math

Usando o console:

https://developer.chrome.com/docs/devtools/console/javascript/

Sequencia de escape:

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/String

Como criar um array com objetos no javascript:

https://pt.stackoverflow.com/questions/12365/criar-um-array-com-objetos-no-javascript

var, let, const - what's the difference?

https://stackoverflow.com/questions/762011/whats-the-difference-between-using-let-and-var

hoisting - glossario:

https://developer.mozilla.org/pt-BR/docs/Glossary/Hoisting

Métodos de Array:

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array

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

TypeScript:

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

https://www.typescriptlang.org/pt/

https://www.typescriptlang.org/docs/handbook/2/everyday-types.html

https://www.tutorialspoint.com/typescript/typescript_overview.htm

Interfaces em TypeScript:

https://blog.logrocket.com/types-vs-interfaces-in-typescript/

regras e explicações mais elaboradas na documentação oficial (https://www.typescriptlang.org/tsconfig)

Livro/artigo typeScript:

Typescript: uma introdução para você já sair programando (geekhunter.com.br)

Curso de Introdução ao TypeScript:

https://www.youtube.com/watch?v=mRixno_uE2o&list=PLlAbYrWSYTiPanrzauGa7vMuve7_vnXG_

NodeJS: 

https://nodejs.org/en/download/

NPM: 

https://www.npmjs.com/

==========

.NET

==========

.Net Fundation:

https://dotnetfoundation.org/

.Net Documentação:

https://docs.microsoft.com/pt-br/dotnet

Repositório oficial do .Net no GitHub:

https://github.com/dotnet/core

Documentação do .NET: https://aka.ms/dotnet-docs

Documentação do SDK: https://aka.ms/dotnet-sdk-docs

Notas sobre a Versão: https://aka.ms/dotnet6-release-notes

Tutoriais: https://aka.ms/dotnet-tutorials

Net Core 5 vs Net Framework:

https://docs.microsoft.com/pt-br/dotnet/standard/choosing-core-framework-server

Visão geral da CLI do .Net:

https://docs.microsoft.com/pt-br/dotnet/core/tools/

Filtros np ASP.Net Core Microsoft Docs:

https://docs.microsoft.com/pt-br/aspnet/core/mvc/controllers/filters?view=aspnetcore-6.0

==========

SQL

==========

Tutorial SQL do W3Schools:

https://www.w3schools.com/sql/default.asp

Tutoriais e comandos SQL:

https://www.1keydata.com/pt/sql/sql-alter-table.php

Jquery:

Site com versões do aplicativo:

https://code.jquery.com/

https://www.w3schools.com/jquery/default.asp

----------

Sort

----------

Comparação de algoritmos de sort:

https://visualgo.net/en/sorting?slide=1

==========

Outros

==========

MDN lista de eventos:

https://developer.mozilla.org/en-US/docs/Web/Events

JOGOS:

Jogos desenvolvidos em javaScript, Canvas e similares

https://developer.mozilla.org/en-US/docs/Games/Examples

FlexBox Froggy Posicionamento na página:

https://flexboxfroggy.com/

Ferramentas importantes: 

Google Resize:

https://goodpixel.com.br/conheca-o-google-resizer/

Window resize: Extensão a ser usada no chrome.

https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=pt-BR

Assuntos de interesse: 

Entendendo de vez a interpolação

Property Binding e Interpolação

Ciclo de vida do Componente

Angular / Components / Lifecycle Hooks

Foruns para tirar dúvidas sobre quase tudo: 

stackoverflow

Testes:

Exceptions Class (system) Microsoft Docs:

https://docs.microsoft.com/pt-br/dotnet/api/system.exception?view=net-6.0

Melhores praticas para escrever testes de unidade - .Net Microsoft Docs:

https://docs.microsoft.com/pt-br/dotnet/core/testing/unit-testing-best-practices

Coleções e LINQ:

https://docs.microsoft.com/pt-br/dotnet/csharp/programming-guide/concepts/collections

SITES PARA FAZER TRABALHOS FREELANCER:

https://www.getninjas.com.br

https://www.workana.com/pt

https://programathor.com.br/