Beatriz Oliveira biantris

Setup FullStack

configure git and ssh key : https://docs.github.com/pt/github/authenticating-to-github/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent
config git https://www.digitalocean.com/community/tutorials/how-to-install-git-on-ubuntu-20-04-pt
install nvm : https://github.com/nvm-sh/nvm
more about nvm : https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04-pt
https://www.treinaweb.com.br/blog/instalando-e-gerenciando-varias-versoes-do-node-js-com-nvm
install yarn : https://linuxize.com/post/how-to-install-yarn-on-ubuntu-20-04/
install redis : https://www.digitalocean.com/community/tutorials/how-to-install-and-secure-redis-on-ubuntu-20-04-pt
install mongoDB : https://www.digitalocean.com/community/tutorials/how-to-install-mongodb-on-ubuntu-20-04-pt
install Robo 3t : Ubuntu Software

tips to evolve as a developer

developers get stuck, paralized : https://nav.al/finding-time

https://www.oreilly.com/library/view/apprenticeship-patterns/9780596806842/ch04.html

Make It Stick : https://www.amazon.com.br/Make-Stick-Science-Successful-Learning/dp/0674729013

learn about basic database modelling, use excalidraw
learn how to connect to a database and performe queries
learn how to expose a CRUD API REST and/or GraphQL
learn how to document the API using Swagger, swagger-jsdoc is the best for it
learn how to test your API using Postman, and also automated using jest and supertest
learn how to consume other APIs using fetch

Also check Docker Learning Path and Lambda Learning Path

To-do

Basic knowledge of MongoDB
Basic knowledge to use Robo 3t
Basic knowledge of Mongoose
Basic knowledge of GraphQL(Query, Mutation, Subscription)
Some concepts react
Javascript (es6)
Basic knowledge of TypeScript

aliases

ck = git checkout (git config --global alias.ck checkout)
br = git branch (git config --global alias.br branch)
co = git commit (git config --global alias.co commit)
st = git status (git config --global alias.st status)
pl = git pull (git config --global alias.pl pull)
ps = git push (git config --global alias.ps push)

tutorial config: https://www.atlassian.com/br/git/tutorials/git-alias

learn blockchain concepts
learn ethereum
learn how to use metamask
learn how to use hardhat (https://hardhat.org/)
learn how to deploy and interact with a smart contract
learn common smart contract standards like ERC20 (token), ERC721 (nft), ERC1155 (opensea)
learn ipfs
learn how to read blockchain explorers like https://etherscan.io/
learn how to use web3 and etherjs
learn solidity

Um pouco dos conceitos que é esperado você dominar de js antes de ir para o react

Manipulação do DOM (manipulação de eventos, click, etc)
Estrutura de dados (arrays, objetos, vetores, estrutura de dados em json)
Map, Filter e Reduce
for in e o for of
Javascript ES6
Assincronismo (promisse, async/await, API fecth, requisições)

const [positionButtonDynamic, setPositionButtonDynamic] = useState('bottom-23');
  const [scrollTop, setScrollTop] = useState(0);

  useEffect(() => {
    const onScroll = e => setScrollTop(e.target.documentElement.scrollTop);

    window.addEventListener("scroll", onScroll);

 return () =&gt; window.removeEventListener("scroll", onScroll);

	element1 {
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 35px;
	}
	/or/
	element2 { margin: 15px 10px 25px 35px }

	{
	"workbench.iconTheme": "material-icon-theme",
	"workbench.startupEditor": "none",
	"git.confirmSync": false,
	"git.autofetch": true,
	"editor.minimap.enabled": false,
	"diffEditor.ignoreTrimWhitespace": false,
	"editor.inlineSuggest.enabled": true,
	"github.copilot.enable": {
	"*": true,