josethz00

Senior Frontend Interview Questions

Some questions about frontend development that might be in your next job interview. The questions were formulated by @mauvieira, a super senior fullstack developer

General Frontend

• What are the strategies we can use to optimize the performance of web applications?

  • CDNs, GraphQL (maybe) to reduce overfetching, improve backend performance, use SSR and/or SSG, lazy loading for loading assets only when it's needed, minimize and compress HTML, CSS and JS files, and optimize images by compressing and resizing them.

• What are Web Vitals (LCP, FID, CLS)? And how are they applied in the real world?

coproduto

Roadmap de estudos de SQL

Aviso: Muitas vezes detalhes de várias operações podem variar de banco para banco. Em questões onde fiquei em dúvida, este documento segue o funcionamento do PostgreSQL, pois é o banco que conheço melhor.

Pré-requisito: Álgebra Relacional básica

Antes de começar a escrever SQL, você precisa entender o modelo de como um banco de dados relacional funciona. Não precisa se aprofundar muito, mas você precisa entender como que dados e relacionamentos entre eles são representados. (Nota importante: Relacionamento e relação não são a

Tsugami

• React Learning Path (@Sibelius)
• Backend Learning Path (@Sibelius)
• Docker Learning Path (@Sibelius)
• ReactJs Learning Path - Basics that you should learn (@akinncar)

sibelius

• 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

Wellers0n

Articles to learn cursor

1# Understanding pagination: REST, GraphQL and Relay

2# graphql pagination

3# GraphQL Cursor Connections Specification

4# Explaining GraphQL Connections

akinncar

• learn how to build JSX basic components
• learn component props
• learn how to manage state
• learn basic hooks (useState and useEffect)
• learn how to fetch Rest API's (Axios, SWR)
• learn how to use routes with React Router DOM
• learn how to manage global state (Context API, Redux, MobX)
• learn how to make unit tests with Jest
• learn how to use GraphQL (Apollo, Relay)

sibelius

You first need to undestand the concept of frontend tests.

You should not test the implementation but the behavior

You test like the end user

For instance, imagine a login screen with email and password inputs and a submit button

The test should input the email and the password, then click in the submit button.

iaurg

[
  {
    "author": "Ray Dalio",
    "itemId": "8551003429",
    "link": "https://amzn.to/2P975Bx",
    "title": "Principios"
  }
  ,
  {
    "author": "Aditya Y.",

danielbonifacio

Olá. Antes de iniciar, só para te contextualizar: escrevi esse arquivo na intenção de ser um roteiro para uma série de vídeos, por isso, em alguns casos, verão eu me referindo a este como se fosse um vídeo. No mais, espero que aprendam bastante, e compartilhe o conhecimento. Abs, Daniel Bonifacio.

JavaScript before any framework

É claro que todo desenvolvedor web já ouviu falar (ou ao menos deveria ter ouvido) sobre React, Vue ou Angular. Estas ferramentas são chamadas de frameworks, que são, basicamente, um conjunto de ferramentas para agilizar o desenvolvimento de aplicações front-end.

Escolher um framework para trabalho, às vezes, é uma decisão difícil. Empresas usam X, você gosta de Y, mas Z paga melhor, enfim... uma porra!

Mas existe algo em comum entre eles que você precisa saber antes de escolher um: JavaScript. Me chamo Daniel Bonifacio, sou Engenheiro de Software e nessa série eu vou te ensinar tudo que você precisa saber sobre JavaScript antes de entrar de cabeça em estudos de algum framewo

tkrotoff

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Csvelte%2Cangularjs%2Cvuejs3