Top List of Useful Sites for Devs

Javascript

Eloquent Javascript - book online

https://eloquentjavascript.net

Axel Rauschmayer - book online

https://exploringjs.com

javascript progressivo - tutorial

https://www.javascriptprogressivo.net/p/introducao-ao-javascript-tutorial.html

Guru99 - tutorial

https://www.guru99.com/interactive-javascript-tutorials.html

The Right Way

http://jstherightway.org/pt-br

Javascript.Info

https://javascript.info

---

Node JS

DEPLOY - Deploy de API com Express e PostgresSQL no Heroku - Jorge Luis Boeira Bavaresco

https://www.youtube.com/watch?v=GKwdnE-Pon4&list=LL&index=2

MDN - Introdução Express / Node

https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/routes

Modules A-Z

https://github.com/aravindnc/A-to-Z-List-of-Useful-Node.js-Modules

node-postgres - database integration

https://node-postgres.com/features/queries

Json Web Token - authorization and authentication

https://jwt.io/introduction

Express JS - framework

https://expressjs.com/pt-br/4x/api.html

uuid - id random

https://www.npmjs.com/package/uuid

Rithm School - tutorial

https://www.rithmschool.com/courses/intermediate-node-express

https://www.rithmschool.com/courses/node-express-fundamentals/introduction-to-node-js

Youtube - tutorial

https://www.youtube.com/playlist?list=PL9aKtVrF05DyEwK5kdvzrYXFdpZfj1dsG

---

React JS

axios - cliente > http

https://axios-http.com/docs/intro

react-bootstrap - components UI

https://react-bootstrap.github.io/getting-started/introduction

reactstrap - components UI

https://reactstrap.github.io

react-router-dom - routers

https://reactrouter.com/web/guides/quick-start

react-icons - icons

https://react-icons.github.io/react-icons

node-sass - sass

https://www.npmjs.com/package/node-sass

react-elastic-carousel - lib

https://www.npmjs.com/package/react-elastic-carousel

react-player - lib

https://www.npmjs.com/package/react-player

react use - hook list

https://github.com/streamich/react-use

Bootcamp React.js - Fernando Daciuk - tutorial

https://fdaciuk.notion.site/Bootcamp-React-js-B-Academy-04beed6c0dda4b79a28709b0f4cf6042

React Hooks - tutorial

https://www.webtips.dev/react-hooks

Youtube - tutorial

https://www.youtube.com/watch?v=3YrOOia3-mo

https://www.youtube.com/playlist?list=PLx4x_zx8csUh752BVDGZkxYpY9lS40fyC

https://www.youtube.com/watch?v=3vtTGgicNdM

https://www.youtube.com/watch?v=ErjWNvP6mko

https://www.youtube.com/watch?v=1LhX2u6_BJE&list=PLx4x_zx8csUh752BVDGZkxYpY9lS40fyC

https://www.youtube.com/watch?v=ll6xSsbPg3k&list=PLROIqh_5RZeDk04YvFLZfHuTuA4q5OOI5

https://www.youtube.com/watch?v=QFaFIcGhPoM&list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3

https://www.youtube.com/watch?v=C8M94QLJy0o&list=PLXik_5Br-zO9YVs9bxi7zoQlKq59VPTX1

https://www.youtube.com/watch?v=mOz5eNcEHu4&list=PLPl81lqbj-4KswGEN6o4lF0cscQalpycD&index=4

Freecodecamp - tutorial

https://www.freecodecamp.org/news/the-react-handbook-b71c27b0a795/#jsx

https://www.freecodecamp.org/news/the-react-handbook-b71c27b0a795

https://www.freecodecamp.org/news/react-tutorial-build-a-project

https://www.freecodecamp.org/news/start-your-journey-into-the-world-of-react-by-learning-these-basics-d6e05d3655e3

https://www.freecodecamp.org/news/these-are-the-concepts-you-should-know-in-react-js-after-you-learn-the-basics-ee1d2f4b8030

---

PostgreSQL

Postgres - tutorial

https://www.postgresqltutorial.com

https://www.tutorialspoint.com/postgresql/index.htm

https://popsql.com/learn-sql/postgresql/how-to-remove-a-default-value-from-a-column-in-postgresql

https://dev.to/prisma/how-to-setup-a-free-postgresql-database-on-heroku-1dc1

---

Git

Git - Guia Prático

https://rogerdudler.github.io/git-guide/index.pt_BR.html

Youtube - tutorial

https://www.youtube.com/watch?v=Yp0RRTdtkqY

---

APIs

list apis public

https://devresourc.es/tools-and-utilities/public-apis

https://rapidapi.com/hub

https://apilist.fun/api/news

https://brasilapi.com.br/docs

https://servicodados.ibge.gov.br/api/docs

https://github.com/public-apis/public-apis

https://gorest.co.in

---

Design Inspiration

one page love

https://onepagelove.com

siteinspire

https://www.siteinspire.com

land book

https://land-book.com

ecomm.design

https://ecomm.design

welovewp

https://welovewp.com

dribbble

https://dribbble.com/

behance

https://www.behance.net/galleries/ui-ux

awwwards

https://www.awwwards.com/sites/uiwd

css awards

https://css-awards.com

the css gallery list

https://thecssgallerylist.com

---

Tools Online

FormSubmit - lib para enviar email

https://formsubmit.co/

Animation in React

https://animate.style

UI Components

https://freefrontend.com

css

https://www.cssportal.com

https://angrytools.com/gradient

https://animista.net

https://cssbuttons.io

https://uiverse.io

https://neumorphism.io

https://scrollbar.app

https://www.joshwcomeau.com/gradient-generator

https://cubic-bezier.com

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

https://www.fffuel.co/sssvg

https://bennettfeely.com/clippy

https://frontend-snippets.com

https://freefrontend.com/css-code-examples

https://css-generator.netlify.app/background-gradient

flaticon - icon

https://www.flaticon.com

Picsum Photos - images

https://picsum.photos

color

https://material.io/resources/color/#!/?view.left=1&view.right=1&primary.color=80c683

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

https://uigradients.com

vetor - svg downloads

https://br.freepik.com/search?dates=any&format=search&page=1&sort=popular&type=vector

Trello - scrum framework

https://trello.com

Draw io - creating diagrams UML

https://app.diagrams.net

CDNFonts

https://www.cdnfonts.com/

---

Tutorials

W

Tutorials Teacher

https://www.tutorialsteacher.com

Sitepoint

https://www.sitepoint.com/premium/library

Downloadcursos.top

https://downloadcursos.top

Web.dev

https://web.dev

---

Courses Online

Typing

https://www.typingclub.com

---

Exercises

W3resource

https://www.w3resource.com/javascript-exercises

mundojs

https://www.mundojs.com.br/category/exercicios/#page-content

hackerrank

https://www.hackerrank.com/dashboard

leetcode

https://leetcode.com

exercism

https://exercism.org

codewars

https://www.codewars.com

Interview Questions

https://h5bp.org/Front-end-Developer-Interview-Questions/translations/portuguese

---

HTML

HTML: O padrão de vida

https://html.spec.whatwg.org/dev/dom.html

---

FIGMA Templates

Free Figma Templates

https://www.freefigmatemplates.com/website-designs-and-apps

UX CRUSH

https://www.uxcrush.com/figma-website-templates/

---