Plano de Estudo

Desenvolvedor MERN Full-Stack

240 cursos
84 posts

Esse é o meu plano de estudos para pessoas interessadas no Desenvolvimento Full-Stack e Full-Cycle, ênfase em MERN (Mongo, Express, React, Node).

A estrutura desse plano é reforçar o Front-End e o Back-End via JavaScript, ensinar banco de dados, ter conhecimentos básicos de UX/UI, extender os conceitos para o celular, com bomo compreender o marketing digital pelo SEO e a segurança via SRE.

Obs: Vale ressaltar que, para iniciar essa formação, será necessário ter conhecimentos mínimos de programação disponíveis nas formações de "Iniciante em Programação" tanto da Alura quanto do meu (de preferência do meu, que está mais completo e guiado).

  1. Formação Iniciante em Programação - Alura
  2. Formação Iniciante em Tecnologia e Informática (TI) - Alex

1. Introdução

Inicialmente, você aprenderá o que é o full-stack, o full-cycle, diferenças entre MEAN, MERN e MEVN, bem como aprender HTTP, API, REST e Expressões Regulares (regex).

2. HTML e CSS

Vai aprender a construir páginas com o HTML/CSS e conhecer os tipos de estilo como flexbox, grid, Bootstrap, Tailwind e Saas.

3. JavaScript para Back-End

Vai estudar os fundamentos do JavaScript primeiramente pelo back-end como variáveis, lógica de programação, arrays, objetos, callback, introdução aos comandos de nodeJS e básico de orientação a objetos.

4. JavaScript para Front-End

Uma vez entendido os fundamentos do JavaScript, é hora de entender sua aplicação no dinamismo das páginas Web, incluindo manipulação do DOM, localStorage, APIs, arrays para front-end, requisições, validação de formulários, threads, tabelas dinâmicas, AJAX, orientação a objetos para front-end, browser, MVC, etc.

5. Acessibilidade Digital

Tornar páginas acessíveis é muito importante, tanto no design quanto na programação; por isso irá estudar designs inclusivos, aplicativos uteis e a programação do leitor de tela.

6. NodeJS e Express

Irá voltar para o back-end para estudar o Express, um framework do NodeJS para aplicações Web, além de estudar conceitos avançados do Node. Um conhecimento extra de Embedded JavaScript (EJS) também foi adicionado para complementar.

7. TypeScript

Voltando ao front-end, vai conhecer o TypeScript, uma versão melhorada do JavaScript.

8. ReactJS e NextJS

Nesse módulo vai conhecer (quase) tudo do React, o framework mais conhecido do JavaScript, além de reforçar sua aplicação com o NextJS.

9. PHP

É importante entender PHP, a linguagem que compõe 80% dos sites no mundo, bem como entender o seu framework Laravel e o WordPress pra modelar sites.

10. Banco de Dados

Novamente no back-end, vai estudar os conceitos de modelagem de dados, os modelos relacionais (SQL) e não-relacionais (NoSQL) e os dois principais gerenciadores de banco de dados (SGBD): MySQL e MongoDB.

Obs: você pode utilizar outro SGBD relacional como MS SQL Server ou PostgreSQL.

11. Usabilidade

Ter noções de design e usabilidade é considerado um diferencial para desenvolvedores full-stack; por isso, passará pelos módulos de UX/UI Design, UX Research e sistemas de design (design systems) .

12. React Native

Nada melhor do que expandir os conceitos de React para aplicativos de celular utilizando o React Native.

13. SEO

Tendo todo o conteúdo técnico adquirido, o próximo passo é tornar o seu site e/ou aplicativo acessível e popular nas redes através dos conhecimentos de Search Engine Optimization (SEO).

14. SRE

Para finalizar, será necessário adquirir a segurança do seu site/aplicativo pelo Site Reliability Engineering (SRE), tendo conhecimentos prévios básicos de comandos de Linux, rede de computadores e docker; vai estudar os conceitos de observabilidade, monitoramento, confiabilidade e rastreamento.

Dicas e Orientações para desenvolvedores Full-Stack/Full-Cycle:

  1. Controle de versão (Git e GitHub)
  2. Front-End (HTML, CSS e JS)
  3. Back-End (JS, Ruby, PHP)
  4. Banco de Dados (SQL, NoSQL)
  5. Usabilidade (UX Design)
  6. Mobile (Android, iOS)
  7. Infraestrutura, Cloud e DevOps (Redes, HTTP e Linux)
  8. Bônus: conhecimento do negócio
Criado por Alex De Pretto Mansano

300.3k xp

Inscreva-se agora

Última atualização em

23/04/2024

O que é este plano de estudo?

Planos de estudo são sequências de cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga planos que te interessem ou crie o seu próprio.

Passo a passo

  1. 1

    Conteúdo do plano