Recursos para Web Dev [1]

March 03, 2022

Recursos para Web Dev:

Itens importantes para as aulas

Recursos que são úteis, outros obrigatórios.

Editor desktop: https://code.visualstudio.com

Plug-ins

Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Prettier – Code formatter: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

ESLint: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Fonte mono espaçada: https://www.jetbrains.com/lp/mono/

Documentação:

https://devdocs.io

https://developer.mozilla.org/en-US/

https://www.w3schools.com

###

Gerador de .gitignore: https://www.toptal.com/developers/gitignore

Validador: https://validator.w3.org/

Contas:

https://github.com

https://www.netlify.com/

https://vercel.com

Prototipação (mockup):

https://www.figma.com

https://www.justinmind.com

Api client (consumer):

https://www.postman.com

https://insomnia.rest

JSON fake API: https://jsonplaceholder.typicode.com

Database (NoSQL for test): https://www.deta.sh

HTML

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

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

CSS

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

http://www.csszengarden.com

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

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

Flexbox

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

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

Formulários

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

https://developer.mozilla.org/pt-BR/docs/Learn/Forms/Your_first_form

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

Geral

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units

Browse Fonts - Google Fonts: https://fonts.google.com

https://caniuse.com

JS

https://javascript.info/

https://jsonplaceholder.typicode.com/

https://reqres.in/

https://developer.mozilla.org/pt-BR/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

https://javascript.info/xmlhttprequest

https://javascript.info/fetch

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

Imagens

https://source.unsplash.com/

https://www.svgbackgrounds.com/

https://undraw.co/illustrations

https://jakearchibald.github.io/svgomg/