Fullstack Product Developer

I. Setting Up the Development Environment

• Choose your editor: VS Code or WebStorm
• Install MongoDB and MongoDB Compass
• Install Node + Express
• Install NPM / Yarn / Vite
• Initialize and use Git

II. First API Endpoint

1. What is an API?
2. What is a REST API?
3. First Node endpoint
   1. What is Node.js?
   2. What Node.js is not
   3. What is Express?
   4. Create your first endpoint

III. First Frontend Component

1. What is React?
2. Differences between React, Vue, Angular, Svelte and others
3. What are NPM, Yarn, Vite…?
4. Why does the ecosystem feel like a mess?
5. TS vs JS: (.tsx, .ts, .js, .jsx)
6. Create your first component

IV. Loading the Fullstack mode

1. Set up and configure our GitHub repositories
   1. Create frontend and backend repos
   2. Create, add, commit and push a first README.md
   3. Why documentation matters (README.md and *.md files)

   “Code is like poetry — it shouldn’t just be readable and understandable; it should be beautiful.”

2. Fullstack is not only about technologies
   1. Who cares about management?
   2. What is a Project Manager (PM) / Product Owner (PO)?
   3. What are Agile methodologies and why? (Agile Manifesto, Scrum, Kanban, Scrumban)
   4. Communication is key (Slack, MS Teams, Email, Boards)
   5. Trello vs Jira
   6. Create your first tickets
   7. Working as a team
   8. Work on your own ticket

V. Welcome to the Fullstack Galaxy!

1. Create your complete Fullstack task

1. Backend part
2. Frontend part
3. Explore Postman

2. Push, push and push!

1. What are branches and why we need them?
2. Branching strategies
3. Create a new branch and push your code
4. What is a Pull Request (PR), Merge Request and Code review?
5. Merge a PR
6. What should we not push?

3. The moment of truth!

1. Ship to production
2. Let the world see it
3. Cloud providers & hosting (AWS, GCP, Azure, VPS …)
4. Netlify, Vercel, Render
5. Shipping to production
   • What is CI/CD and DevOps?
   • What are Docker, Docker Compose, Docker Swarm and Kubernetes?
   • Explore Vercel and Render
   • Ship the frontend to Vercel (via GitHub)
   • Ship the backend to Render (via GitHub)

VI. Skills That Make the Difference

1. Monitoring
2. Logging
3. Debugging
4. Testing
   1. Who needs to test?
   2. Unit testing
   3. Functional testing
   4. Integration testing
   5. E2E testing and the ∞ world of testing
5. Caching