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

biantris

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

biantris

• 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

biantris

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

biantris

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

biantris

• 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

biantris

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

biantris

{
    "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,

biantris

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)

biantris

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 () => window.removeEventListener("scroll", onScroll);