Full stack

Prévia do material em texto

2023 
FULLSTACK 
WEBDEV ROADMAP 
Basics of HTML, CsS & JS 
Choosing a framework 
Version Control 
Choose a language for backend 
Head to Databases 
Devops CI/CD 
Complete 7 Months Guide 
2025
LEARN THE BASICS 
HTML 
" Forms & Validations 
" Conventions and Best Practices 
CSS 
" Making Layouts 
Floats, Position, Display, Grid, 
Flexbox, Box Model 
" Responsive Design 
JavaScript 
" Syntax & Basic Construct 
" DOM Manipulation 
" Fetching APls / AJAX 
" ES6+ Syntax 
(1 MONTH) 
D 
D 
JS 
SAVE & SWIPE 
CHOOSE A FRAMEWORK (1.5 MONTH) 
(Choose any 1) 
CSS 
" Bootstrap 
" Tailwind 
" Bulma, Foundation or any other. 
PREPROCESSOR 
" React 
JavaScript 
" Angular 
" Vue 
SASS 
*My Preference 
" Less 
SAVE & SWIPE 
B 
Sass 
VERSION CONTROL SYSTEM 
" Git 
" Github/ Gitlab / BitBucket 
Package Managers 
" NPM 
" Yarn 
Module Bundlers 
" Webpack 
Rollup 
" Parcel 
*Note - If you have chose ReactJs you should also learn 
" NextJs 
"ReduX 
(15 DAYS ) 
NEXT. 
git 
SAVE & SWIPE 
FRONTEND DONUT 
Wanna have a donut? 
VCS 
GIT 
GITHUB 
" Gitlab 
" Bit Bucke 
(ay oe) 
JAVASCRIPT 
FRAMEWORKS 
" React Js 
" Angular 
" Vue Js 
" Bootstrap 
" Tailwind 
(any one) 
" Bulmo 
CSS 
" Semantic UI 
ARRAYS IN 
JAVASCRIPT 
Floats & positions 
WEB AP, YOU 
NEED TOO KNOW! 
Flexbox 
" Displey & transform 
Box Model 
CSS Grid 
Media Queries 
Responsive Design 
CSS 3 
WAYS TO REMOVE 
DUPLICATES FROM 
AN APRAYI 
SPREAD OPERATOR 
USE CASES! 
CSS 3 
PREPROCESSSOR 
" SASS 
" LESS 
9 JAVASCRIPT 
SHORTHANDS! 
8 WAYS TO LOOP 
OVER AN ARRAY 
Idiziy 
HTML 
LIBRARIES 
" Forms and vd 
BUILD 
Everything explained on 
@developers_community__ 
(3-4 MONTHS ) 
Frontend Finished 
CSS GRID 
USE CASES! 
fully guctional 
CSS 
MEDIA QUERY 
J« Web ApP 
SHAD 
woJSNYL 
SS 
FLEXBOX OR GRID! 
CSS PSEUDO 
:SELECTORS 
BACKEND STARTS 
Choose & Learn a language (Choose : 
" JavaScript 
"Java 
" C# 
" PHP 
" Python 
" Ruby 
" Go 
" Rust 
" NodeJs 
Some Knowledge on OS & 
terminal commands 
" Process Mangement 
(1.5 MONTH) 
" Threads and Concurrency 
" Basic Networking Concepts 
SAVE & SWIPE 
HEAD TO DATABASES 
Choose 1 
Relational 
" PostgreSQL 
" MySQL 
" MariaDB 
" MS SQL 
" Oracle 
DATABASES 
SAVE & SWIPE 
(1 MONTH) 
Non -Relational 
" MongoDB 
" CouchDB 
Cassandra 
" InfluxDB 
" Firebase 
DEVOPS 
Learn Some CI/CD Tools 
" Gitlab CI 
" Jenkins 
" Azure Devops 
" Circle CI 
Cloud Providers 
" AWS 
" Google Clouds 
" Azure, Linode 
" Heroku, Digital Ocean 
What is & how to setup 
" Reverse & Forward prOXy 
" Load Balancer 
" Caching Server 
" Firewall 
(2 MONTHS ) 
Google Cloud 
Microsoft 
Azure 
aws 
H heroku 
SAVE & SWIPE 
Containerization 
" Docker 
" rkt 
" LXC 
" Jenkins 
CI/CD Tools 
" Azure 
Circle CI 
VCS 
" G|T 
" Gitlab 
" GITHUB 
" Django 
BACKEND BURGER 
" Bit Bucket 
(Prefer Docker) 
Frameworks 
(any one) 
" ExpressJS 
Laravel 
(any one) 
" Ruby on Rails 
" JAVA 
" PYTHON 
" RUBY 
PHP 
Choosea programming 
language (any one) 
Depending on 
language you picked 
(any one) 
" C# 
" NODE JS 
" GO 
" RUST 
Want this 
burger? 
Architectural patterns 
Microservices 
" Monolithic 
" Serverless 
" CORS 
" SOA 
Caching 
" CDN 
" Server Side 
" Client-Side 
" Redis 
Testing 
PostgreSQL 
" MySQL 
MS SQL 
Oracle 
APls 
" MariaDB 
" REST 
" JSON 
Integration Testing 
" SOAP 
" Unit Testing 
" Functional Testing 
(any one in both) 
" GSON 
DATABASE 
" RELATIONAL 
" NON RELATIONAL 
MongoDB 
RethinkDB 
DynamoDB 
CouchDB 
GraphQL