Roadmap JavaScript - Tudo o que você precisa aprender 🦅
Olá HaWkers, sejam todos muito bem vindos a este Roadmap de JavaScript, onde você vai aprender tudo o que você precisa para decolar sua carreira no mundo do JavaScript.
Esse Roadmap tem como principal objetivo acelerar a forma que você estuda, assim te entregando um mapa onde você pode seguir em ordem e avançar os estudos no JavaScript, cobrindo desde tópicos básicos até tópicos avançados para te preparar para enfrentar o mundo dos Frameworks que é onde você realmente vai se capacitar para conseguir iniciar sua carreira na área de Desenvolvimento de Software.
Orientações básicas
Antes de prosseguir, eu preciso que você entenda que esse Roadmap está em construção e ele é colaborativo.
O aprofundamento de cada tópico específico será lançado todos os dias ao longo do tempo, então eu te aconselho fortemente a voltar nesse Roadmap todos os dias para acompanhar o lançamento dos conteúdos de aprofundamento.
Para acessar os conteúdos de aprofundamento de cada tópico, basta clicar em cada um dos títulos, ou em algum lugar que possua um link, que você já vai ser direcionado para o aprofundamento do tópico específico. (Se o tópico ainda não possui um link, é porque o artigo de aprofundamento ainda não foi desenvolvido).
Qualquer dúvida, sugestão ou crítica. Por favor, utilize a seção de comentários no final do artigo para isso.
Vamos começar
Para entender a melhor forma de estudar e se aprofundar em cada tópico, eu separei eles por cores.
O nível de classificação de cada conteúdo é baseado exclusivamente em minha opinião e experiência própria na área.
Você pode identificar cada nível seguindo as orientações das seguintes cores:
- 🟣 Necessário saber, muito usado
- 🟡 Interessante saber, porém pouco usado
- 🔴 Usado raramente
- 🟠 Configuração de ambiente
🟡 Introdução ao JavaScript
🟠 Configuração do Ambiente de Desenvolvimento
🟣 Entendendo Variáveis
🟣 Tipos de dados (Data Types)
- 🟣 String
- 🟣 Number
- 🟡 BigInt
- 🟣 Boolean
- 🟣 Null
- 🟣 Undefined
- 🔴 Symbol
- 🟣 Object
- 🟣 Acessando as chaves de um objeto
- Notação de ponto
- Notação de colchetes
- 🟣 Acessando as chaves de um objeto
- 🟡 Type Casting
🟣 Estruturas de Dados (Data Structures)
- 🟣 Array
- 🟣 String
- 🟣 Object
- 🟡 Map
- 🟡 Set
- 🔴 Linked List
🟣 Comparações de igualdade (Equality Comparisons)
- 🟣 Operador de igualdade simples ( == )
- 🟣 Operador de igualdade estrita ( === )
- 🟢 Exercícios Práticos
🟣 Loops e Interações (Loops and Interactions)
- 🟣 Laço de Repetição For
- 🟡 Laço de Repetição While
- 🔴 Laço de Repetição Do-While
- 🟣 Loop com Array
- 🟡 Keyword continue dentro de Loops
- 🟡 Keyword break dentro de Loops
- 🔴 Laços Aninhados
🟣 Controle de Fluxo (Control Flow)
- 🟣 if
- 🟣 if...else
- 🟣 switch
- 🟡 if...else if
🟣 Expressões e Operadores (Expressions and Operators)
- 🟣 Operadores de atribuição (Assignment Operators)
- 🟣 Operadores de comparação (Comparison Operators)
- 🟣 Operadores aritméticos (Arithmetic Operators)
- 🟣 Operadores bit a bit (Bitwise Operators)
- 🟣 AND
- 🟣 OR
- 🔴 XOR
- 🟣 Operadores lógicos (Logical Operators)
- 🔴 BigInt Operators
- 🟣 Operadores de string (String Operators)
- 🟣Operadores condicionais (Conditional Operators)
- 🟣 O operador vírgula (Comma Operator)
- 🟣 Operadores unários (Unary Operators)
- 🟣 Operadores relacionais (Relational Operators)
🟣 Funções (Functions)
- 🟣 Parâmetros de Funções
- 🟡 Parâmetros com valor pré definido (Default Params)
- 🔴 Parâmetro Rest (Rest Params)
- 🔴 IIFEs (Immediately Invoked Function Expressions)
- 🔴 Arguments Object
- 🟣 Built-in Functions
- 🟣 Escopo e pilha de funções (Scope and function stack (Call stack))
🔴 Modo Estrito (Strict Mode)
🟣 Usando (this) (this Keyword)
- 🟣 this em Arrow Functions
- 🟣 Contexto Léxico (Lexical Context):
🟣 Programação Assíncrona
- 🟣 Callbacks
- 🟣 Promises
- 🟡 Callback Hell
🟣 Trabalhando com APIs
🟡 Classes
- 🟡 Super
🔴 Iteradores e Geradores (Iterators and Generators)
- 🔴 Iteradores
- 🔴 Geradores
🟣 Módulos JavaScript (JavaScript Modules)
- 🟡 CommonJS
- 🟣 ECMAScript Modules (ES Modules)
🔴 Gerenciamento de Memória (Memory Management)
- 🔴 Falando um pouco sobre o ciclo de vida da memória
🟣 Usando o Chrome Dev Tools
- 🟣 Aprendendo a debugar problemas
- 🔴 Aprendendo a debugar vazamentos de memória (Memory Leak)
- 🔴 Aprendendo a debugar performance
Mantenha a consistência nos estudos.
É possível que, no começo, os conceitos pareçam confusos, mas não desanime! Continue estudando e praticando, pois, em algum momento, tudo se tornará claro. E quando isso acontecer, não se esqueça de compartilhar suas conquistas comigo!
Explore outras fontes de conhecimento.
A comunidade de desenvolvedores é rica em recursos e colaboração. Por isso, continue buscando outras fontes de conhecimentos como cursos, tutoriais, fóruns e grupos de discussão para aprimorar ainda mais suas habilidades nesse mundo vasto.
Disciplina é fundamental!
Dedique-se e invista tempo nos estudos, todos os dias! Lembre-se de que a dedicação e a persistência são ingredientes indispensáveis para o sucesso. Embora não haja caminho fácil, com empenho, os resultados serão grandes!
Tenha em mente que este roadmap representa apenas o ponto de partida. Agora, cabe a você continuar explorando, aprendendo e evoluindo como desenvolvedor(a). Tenho convicção de que você irá prosperar nesse universo!
Desejo do fundo do meu coração uma jornada extraordinária e, caso tenha dúvidas, estarei sempre à disposição para ajudar.
Conclusão
Chegamos ao final do nosso "Roadmap JavaScript - Tudo o que você precisa aprender", mas não para por aí! Sua jornada no mundo da programação apenas começou!
Caso você tenha interesse em acessar os conteúdos de aprofundamento antes de eles serem lançados por aqui. Acesse esse link para saber mais!
Não esqueça também de compartilhar sua evolução nos comentários, vai ser um grande prazer acompanhar suas evoluções ao longo do caminho.
Ah, e me siga também lá nas minhas Redes sociais. Tenho certeza que vai ter algo por lá que vai te ajudar a avançar ainda mais!
Instagram - Youtube - Linkedin - GitHub