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/
