Roadmap of Learning full-stack development

Hi everyone! My name is Elias, and I’m going to learn full-stack development.

Actually, I’m in my third year of the System Engineering degree, and for personal issues, I need to take a brief stop in my career. So I thought to start producing code and projects that make me able to get a job. I know Typescript, JavaScript, Node.js, Express, and React.js. But the main idea is to learn those technologies correctly.

My roadmap consists of learning JavaScript, then Typescript, and next I move forward to React/Next.js and in the back-end with Node.js and Express. My resources are obviously the courses here in FreeCodeCamp, some Books like “The Pragmatic Programmer“, “Philosophy of Systems Design“, “Refactoring“, and playlists on YouTube.

When I feel that I have enough tools and a solid background, I’ll start to do projects on GitHub, following good methodologies of development, good commits, Test Driven Development and so on.

What do you think? Is it a good roadmap? Please feel free to give me feedback

(PD: I don’t speak English, so this is another thing that I’m learning hehe)

Hey Elias, You’re clearly thinking deeply about your learning path and that is pretty awesome!

Some suggestions:

  1. You don’t need to wait until you “know enough” to build projects. Start small, even now. For example:
  • A simple to-do app in vanilla JS
  • A basic REST API with Node + Express.
  • A portfolio website in React.

2. Try to share your projects in forums (like this one), and ask for feedback. This will improve your code and help you grow used to team-like interactions.

  1. English - You’re doing great already — keep reading docs, watching tutorials, and writing in English. You’ll improve naturally as you go.
1 Like

Thank you for the feedback, Archana!

Your advice about “know enough,“ I think you’re right, in fact, I created a repository like a Learning Log, and I put in it a section with these simple projects.

For your second point, I’ll do that!

Again, thanks for the comment :blush: