FullStack Development Complete Roadmap -

๐Ÿงต THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #fullstack #webdevelopment #coding #programming
๐Ÿ”ถ START FROM FRONTEND

๐Ÿ”นHTML
- Semantic HTML
- Forms & Validations

๐Ÿ”น CSS
- Flexbox, Grid
- Layouts
- Responsive Design
- Floats, Box Model, Display, Position
- Media Queries, Animation, Transform
๐Ÿ”น JavaScript
- Basic Syntax
- Arrays, Functions, Events
- DOM Manipulation
- ES6 JS
- Fetching APIs
- AJAX/JSON

!! BASIC COMPLETED !!
๐Ÿ”ถ CHOOSE A FRAMEWORK

๐Ÿ”น CSS
- Bootstrap
- Materialize, Tailwind, Bulma

PREPROCESSORS
- SASS
- LESS

๐Ÿ”น JavaScript
- React
- Angular
- Vue
๐Ÿ”ถ VERSION CONTROL SYSTEM

๐Ÿ”น Git
๐Ÿ”น Github

๐Ÿ”ถ PACKAGE MANAGER

๐Ÿ”น NPM
๐Ÿ”น Yarn

!! FRONTEND PART IS COMPLETED !!
๐Ÿ”ถ BACKEND DEVELOPMENT

๐Ÿ”น Choose a Programming Language
- Python
- PHP
- Java
- Ruby

๐Ÿ”น Frameworks
- Python = Django
- PHP = Laravel
- Java = Spring
๐Ÿ”ถ DATABASE

๐Ÿ”น Relational
- MySQL
- Oracle
- PostgreSQL

๐Ÿ”น Non-Relational
- Mongo DB
- Firebase
- Couch DB
๐Ÿ”ถ SOME OTHER SKILLS

๐Ÿ”น Testing/Debugging
๐Ÿ”น APIs
๐Ÿ”น Web Security
๐Ÿ”น Server
๐Ÿ”น Node JS

!! BACKEND PART IS COMPLETED !!
๐Ÿ”ถ ADDITIONAL SKILLS

๐Ÿ”น SSH
๐Ÿ”น HTTP/HTTPS
๐Ÿ”น Linux Command
๐Ÿ”น Data Structure & Algorithm
๐Ÿ”น Character Encoding
๐Ÿ”น AWS

KEEP LEARNING......
Congratulations ๐Ÿฅณ !! You're a FullStack Developer ๐Ÿ”ฅ๐Ÿ˜Ž

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Coding Master

Coding Master Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @CodingMaster6

4 May
45 Free Tools & Resources You're Gonna Love -

๐Ÿงต BIG THREAD ๐Ÿงต ๐Ÿ‘‡

#javascript #webdevelopment #webdesign #programmers #WomenWhoCode
1. Tabler Icons -

Free and open-source icons designed with attention to detail to make your design stand out.

Visit ๐Ÿ‘‡
ย tablericons.com
2. Remove bg -

Remove Image Background: 100% automatically โ€“ in 5 seconds โ€“ without a single click โ€“ for free.

Visit ๐Ÿ‘‡
ย remove.bg
Read 25 tweets
4 May
Ultimate List of Free Web Development Resources -

๐Ÿงต MEGA THREAD ๐Ÿงต ๐Ÿ‘‡

#100DaysOfCode #javascript #Python3 #programmer #CSS3 #webdevelopment #html #WomenWhoCode
Topics Covered ๐Ÿ‘‡

๐Ÿ”นOnline Learning Platforms
๐Ÿ”น Free Code Snippets
๐Ÿ”น Documents
๐Ÿ”น Learn By Playing Games
๐Ÿ”น Icons
๐Ÿ”น Illustrations
๐Ÿ”น Free Web Hosting
๐Ÿ”น YouTube Channel

Let's Start ๐Ÿ”ฅ๐Ÿ”ฅ
๐Ÿ”ถ Online Leaning Platforms

๐Ÿ”น Free Code Camp -
freecodecamp.org

๐Ÿ”น Udemy -
udemy.com

๐Ÿ”น Treehouse -
teamtreehouse.com

๐Ÿ”น Udacity -
udacity.com

๐Ÿ”น Cousera -
coursera.org

๐Ÿ”น Sololearn -
sololearn.com
Read 18 tweets
4 May
Best CSS Generators For Web Developers ๐Ÿ”ฅ๐Ÿ”ฅ

๐Ÿงต THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #Python #javascript #DataScience #CSS3 #Website #WomenWhoCode
๐Ÿ”ถ CSS3 Generator -

CSS3 Generator is a more traditional example of code snippets you might need in everyday situations. The CSS3 Generator webapp has over 10 different code generators .

Visit ๐Ÿ‘‡

css3generator.com
๐Ÿ”ถ ColorZilla Gradients -

It's completely free and has a visual editor like Photoshop to generate the gradient codes.

Visit ๐Ÿ‘‡

colorzilla.com/gradient-editoโ€ฆ
Read 9 tweets
3 May
GitHub Repositories to improve your Programming Skills -

๐Ÿงต THREAD ๐Ÿงต๐Ÿ‘‡

#github #development #Coding #programming #100DaysOfCode #javascript #WomenWhoCode
1. Free Programming Books -

Freely available programming books

167k โญ

Repo:ย github.com/EbookFoundatioโ€ฆ
2. Awesome-

Awesome lists about all kinds of interesting topics

148k โญ

Repo:ย github.com/sindresorhus/aโ€ฆ
Read 12 tweets
2 May
50 Great Websites For Web Developers -

๐Ÿงต BIG THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #webdeveloper #webdevelopment #Coding #WomenWhoCode #javascript #css3
1. Hidden Tools -
hiddentools.dev

2. Music For Programming -
musicforprogramming.net

3. Programming Language Convertor -
ide.onelang.io

4. HTTP Cat -
http.cat

5. Iconscout -
iconscout.com
6. CSS Zen Garden -
csszengarden.com

7. A List Apart -
alistapart.com

8. Code Project -
codeproject.com

9. Scotch -
scotch.io

10. TutsPlus -
tutsplus.com
Read 12 tweets
24 Apr
50 Free CSS Resources For Web Developers ( PART - 1 )

๐Ÿ“ข A BIG THREAD ๐Ÿ“ข

#CSS3 #webdevelopers #100DaysOfCode #coding #DEVCommunity #WomenWhoCode #stackoverflow #programmer #Frontend
๐Ÿ”น Colors

1. Color Hunt
colorhunt.co

2. Coolors
coolors.co

3. HTML color codes
htmlcolorcodes.com

4. UI Gradients
uigradients.com
5. Gradient generator
cssgradient.io

6. Encycolorpedia
encycolorpedia.com

7. WebFx
webfx.com/web-design/colโ€ฆ

8. Radial Gradient
css-gradient.com

9. COLORS
clrs.cc

10. Flat UI colors 2
flatuicolors.com
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!