Django & Reactjs - Full Stack Development with Django and ......We Work for Students like you: If...

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




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




• 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.




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.




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




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




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




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




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




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.......@

-----------*--------------*--------------

Date post:	30-Dec-2020
Category:	Documents
Upload:	others
View:	6 times
Download:	0 times

Django & Reactjs - Full Stack Development with Django and ......We Work for Students like you: If...

Documents