Page 1
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
LeanFullStackDevelopmentwithDjango–ReactJs
WeWorkforStudentslikeyou:Ifyouwanttobecomeafullstackwebdeveloper,PythonDjango&ReactJswillbethebestChoice.Completefull-stackwebdevelopmentcoursewithPython-DjangoasbackendandReactJSinthefrontend.Alongwiththis,wewilluseaPaymentGatewayandSMSGatewayinourE-CommerceWebandOtherApplications.Eligibility:ThisOnlineTrainingProgramonReactJs-Djangoisforallstudentsandprofessionalswhowanttolearnnewskillsandwanttoachievesomethingbigintheircareer.ProgramDuration:50-60daysPerDaySession:3hoursondailybasis(Mon-Sat)Certification:1.InternshipCertificatefromE-CellIITKharagpur2.ProjectCompletionCertificatefromTechSim+Projects:4DifferentProjectsModeofTraining:OnlineLiveInstructor(Mr.PrateekMishra)basedTrainingwithProjects(It'sNOTrecordedsession)Full-Stackwebdevelopmentisreallyhighindemandandinthiscourse,wearegoingtoworkontwomostpopularprogramminglanguagestogether,Python-DjangoandReactJs.WewillstartbyLearningBasicofFront-Endtechnologies(HTML,CSS,Js).Afterthat,WewillstartOurCorePythonandalsoLearnBasicFundamentalofReactJs.Further,weLearnaboutAPI'sandCreateAPIwiththehelpoftheDjangoandRESTframework.AndFinally,weConnectOurReactJsfrontendwithDjango-API.Finally,wewillalsolearntointegratepaymentgatewaybothatthebackendandfrontendoftheapplication.Wewillstudythedocumentationofthepaymentgatewayandtheflowofpayments.Afterthat,wewillusetheSMSGatewayandsomeotherTools. Content:CorePython
Thisisyourfirstpartofthiscourse.HereyouwilllearnPython.PythonismostdemandingProgramminglanguageintheworld.WiththehelpofPythonwecanbuiltbasictoadvancedwebapplications.InthispartwewillcoverallbasictopicofpythonlikeDataTypes,DataStructure,ConditionalStatement,loop,functionsandothers.AfterthiswecoversomeadvancedpartofPythonlikeOops,FileHandling,ErrorHandlingandDatabase.
React & Django – Full Stack Development with React Js, Django REST API and AWS Cloud
Page 2
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
PythonBasic• HistoryOfPython• PythonFeatures• AreasOfApplicationofPython• UnderstandingMoreAboutPython• WritingyourFirstPythonProgram
PythonSyntax• ReservedWords• Multi-LineStatements• PythonInput/Output:UsingthePrintFunction• GettingInputfromUser• PythonBasicDataTypesAndVariables• WorkingWithdifferenttypesofData• Stringtypesandformatting• ProgramtofindduplicatecharactersinaString.• Programtoreverseastring
PythonDataTypes:List
• AccessingValues• BasicOperations• Indexing• Built-inFunctions&Methods• ExercisesonList• RemoveDuplicatefromLists• Programtofindtheindexofanitemofatuple• Pythonprogramtoconvertalisttoatuple• programtoconvertatupletoadictionary
MakingDecisionsIfStatements
• TheLogicalOperators• SimpleifStatement• if-elifStatement• MoreAdvancedIf
LoopControl• Count-ControlledwhileLoops• Event-ControlledwhileLoops• Usingcontinue• IntroductionToforLoops• Forloopswithfiles
Iterators• Usingiterandnext• IteratorsAndDictionaries• IntroductionToFunctionsWhy
Page 3
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
• DefiningandCallingFunctions• FunctionsWithMultipleArguments• FunctionObjects• AnonymousFunctions• Scope• UsingBuilt-InModules• User-DefinedModules
FileI/O
• ReadingKeyboardInput• OpeningandClosingFiles• openFunction• Rename,Mkdir
ClassesandObjects• Constructoranddestructor• CreatingInstanceObjects• Built-InClassAttributes• ClassInheritance• BaseOverloadingMethods• OverloadingOperators
ErrorHandling
• WhatisException• TheexceptClausewithNoExceptions• ArgumentofanException• User-DefinedExceptions
Date&Timemodule
• HowtouseTimeDeltaobject• FormattingDateandTime• Calendarmodule• Textcalendar• HTMLcalendar
SQLITE3-Database(DBMS)• CreateConnection• SQLite3Cursor• CreateDatabase• SQLite3Exceptions• Closeconnection• Sqlite3datetime
Project:InThisSection,youwillmakeoneProject.1.CompleteLoginandSignupSystemwithSqLite3Integration.
Page 4
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
FrontEndTechnologies:
Thispartisveryimportantpartforwebdevelopment-wewillstartsfromthebasicsofwebdevelopmentlikeHTMLelements,stylingtheHTMLelementswithCSS,usingnewlyintroducedfeaturesinHTML5andCSS3.WealsoworkonJavaScript.
CreatingwebpageswithHTML5• WritingHTMLcodeusingHeaderTags• Paragraphs,OrderedandUnorderedLists• Forms,Links,Tables,Iframes,Images,• TextFormatting,ImageMaps.• EncodingURL• HTML5formvalidate/novalidate,• Embeddingaudioandvideoinawebpage,draganddrop
StylingwebpagesusingCSS
• StylingofHTMLelements-text,links,listsandtables• CreatingNavigationBars• WritingMediaRules,hidevisibilityofanelement• DifferentwaystowriteCSS.• CsstextEffects.• Applyinganimations
HandlingeventswithJavaScript• JavaScriptdatatypes,variables,arrays• Creatingloopsandwritingif-elsedecisionmakingstatements• CreatingJavaScriptFunctions• Callingfunctionsonevent.• ManipulatingDOMelements
Project:Calculator-InBasicFront-EndDevelopmentSectionyouwillmakeaCompleteCalculatorwiththehelpofHTML-CSS-JS.
Page 5
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
CompleteReactJs-AdvancedFrontend• Inthissection,youwilllearnaboutReactJsfrombasictoAdvanced.Wewillstart
frombasicofReactJsandcoverallthemajortopicsofReactJs.ThisSectionismajorpartofthistrainingProgram.AndhereyouwilllearnabouttheadvancedconceptofJSforSinglepageWebApplication.
IntroductiontoReactJS• AnOverviewofReactJS• UnderstandingSinglePageAppsandMulti-PageApplications• InstallingNodeJs&ReactJS• JustReact-HelloWorld• CreateReactAppUsingcreate-react-app• TheFolderStructureofReactApplication• RunningtheappServer•
TemplatingusingJSXandComponents• WorkingwithReact.createElement• Usinglogicaloperators• Componentarchitecture• Typesofcomponents• Functional• Classbased• NestedComponents•
Workingwithstate,propsandRenderingList• Whatisastateanditssignificance• Readstateandsetstate• Passingdatatocomponentusingprops• ValidatingpropsusingpropTypes• SupplyingdefaultvaluestopropsusingdefaultProps• Usingreactkeyprop• Usingmapfunctiontoiterateonarraystogenerateelements
EventhandlinginReact
• ReacteventSystem• BasicEventHandling• BindingEventHandlers• Passingargumentstoeventhandlers• methodsasprops
StylingtheApplicationLayout• StylinginReact• InlineStyling• CSSStylesheet
Page 6
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
WorkingwithformsandContext• WhatareReactForms?• Whatisthecontext?• DifferentFormConcepts• Controlledcomponents• Uncontrolledcomponents• UsingreactrefproptogetaccesstoDOMelement• Whentousecontext• CreateContext• Context.Provider• Context.Consumer• Readingcontextinclass
Routingand*APIIntegration*
• Settingupreact-router• Understandroutinginsinglepageapplications• ConfiguringroutewithRoutecomponent• UsingSwitchcomponenttodefineroutingrules• Makingroutesdynamicusingrouteparams• RedirectroutesusingRedirectComponent• IntroductionofAPI• IntroductionofSMSGatewayAPI• APIconsumptioninReactapplicationusingFetchmethod
Project:
• 1.CompleteWeatherAppusingReactandOpenWeatherMapAPI• 2.IntegrationofSMSGatewaywithReactJs
BackendTechnology:Django
Torefreshyourmemory,backendisthelogicthatrunsonserverstoretrieveandprocessdataforthefrontendtodisplay.Thisdatacouldbestoredinandretrievedfromdatabases,orcouldbefetchedthrough3rdpartyAPIs.Thecommunicationisthroughaserver-sidelanguagelikePythonandDjango.Thissectionwilltouchuponthebasicsofeachofthesecomponents.
IntroductiontoDjangoWebFramework• WhyWebFrameworkandWhyDjango?• FeaturesofDjango• DjangoArchitecture• DjangoInstallation
CreatingAProject• CreateaProject• TheProjectStructure• SettingUpYourProject
Page 7
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
AdminInterface
• StartingtheAdminInterface• initiatethedatabase• connecttotheserver
SimpleViews
• UseHttpResponseobject• Userender• UseURLConf
URLMapping
• OrganizingYourURLs• ConnectyourURLstoviewsfunctions.• MakeDynamicUrls• SendingParameterstoViews
TemplateSystem• TheRenderFunction• DjangoTemplateLanguage• DisplayingVariables• Filters• Tags
Models–DatabaseIntegration• CreatingaModel• DefineDatabaseModels• UseModelFields• PopulateaDatabase• ModelInheritance• PrimarykeysandtheModel• LinkingModels• DynamicWebpages
FormProcessing• CreateHTMLForms• FormDisplay• ProcessFormData• Formhandling• UsingFormInaView
Sessionsandauthentication
• UsersandAuthentication• LoggingInandOut• ManagingUsers• Settingupsessions
Page 8
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
SendingEmail• send_mail()• SendingaSimpleE-mail• SendingMultipleMailswithsend_mass_mail• SendingHTMLE-mail• SendingE-mailwithAttachment
Project-MinorDuringLearningAllTopicyouWillmakeoneMinorProject.CompleteMusicPlayer-WithPlaySongs,AddNewSongs,AddNewAlbum,andLotofNewFeatures.
IntegrationofReactJsandDjangowithRESTAPI• ThisisthepointwhereyouwilllearnabouttheIntegrationofReactJs(Frontend)
withDjango(Backend).YouwilllearnabouttheCallingofAPIfrom.React.FetchdatafrombackendwiththehelpofAPI.AndyouwilllearntoControlofBackendandDatabasefromFrontend.SoitsreallyaveryImportantandInterestingSection.
React&Django-Combine2Servers• UnderstandtheWorkingStructureofReactProject• UnderstandtheWorkingStructureofDjangoProject• ConfigureDjangoprojectandconnectwithReactJs• ProvidePermissiontoaccessReactProject• StoptheReactServerandConfigthereactProject• GetrunningCompleteProjectonDjangoServer
FetchingdatafrombackendonReactJs• ConvertyourmodelsinAPIAccessible.• CreateAPIUrlsforSerializersandModels• FetchListofAlbums• FetchlistofSongsbasedonDynamicAlbum• CreateAttractiveUIforListofAlbumsandSongs• PlaytheSongs
MoreonMusicPlayerProject• CreateReactJsform• AddNewAlbumfromReactFrontend• AddNewSongsinAlbumfromReactJsfrontend• EditorDeleteAlbumfromReact• EditorDeleteSongsfromReact
ProjectInthissection,wewillupdateourPreviousProject:
1.MusicPlayer-IntegrateourpreviousMusicPlayerwithReactJstocontrolfromfrontend.2.SpotifyMusicPlayer-PlaySongsfromWebbyAPI
Page 9
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
PaymentGateway-AndMoreAdvancedTopic(FinalProject)ThisistheSecondLastSectionofthetrainingprogram.HereyouwilllearnSomeAdvancedtopicslikePaymentGateways,SMSGateway,BackendServers,andAll.AndAfterCompletingadvancedTopicwewillworkontheFinalProject.
Celery+Redis+Django:
• Gettingstartedwithcelery• DownloadRedis• Open&TestRedis:• InstallCelery+Redisinyourvirtualenv• ConfigurationinDjangoproject• Runningtheceleryworkerserver• Callingthetask• KeepingResults• Application
BackgroundTasksinPythonwithRQ
• Configuration• Createaworker• Queuingjobs• Deployment• Troubleshooting
VERSIONCONTROL(GIT)
• AboutVersionControl• WhatisGit?• TheCommandLine• InstallingGit• First-TimeGitSetup.• GettingaGitRepository• RecordingChangestotheRepository• ViewingtheCommitHistory• UndoingThings• WorkingwithRemotes• GitontheServer• DistributedGit
PaymentandSMSGateway• Understanddifferenttypesofgateways.• IntegrateSMSGatewaywithDjangoandReact• IntroductionofInstamojoandPayUMoneypaymentgateways.• IntegrationofInstamojopaymentGateway• IntegrationofPayUMoneypaymentGateway
Page 10
TechSim+ | The Symbol of Expertise Add. 3rd Floor, Kalpataru Tower, Z-2 MP Nagar Bhopal – 462011
Con – 9893762256 E-Mail – [email protected] Visit www.techsimplus.com
TechSim+ The Symbol of Expertise
Project• AfterCompletingalladvancedTopicyouwillmakeAnyOneMajorProjectbased
onyourChoice:1.E-CommerceWebsite.2.SocialMediaPlatform.3.BloggingSite.4.AdvancedManagementPlatform.5.DatingWebsite.6.FoodOrderingWeb.7...........AndNewIdeaswillbePreferred.....
AWSandDigitalOceanCloud-DeploymentofWebApp
ThisisthefinalsectionofourTrainingProgram.HereYouwilllearnaboutAWSCloudandDigitalOceanCloud.LearnaboutthebasicofDomainsandDNSservers.AndFinally,connectyourdomainwithAWSCloudoryourwebsite.
DeployWebapponAWSCloud• CreateAWSfreetrialaccount• BasicIntroductionofAWSServices• ConfigureEC2Machine• InstallallrequirementsinEC2CloudMachine• UploadOurWebProjectonAWSCloud.• TestourprojectonDynamicIP• PurchaseDomainfromgodaddy• ConnectDomainwithAWSCloud• AndGoLive....@
DeployWebapponDigitalOceanCloud• CreateaDigitalOceanAccount• IntroductionofDigitalOceanServices• CreateNewDropletandConfigure• GetOneClickInstalledDjangoApp• InstallrequirementsforReactProject• UploadOurProjectonDigitalOceanCloud• RegisterourDomainonDigitalOceanAccount• ConnectDomainwithourUploadedProject• GoLive.......@
-----------*--------------*--------------