DEV Community

Lucas Pazzim
Lucas Pazzim

Posted on • Updated on

Fundamentos do desenvolvedor frontend

web developer in front of the computer

Trabalho como frontend desde 2017 e atualmente tenho me especializado em React. Antes disso, atuei como fullstack, tendo a oportunidade de trabalhar com Delphi 7, C#, C++, Angular, ASP.NET e algumas outras tecnologias. Nesse período, priorizei a entrega, sempre focando no produto final e em agradar o cliente, mantendo-me dentro do prazo estabelecido.

Com o tempo, conheci pessoas tecnicamente muito competentes que me inspiraram e apoiaram no meu crescimento técnico e profissional. Comecei a me interessar em compreender cada parte do processo de desenvolvimento de um projeto (frontend). Neste artigo, gostaria de apresentar alguns tópicos e subtópicos que considero de extrema importância, seja você um desenvolvedor com mais experiência ou esteja ingressando agora no mundo da programação.

Estes são os tópicos de maior relevância, na minha opinião. Se faltar algo, sintam-se à vontade para sugerir nos comentários. Afinal, o objetivo deste artigo é compartilhar e também aprender. Abaixo de cada sessão, vou deixar um link para um material onde você pode começar a estudar cada tópico.

Javascript

  • Características e diferenças entre var, let e const;
  • Primitive Types;
  • for, while, map e foreach;
  • Promise;
  • Function e Arrow function;
  • closure(avançado);

https://www.w3schools.com/js/

HTML

  • Tags de elementos básicos;
  • Acessibilidade;
  • Local storage e Session Storage;

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

CSS

  • Flexbox e grid;
  • Design responsivo;

https://web.dev/learn/css?hl=pt

Algoritmos e Estutura de dados

  • Frequence count pattern;
  • Sliding window pattern;
  • Recusion;
  • Pointers;
  • BInary Search;
  • Linear search;
  • Merge Sort;
  • Quick Sort;
  • Hash Table;
  • Graphs;
  • Binary Tree;
  • Singly linked List;
  • Doubly linked List;

https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/

Design Patterns

  • Singleton;
  • Observer;
  • Decorator;
  • Factory;

https://medium.com/better-programming/javascript-design-patterns-25f0faaaa15

Agora, vou focar um pouco na lib em que estou estudando e trabalhando. Nessa seção, acredito que cada um possa escolher o framework que mais gosta ou está familiarizado, seja por ter iniciado por ele ou por trabalhar e ter um contato diário.

React

  • DOM e Virtul DOM;
  • React Hooks;
  • Memoization;
  • Typescript(aqui poderia ter um tópico próprio mas deixei como subtópico em react por acreditar que os dois estão bem ligados)
  • webpack e vite;
  • NextJs(SSR);
  • Testes (Jest, Vitest ou outra lib de testes);
  • Context API e Redux;
  • Css in Js (Styled components);

https://react.dev/learn

Resumi em alguns tópicos assuntos que considero muito importantes para fundamentar e ajudar a compreender um pouco mais do que fazemos no nosso dia a dia. Nos próximos artigos, vou trazer informações e fontes com conteúdos detalhados dos tópicos acima, além de indicar onde estudar e praticar alguns deles.

Top comments (0)