logo

Your Step-by-Step Full-Stack Journey

A comprehensive guide to help you become a successful Full-Stack developer from scratch.

Start the Journey

Introduction to Full-Stack Development

What is Full-Stack Development?

Full-stack development refers to the development of both front end (client side) and back end (server side) portions of web application. Full-stack web developers have the ability to design complete web applications and websites.

Who is this for?

This roadmap is for those who want to become a jack-of-all-trades in the web development world, capable of building a complete web application from the ground up.

Step-by-Step Roadmap

This section outlines the key steps and skills you need to acquire in a logical order, from foundational knowledge to advanced topics.

Phase 1: Frontend

Step 1: The Basics

Learn the fundamentals of web development.

HTML HTML CSS CSS JavaScript JavaScript
Step 2: Frontend Framework

Learn a modern frontend framework.

React React Angular Angular Vue Vue

Phase 2: Backend

Step 3: Backend Language & Framework

Choose a backend language and framework.

Node.js Node.js & Express Python Python & Django
Step 4: Databases

Learn how to store and retrieve data.

PostgreSQL PostgreSQL MongoDB MongoDB

Phase 3: DevOps

Step 5: Basic DevOps

Learn how to deploy and maintain your applications.

Git Git Docker Docker Nginx Nginx

Project Ideas

Beginner

  • A personal blog with a frontend and a backend.
  • A simple to-do list application with user authentication.

Intermediate

  • A social media dashboard that aggregates posts from different platforms.
  • An e-commerce website with a shopping cart and payment integration.

Advanced

  • A real-time chat application with private messaging.
  • A clone of a popular web application like Airbnb or Uber.

Famous Courses

Here you can find a curated list of well-regarded courses to accelerate your learning.

Creative Coder Myanmar

JavaScript, React, Vue, and Firebase courses

The Complete Web Development Bootcamp

Udemy - Angela Yu

Full-Stack Web Development with React Specialization

Coursera - Hong Kong University of Science and Technology

IBM Full Stack Cloud Developer Professional Certificate

Coursera - IBM

Documentation Links

Essential documentation and official guides for key tools and technologies.

HTML & CSS (by Lwin Moe Paing)

Beginner-friendly book for learning HTML and CSS in Burmese.

JavaScript (by Ei Maung)

Comprehensive guide to JavaScript in Burmese.

Myanmar Web Training - PHP Tutorials

Web development tutorials, including PHP, in Burmese.

Professional Web Developer (by Ei Maung)

Comprehensive guide covering HTML, CSS, Bootstrap, JavaScript, PHP, and Laravel in Burmese.

YouTube Channels

Popular YouTube channels that provide tutorials and insights into the world of Full-Stack Development.

FullStack DEV

Full-stack development tutorials for Myanmar DEV YOUTH!

Let's Learn Programming - Myanmar

Playlists for FullStack, Frontend, and Backend Web Development with PHP.

MSquare Programming

Extensive content on web development, including HTML, CSS, JavaScript, Git, and GitHub.

freeCodeCamp.org

A huge variety of tutorials on all things web development.

Ebooks

Recommended e-books and reading materials for a deeper understanding.

Professional Web Developer (by Ei Maung)

Comprehensive guides covering HTML, CSS, JavaScript, PHP, Laravel, React, Node.js, and API design in Burmese.

Rockstar Developer (by Ei Maung)

Advanced book on agile project management, dev process, back-end architecture, and full-stack JavaScript development in Burmese.

HTML & CSS – Beginner to Super Beginner (by Lwin Moe Paing)

An ebook for learning HTML and CSS in Burmese.

Web ဒီဇိုင်း နှင့် HTML (Web Design and HTML) by Planetcreator

A book covering web design, HTML, and CSS in Burmese.