Thread by @TahaMriheel, I received a lot of messages about how to get started learning [...]

I received a lot of messages about how to get started learning Web development , here's A thread ...

this is how I would start , Please retweet so it reach the maximum possible number of people

1 - A simple idea of how the Internert works

:

what's HTTP .. the internet IP Address & DNS .. How the search works

https://www.youtube.com/playlist?list=PLzdnOPI1iJNfMRZm5DDxco3UdsFegvuB7

How The Internet Works

Featuring Vint Cerf, the inventor of TCP/IP, David Karp the founder of Tumblr to explain HTTP and HTML, Google's "Security Princess" to explain SSL and cyber...

https://www.youtube.com/playlist?list=PLzdnOPI1iJNfMRZm5DDxco3UdsFegvuB7

2- HTML

:

HTML is the set of markup symbols or codes inserted into a file intended for display on the Internet.

Free resources :

@freeCodeCamp
https://freecodecamp.org
+
@traversymedia HTML Crash Course :

3- CSS

:

CSS describes how HTML elements are to be displayed on screen .

Free resources :

- this playlist contains everything you need as a beginner
From @traversymedia

https://www.youtube.com/playlist?list=PLillGF-RfqbZTASqIqdvm1R5mLrQq79CU

- @KevinJPowell youtube channel he is the CSS KING

https://www.youtube.com/user/KepowOb

4 - LEARN BY BUILDINGGGGG

IT'S TIME TO GET UR HANDS DIRTY

* COMPLETE SOME @frontendmentor CHALLENGES

https://www.frontendmentor.io/dashboard

** https://devchallenges.io/

DevChallenges

Are you looking for some coding challenges?. Dev Challenges is for everyone who want to practice Web development (Front-end, Full-stack,...). You will build an outstanding portfolio that will help...

https://www.frontendmentor.io/dashboard

YOU CAN LEARN ALL THE PREVIOUS STUFF WITH THIS AMAZING NINJA @thenetninjauk

check his channel , you definitely gonna need him https://www.youtube.com/c/TheNetNinja/playlists

The Net Ninja

Black-belt your development skills. Tutorials on: - Modern JavaScript (beginner to advanced) - Node.js - React - Vue.js - Firebase - MongoDB - HTML & CSS - P...

https://www.youtube.com/c/TheNetNinja/playlists

5 :

JOIN THE #DEVCommunity , MAKE CONNECTIONS , SHOW YOUR PROGRESS , ASK FOR HELP , READ SOME USEFUL TIPS || Advices , GIVE || HAVE SUPPORT , PEOPLE HERE ARE AMAZZZING , YOU DEFINETLY WANNA FOLLOW THEM , WHILE TAKING THIS LONG JOURNEY HERE ARE SOME OF THEM :

@DThompsonDev
@traversymedia
@natmiletic
@TheJackForge
@jlengstorf
@denicmarko
@Codeanddream
@kyla_Christin_e
@ravinwashere
@towernter
@BowmanDev
@nnja
@thenetninjauk
@SimonHoiberg
@designcoursecom
@TestJSSummit
@spences10
@BatsouElef
@JoshWComeau
@devinDford

@NovallSwift
@KevinJPowell
@madsbrodt
@jh3yy
@accolades_dev
@study_web_dev
@developedbyed
@tucker_dev
@fireship_dev
@sarah_bean
@shookcodes
@SaraSoueidan
@frontenddude
@TheAnkurTyagi
@marktechson
@catalinmpit
@jamesqquick
@chriscoyier
@jackdomleo7
@wesbos

@laurieontech
@FrancescoCiull4
@BlakieCodes
@Prathkum
@miss_lorsx
@tannerlinsley
@CatMcGeeCode
@elyktrix
@florinpop1705
@NanouuSymeon
@dan_spratling
@adrian_twarog
@anniebombanie_

TIP :

( DONT JUMP TO JS UNTIL YOU FEEL CONFIDENT WITH HTML & CSS ) , IT'S NOT A MARATHON ..

6 : JavaScript

While HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a use

6 : JavaScript While HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a use

Free resources :

@traversymedia :

https://www.youtube.com/c/TraversyMedia/playlists

@thenetninjauk :

https://www.youtube.com/c/TheNetNinja/playlists

@developedbyed :

https://www.youtube.com/c/DevEd/playlists

@florinpop1705 :

https://www.youtube.com/c/FlorinPop/playlists

@wesbos :

https://javascript30.com/

Paid Resources :

-1 Modern JS course
https://www.udemy.com/course/modern-javascript-from-the-beginning/

-2 20 vanilla JS projects
https://www.udemy.com/course/web-projects-with-vanilla-javascript/

-3 50 projects in 50 days https://www.udemy.com/share/103Pv2AEMTdFZbQ3wJ/

Online Courses - Anytime, Anywhere | Udemy

Udemy is the world's largest destination for online courses. Discover an online course on Udemy.com and start learning a new skill today.

https://www.udemy.com/course/modern-javascript-from-the-beginning/

-7 Important tools :

SASS :
@developedbyed :

@designcoursecom :

@freeCodeCamp :

@thenetninjauk :
https://www.youtube.com/playlist?list=PL4cUxeGkcC9iEwigam3gTjU_7IA3W2WZA

@traversymedia :

chrome developer tools :

@traversymedia :

Npm :

@traversymedia :

Git & Github :

@thenetninjauk :

Deploy websites in Netlify :

CSS FRAMEWORKS :

tailwind :

BOOTSTRAP :

after finishing these steps you can choose ur path :

FRONT END : Learn ( React - Vue - Angular )

BACK END : Learn (node.js - Express - mongoDb )

Freelancing : Learn Wordpress

Finally :

The ultimate web-development-resources by @denicmarko https://github.com/MarkoDenic/web-development-resources

MarkoDenic/web-development-resources

Awesome Web Development Resources. Contribute to MarkoDenic/web-development-resources development by creating an account on GitHub.

https://github.com/MarkoDenic/web-development-resources

when ever you think of giving up , put some positivity in ur ear :

@garyvee :
https://www.youtube.com/user/GaryVaynerchuk

" Don't compare ur self to others , thats when you start lose confidence "

I hope this thread can reach and help alot of newbie devolopers out there , please show support and help , that's what this community about

RETWEET + BOOKMARK

GOOD LUCK EVERYONE

I hope this thread can reach and help alot of newbie devolopers out there , please show support and help , that's what this community about RETWEET + BOOKMARK GOOD LUCK EVERYONE

Latest Threads Unrolled: