Professional Documents
Culture Documents
Ifyouwanttobecomeafullstackdeveloper,youneedtoknowHTML,CSS,JavaScriptalong
withabackendbutmakingtherightchoiceinanerawheretherearealotofoptionscreatesa
lotofconfusionfornewbiedevelopers.
TheBucketTechnique
Asapartofthistechnique,wewillstudyeachtechnologyjustenoughtostartbuildingsites.
Mybreakdownforfrontendandbackenddevelopmentisasfollows:
FrontEndDevelopment:
➔ 80%HTML
➔ 60%CSS
➔ 50%JavaScript
➔ 20%Database(Insert,Update,Delete)
Afteryoufinishlearningallthesetechnologies,youwillbeabletobuildgooddesignsbutitis
notpossibletobuildastunningwebsitewithoutgraphicdesigningskills.Youneedtoeitherbea
gooddesignerorrefertosomedesignwhichisgoodenoughforyoursitetolookamazing!
Forthatyoucaneitherrefertosomewebsiteswhicharealreadybuiltbygreatdesignersor
workonyourowndesignbeforeyougetyourhandsdirtywithcoding!
BackEndDevelopment
Irecommendfollowingoptionsfromahugelistofavailableoptionswithp
rosa
ndc
ons:
1. PHP-Easytolearn,bestforbeginners,limitedsupportoflibraries
2. NodeJs-J
avaScriptwhichyoualreadyknowfromfrontend,Difficulttolearn
JavaScriptconceptslikecallbacksareused
3. Django/Flask(PythonbasedbackendFrameworks)-IncludesORM,greatsetof
pythonlibraries,n eedtolearnpython
Notrecommendedforbeginners
1. Frontendframeworkslikereact,vue,angular
2. ThirdpartyJ avaScript,CSSframeworks
3. Websitebuilders
Don'tgetmewronghere.JavaScriptframeworksareamazingbutifyouwanttobeasuccessful
webdeveloper,youneedtomasterHTML,CSS,JavaScriptfirst
ResourcestoLearnWebDevelopment
1. HTMLinonevideo(CodeWithHarry)
2. HTMLCheatsheet( https://htmlcheatsheet.com/)
3. CompleteWebDevelopmentCourse( CodeWithHarry)
4. CodePenSearch( CodePen)
5. PhpTutorial( CodeWithHarry)
6. ProjectsUsingHTML,CSS,JavaScript( CodeWithHarry)
ToolseveryWebDevelopershouldknowabout
➔ UXwingforIcons
➔ PixaBayforfreeImages
➔ FreeHTML5forfreetemplates
➔ UnSplashforImageAPI
➔ JsonPlaceholderforfakeOnlineRESTAPI
➔ MoreresourcesareavailableonthisG itHubRepository