ஹாய்ஃபிரண்ட்ஸ்வெல்கம்டட்டதமிழ்இன்னைக்குநம்மசேனலில்பார்க்கபோறவிஷயம்வந்துநர்பயன்படுத்திஎப்படிஒர�
கெட்அளிகேஷன்வந்துஅதாவதுஒருபர்சனல்ப்ராஜெக்ட்எப்படிசெய்றதுபாருங்கஒருsimpleformdesignஇதுநம்மரஜிஸ்டர�
பண்றீங்கயூசர்ஃபஸ்ட்நேமஜான்கொடுத்துட்டேன்.lastnameக்குகொடுப்போம்ஸ்டீவ்ன்னுசொல்லிக்கொடுப்போம்.ஒருemailaddressவந்துtypeபண்ணுவோம�
கொடுத்துவிட்டுஅடுத்துபாஸ்வேர்ட்.onetwothreeஎன்றுகொடுக்கிறேன்passwordஏன்disableஆககொடுத்திருக்கிறேன்என்றால்passwordவந்துஉங்களுக்க�
எப்படிhashpasswordpasswordashpasswordgenerateபண்றதுஎன்றுகாட்டிக்கிறதுக்குதான்கொடுத்திருக்கிறேன்onetwothree.பொதுவாகநாவந்துpasswordtextboxவந்துhiddenபண்ணிதான்கொடுக்கிறது.submitbuttonஐclickபண்ணஉடனேபாருங்கள்recordவந்த�
attach. Right edit button பாருங்கள். இந்த edit buttonஐ click பண்ணினால் வந்து பாருங்க பீட்டர்ங்கிறதை click பண்ணினேன்
பாருங்கஅடுத்ததுஜான்என்பதைclickபண்றநேரம்.இப்பபாருங்கeditபண்றநேரம்நீங்கஎன்னrecordaddபண்ணீங்களோஅந்தrecordsஎல்லாம்மேலேவந்துவிட்டது.பாருங்கpasswordfieldவந்துash
type ல காட்டியிருக்கிறது. நீங்க என்ன password நீங்க change பண்றதோ நீ எழுதின password ash type ல மாறும்
அதனாலதான்அதைகாட்டுறதுதான்காட்டு.இப்போவந்துநான்வந்துஎட்டுeditபண்ணுகிறdataவைவந்துeditபண்ணபோகிறேன்.இப்போதுஜானுக்குபதிலாகflaming
என்றுtypeபண்ணுவோம்.ஸ்டீவ்அப்படியேவச்சுட்டுemailaddressமட்டும்changechangeபண்ணிட்டுsubmitbuttonclickபண்ணாrecord
வந்துஇந்தtimeவந்துupdateஆகும்.andeditefficientஇப்�
பாத்தீங்கன்னாrecordவந்துupdateஆயிடுச்சுஇந்தமாதிரிalertmessageலவந்துஒருmessageboxமாதிரிdisplayஆகும்professionalapplicationgenerateபண்றது.இப்பவந்துநான்வந்துசெய்யபோறேன்.அடுத்த�
வந்துflamingபாருங்கஇப்பஅந்தrecorddeleteபண்றேன்பாருங்கdeletebuttonclickபண்ணஉடனேநம்மrecordவந்துdeleteஆயிடுச்சுஅந்தtableலோடrecorddeleteஆயிடுச்சு.இப்பஇந்தcred
application வந்து நம்ம எப்படி professionalஆ அதாவது password type ash password use பண்ணி ஒரு professional course add பண்றதுத step
by step்ப்போம். first நீங்கள் googleஇல் போயிட்டு note JS என்று சொல்லி type பண்ணினீர்கள் என்றால்
இந்தமாதிரிnotewebsiteக்குபோவோம்.இதுலவந்துnotelibraryfirstdownloadபண்ணிக்கணும்.இதுலவந்துcompletepackageவந்துmanageபண்றதுஇதுதான்.அதுலவந்துcurrentversiondownload
பண்ணிக்கங்க.அடுத்ததுgoogleலபோயிட்டுmangodownload.Mbcommitteeserverdownloadஇருக்குஇதைclickபண்ண�
இதுலவந்துmonodedownloadபண்ணிக்கலாம்.tryforfreeன்னுஇருக்கு.இதைclickபண்ணிஅவங்களோடsimpleregistrationசின்னformஒன்னுவரும்.இந்தregistrationformஇத�
பண்ணிட்டுஅவங்களுக்குdownloadபண்ணிக்கலாம்.இப்பநான்வந்துnotedownloadபண்றதுஇதுலதான்currentversionrecommendforusersஇருக்குஅதநீங்கclickபண்ணிdownload
பண்ணிக்கோங்க.இப்போMBdownloadபண்ணியதற்குஅப்புறம்பாருங்கள்MBcompassஎன்றுஇருக்கிறதுஇதைopenபண்ணுங்கள்.நான்alreadydownloadபண்ணிவிட்டேன்.நீங்கள்இந்தஇரண்டுprocessnotJSandmangoDBdownloadபண்ண�
வைத்துக்கொள்ளுங்கள்.Downloadபண்ணிநீங்கள்installபண்ணஉடனேDBவந்துcompassவந்துஉங்களுடையGioapplicationopenஆகும்.அதாவதுநீmangoinstallபண்றநேரம்ஒருவிஷயம்கேட்கும்compass
என்றுசொல்லிஒருவிஷயம்இருக்கும்.installcompassஎன்பதுஅந்தcheckboxஐenableபண்ணிக்கொள்ளவேண்டும்.இப்போதுபாருங்கள்இதுதான்உங்களுக்கானport.இதுஎன்னவென்றால்MBconnectபண்ணுகிறport
connect எதை கொடுத்தீர்கள் என்றால், But இதில் தான் வந்து mango TB இல் அவ்வளவு databaseஉம் பாருங்கள்
default ஆன database அதாவது mango TB இல் வந்து defaultஆன data base வந்து காட்டியிருக்கிறது
இந்தplibஐclickபண்ணினால்இந்தமாதிரிஒரு,Boxஒன்றுopenஆகும்.இதில்வந்துdatabasenameandcollectionஇருக்கிறது.இதில்வந்துநீங்கள்என்னdatabasecreateபண்ணபோகிறீர்களோஅந்தdatabaseஇல்பெயர்கொடுக்கவேண்டும்.அடுத்த�
collection name இருக்கிறது. இது என்னவென்றால் SQல் பொறுத்தவரையில் table create பண்ணுகிற மாதிரியே no SQல் பொறுத்தவரையில் no SQ மங்கோடுவி என்பது ஒரு no SQ database இதை பொறுத்தவரைக்கும் நமக்க�
collection என்று தான் வரும். table என்று வராது collection என்று தான் வரும். இப்போது நாம்
database வந்து ஒரு பெயரில் database create பண்ணுங்க. ஏதாவது பெயர் கொடுங்கள். வேணும் நான் BBC என்று கொடுத்திருக்கிறேன்
வேணும்என்கிறபெயரில்ஒருexampleக்குநான்கொடுத்தேன்ESTகொடுப்போம்.சும்மாஒருcompanyபெயர்கொடுக்கிறேன்.அடுத்ததுவந்து,இந்�
company ல யாரு இருப்ப employees இருப்பார்கள். Employees எல்லாம் வந்து tables ல வந்து நம்ம பதிவு செய்வோம்
employees என்று சொல்லிக் கொடுக்கிறேன். collection table மங்கோடி table வந்து collection வந்து table database வந்து E table வந்து collection
இந்தமாதிரிநாங்கprofessionalகொடுத்திருக்கிறேன்.employeesகொடுத்திருக்கிறேன்.createdatabaseஇதுவந்துdatabasenameஅதுக்குகீழேஉள்ளதுவந்துtable
அதாவதுcollectionஇதுஇரண்டையும்நீங்ககவனமாககொடுத்துக்கணும்.இதுதான்உங்கdatabaseஇதுலதான்உங்களோடprojectதான்உங்களோடdatastoreஆகபோகுதுஇந்�
database create database buttonஐ click பண்ணினால் உங்க data base வந்து create ஆகிவிட்டது
இப்போcreateபண்ணdatabaseநீங்கபார்க்கலாம்இருந்தாஇதெல்லாம்createஆனdatabases.GSTஎன்றுபாருங்கள்.employeesdatabase
create ஆயிருக்கு. right இப்போது இந்த database tableஇல் வந்து ஒரு data வும் இல்லை
அதனால்நாம்காட்டுவதில்லை.dataஇருந்ததுஎன்றால்உங்களுக்குவந்துஅதுவந்துJSNformatஇல்dataவந்துviewபண்ணிபார்க்கலாம்.இப்போதுnoiseகீழேபொறுத்தஎல்லாமேJSNஇல்தான்viewபண்ணிபார்க்கிறது.இப்போத�
நாம்googleஇல்போயிட்டுfirstஎன்னபண்ணப்போகிறோம்என்றால்நாம்அடுத்துநாம்editorவந்துஇருக்கு.இந்தcodesஎழுதுவதற்குnocodeஎழுதுவதற்குஅதுVScodedownloadஎன்றுகொடுத்துவிட்டுஇந்�
இதுதான்.இதுஇந்தsideஐclickபண்ணுங்கள்.Clickபண்ணினால்அந்தsideக்குredirectஆகும்.Rightஆகிஇந்தsoftwareவந்துநீங்�
install பண்ணிக்கிறீங்க BS code editor professional codes எழுதுவதற்கு பயன்படுத்துற ஒரு editor வந்து இது எழுதுறதுக்கு. இப்ப நம்ம E drive ல ஒர�
folder ஒன்னு create பண்ணிக்குவோம் new project நீ வேண்டும் என்கிற பெயரில் project create பண்ணிக்கங்க
create பண்ணதுக்கு அப்புறம் இப்ப பாருங்க மேல உள்ள address barல CMD என்று type பண்ணிட்டு
இல்லநம்மநோட்லவந்துப்ராஜெக்ட்வந்துநோட்ஸ்ப்ராஜெக்ட்கிரியேட்பண்ணபோறோம்.அதாவதுநம்மபேக்லவந்துசெய்யபோறோம்ஃபஸ்ட்அடுத்ததுநம்மவந்துfrontபண்ணுவோம்அப்ப�
கொடுக்கறோம்.கொடுத்துட்டாஇப்பபாருங்கnoteலவந்துபாருங்கஇனிஇந்தஇதுஎல்லாம்feelபண்ணதேவையில்லைஅவfeelபண்ணனும்னாfeelபண்ணுங்க.ஆனால�
என்னைபொறுத்தவரைக்கும்தேவையில்லைfeelபண்ணுenterenterenterபண்ணிட்டுபோனீங்கனாகடைசிலவந்துஇந்த,PackagedotJSfileஐவந்துcreateபண்ணவேண்டுமாஎன்றுகேட்கும்.இல்லைyesஎன்றுகொடுத்தீர்கள்என்றால்அந்தpackagedotJS
file வந்து create ஆகிவிட்டது. இதுதான் வந்து main வந்து libraries include பண்றது. CMD அடிச்சு எங்கனா கோட் Space
dot என்று அடித்தீர்கள் என்றால் complete package case file வந்து VS code editorக்கு வந்து இந்த மாதிரி ஒன்று ஆகிவிடும்
பாருங்கள்openஆகிவிட்டது.ரொம்பeasyஆகopenஆகிவிட்டது.இவ்வளவுதான்நீங்கள்செய்யவேண்டியவிஷயம்.packagedotJSNclickபண்ணினீர்கள்என்றால்இதுதான்வந்துஎல்லாdependencies.இப்போநம்மnormalஆகவந்துஒருblankஆகதான�
எடுத்திருக்கிறோம்packagedotJSNஒன்றுமேநம்மஇன்னொருdependencyஒன்றுமேinstallபண்ணஆரம்பிக்கவில்லை.இப்படிதான்packagedotJSNவந்துஅமைந்திருக்கும்.இத�
தான்வந்துnoteவந்துfirstpackageதான்mainஆனஒருfilepackagedotJSNதான்.இதில்தான்நமக்கானlibraries,dependenciesஎல்லாமேஇதுலதான்வரும்.developmentdependenciespackagesஎல்லாமேinstallபண்றத�
இந்தpackageஇந்தfileவந்துveryimportantfilefileவந்துfirstவந்துபடிக்கணும்.அடுத்ததுநாம்இரண்டாவதுவிஷயம்பார்க்கப்போகிறோம�
நமக்கானserverserverஎன்னவென்றால்MPMexpressஎன்றுநீங்கள்googleஇல்typeபண்ணினீர்கள்என்றால்,இந்தexpressஇதைclickபண்ணிட்ட�
note a server download பண்ணிக்கங்க. இதை install பண்ணுவதற்கு உங்களோட package managementல் நீங்க install பண்ணுவதற்கு NPMI
express இதை இதை பார்த்தீர்கள் என்றால் இதை எப்படி define பண்ணுவது, எப்படி நீங்க இந்த code work பண்றது எல்லாம் உங்களுக்கு instruction கொடுத்திருக்கிறார்கள்
Right இப்போ நாளே எழுதி பார்ப்போம் அந்த code வந்து எப்படி எழுதுவது. அப்ப தான் நமக்கு வந்து அதை copy and paste பண்றத விட உங்களுக்கு easyஆக இருக்கும் அதை எழுத�
பார்ப்பதற்கு.இப்போnownewterminalஆகிடுச்சு.இப்பநம்மஅந்தcopyபண்ணிபோடலாம்.இல்லையென்றால்நான்வந்துஎழுதுகிறேன்.MPMI,I
install, install ன்னு எழுதலாம். I ன்னு கொடுத்தீங்கன்னா short form of install. paint பண்ணீங்கன்னா அவங்களோட express server வந்து install பண்ண ஆரம்பிக்கும்
express server தான் நமக்கான இல்ல நம்ம வந்து portல இருந்து எல்லாமே run பண்றது எல்லாமே fullஆக express தான்
node பொறுத்தவரையில இப்ப பாத்தீங்கன்னா express download பண்ண உடனே பாருங்க உங்களுக்கு node modules folder ஒன்னு create ஆயிடுச்சு
not modules folder create ஆயிடுச்சு. node modules folder ஒன்னு create ஆயிடுச்சு. database MM
மங்களூர்.இந்தmangusஎன்கிறlibraryஇல்தான்நம்முடையmangoDBdatabaseவந்துஅமைந்திருக்கும்.இந்தmangoinstallபண்ணுவதற்கும்MPM
mangus இருக்கு. இதை copy பண்ணிக்கொண்ட வந்து நம்மோட terminalல் போயிட்டு, நம்ம face பண்ணிட்டு என்ன பண்ணனும்னா நம்மோட MV database
install பண்ண ஆரம்பிக்கும். இந்த மாதிரி நம்ம இன்ஸ்டால் பண்ணிக்கிறது விஷயங்கள் reinstall பண்ண வரைக்கும் நீங்க கொஞ்சம் wait பண்ணனும்
reinstall பண்ண வரைக்கும். இந்த இதை வைத்து தான் நம்ம databaseஇல் வந்து mango TB யும் நம்ம கிட்ட expressஐ connect பண்றது வந்து இதுல தான்
express தான் நம்மிடம் server serverஐ விட mango TB connect பண்ணுவது இதுல connect பண்ணனும்
mango servero database இது வந்து install ஆகிவிட்டது. Mango class இப்போ வந்து இதை வந்து நம்ம நம்ம project க்கு வந்து சேர்த்துக்கலாம்
நம்மpackageலபார்த்தீங்கன்னாஉங்களுக்குபாருங்கextradependenfolderலபாருங்கexpressanddependenciesவந்துநமக்குinstallஆகியிருக்கு.package
நீங்கபார்த்துக்கலாம்எந்தெந்தdependenciesinstallபண்ணியிருக்கீங்கpackageஅதனாலமுக்கியமானஒருfile.ஓகேஇந்தஃபைல்தான்முக்கியமானஃபைல்என்னென்�
dependencies இருக்கு எல்லாமே இந்த fileல பார்த்துக்கலாம். அடுத்தது நம்ம பண்ண போறோம். அடுத்த விஷயம் ஒரு file ஒன்னு நான் வந்து create பண்ண போறேன்
அந்தfileserverdotன்னுகொடுக்கபோறேன்.இதுதான்நமக்கானமின்சவர்இதுலதான்நமக்கானபோர்ட்,databaseconnectivityஎல்லாமேஇந்தபைதான்செய்யபோறோம்.இப்ப�
first வந்து நம்ம இந்த server run பண்றதுக்கு வந்து நம்ம என்ன பண்ண போறோம்னா express library implement பண்ணனும்
எப்படிimplementபண்றதுனாwarன்னுஅடிச்சுexpressequalratன்னுசொல்லிட்டுஅந்தlibraryinstallபண்ணexpress
library இதுல வந்து. Right Experimental life
லயேtypeபண்ணு.அடுத்தவிஷயம்நீங்கபண்ணப்போறதுவந்துஇரண்டாவதுவிஷயம்.serveequalஇங்�
வந்துexpresscallபண்றங்கequalexpressஇதவந்துஇங்கேinclementinclementபண்ணிங்கனாநான்servervariableஒன்ன�
create பண்ணிட்டு நம்ம express library கொண்டு வந்து நம்ம serverக்கு equal பண்ணிட்டேன் பண்ணிட்டேன்
இப்பserverலதான்நமக்கானexpresscompletelibraryserverobjectலகிடைக்கும்serverdotlistenஅந்தserverவந்துrun
பண்றதுக்குஒருபோர்டஒன்னுdefineபண்ணபோறோம்.அதவந்துஎட்டாயிரம்கொடுத்துருக்கேன்.நீங்கவேணுங்கறஒருportnumberகொடுக்கலாம்ஏழாயிரம்கொடுக்கலாம்ஏழாயிரத்துஐம்பதுஎட்டாவத�
உங்களுக்குபுடிச்சிருந்தஎதாவதுகுடுங்க.அதாவதுfourdigitடுங்கநாலுஇதுலஇருந்துநாமகொடுக்குறதுஅதுலகொடுங்க.இப்பஅந்தportவந்துworkபண்ணுமாஇல்லையான்னுcheckபண்றதுக்குஒர�
function ஒன்னு create பண்ணுவோம். அந்த function வந்து function error உள்ளுக்கு ஒரு error ன்னு சொல்லி குடுத்துருக்கீங்கன்னு
இதுலவந்துநாcheckபண்ணுவோம்.இந்தportலஏதாவதுproblemஇருக்காஇல்லையான்னுfirstவந்துerrorஆஇருந்துச்சுனாநம்மconsoleprintபண்ணிகாட்டசொல்லுவோம்errorன்ன�
அப்படிerrorஇல்லனாகீழேவந்துநமக்குportconnectedன்னுவரணும்.இந்தconsolelockerகீழேகொடுத்துவிட்டுஎங்கண்ணாstartedன்ன�
வரணும்.இந்தவிஷயத்தைநீங்கபண்ணுங்க.இப்படிதான்நம்மportவந்துconnectபண்றோம்.இப்பஇந்தfunctionகொண்டுபோயிட்டு,இதைஅப்படியேcopyபண்ணிcut
பண்ணிட்டுநம்மஇந்தserverportconnectingக்குஅப்புறம்pasteபண்ணபோறோம்.commaபோட்டுஇந்தfunctionஅப்படியேcutபண்ணிகீழேகொண்டுபோயிட்டுஅங்கபோடுறோம�
இப்பநீங்கஉள்ளுக்குஇப்படிஎழுதிகாட்டனாஉங்களுக்குகஷ்டமாஇருக்கும்.இதுஎன்னஎவ்வளவுகஷ்டமாஇருக்குன்னுஅதனாலதான்வெளியிலஎழுதிட்டுகொண்டுபோயிட்டுஅதpasteபண்ணு.இப்படிதான்நம்மfunctionஒன்னுcreate
பண்றதுnonGஇந்தfunctionarrowfunctionஆகமாற்றலாம்.அதைவந்துநம்மகொஞ்சம்advanceஆகபார்க்கணும்என்றுபார்ப்போம்.இப்பஇதைrunபண்ணிபாக்குறதுக்குno
js project no server dot js அதாவது server dot js தான் நம்மோட file அதை run பண்ணா run ஆகுதில்ல ஏன்னா ஆ
இதுவந்துserverசொல்லிஇன்னொருlineஒன்னுஎழுதணும்.அதஎழுதலாம்என்றுநினைக்கிறேன்.எங்கஎன்னஒருபிரச்சனைஇருக்கு.எக்ஸ்பிரஸ�
இம்ப்ளிமென்ட்பண்ணியாச்சு,ரைட்சர்வர்லிசன்போட்டகொடுத்தாச்சு.எழுதணும்திரும்பserverஇங்�
வந்துநம்மயூஸ்நம்மோடexpressஎழுதிஎக்ஸ்பிரஸ்தான்நம்மசர்வர்.JSNJSN
format ல தான் நமக்கு எல்லா விஷயமும் வந்து நமக்கு work ஆகும். இந்த இப்ப நம்ம பண்ணோம்னா திரும்ப run பண்ணோம்னா project இப்ப பாருங்க start வந்துச்சு
என்னாவதுchangesபண்ணீங்கன்னாfilesaveஆகும்னுகொடுங்கஅப்படினாதான்saveஆகும்.சும்மாrunபண்ணாrunஆகாதுfilesaveஆகும்னுஎந்தchangesநீங்கபண்ணீங்கனாலும்file
save ஆ கொடுத்துவிட்டு run பண்ணுங்க. program ப்ளோஸ் பண்ணி ரன் பண்றதுக்கு வந்து control C அடிச்சிங்கன்னா நீங்க ரன் பண்ற program வந்து குளோஸ் ஆயிடுவா திரும்ப ரன் பண்றதுக்கு நீங்�
திரும்பஅந்தகமாண்டtypeபண்ணனும்.அவ்வளவுதான்இதுதான்போர்ட்எஎட்டாயிரம்போர்ட்லதான்நம்மசர்வர்ரன்ஆகுத�
பார்த்தவிஷயம்நம்மவந்துdatabasedatabaseimplementபண்ணுவதற்குவந்துநாம்என்னபண்ணபோகிறோம்என்றால்warமாங்கோஸ்equal
இதுஅந்தlibraryஇதேன்னுசொல்லிஇதேcopyபண்ணிபோட்டுஇதைமாத்திரைஎன்னன்னாமக்குமாத்திரை.இதுவந்துஇந்தஇத�
வேணாம்ன்னுஇதேஇதைcopyபண்ணிபோடுறேன்.இதைவந்துநீங்கspellingmistakeவிட்டீங்கன்னாworkபண்ணாது.சரியாசரியாஅந்தspellingmistakeஇல்லாமபோடுங்க.நீங்�
copy பண்ணி paste பண்ணாலும் சரியா paste பண்ணுங்க. ஏதாவது இப்ப இந்த Moos library ல வந்து ஒரு object ஒன்னு create பண்ணினேன் மஸ்ன்னு சொல்லி
இந்தூஸ்objectலவந்துdatabaseconnectபண்ணபோறோம்.அப்போconnectன்னுஒருmethodஇருக்கு.மலவந்துconnectன்னுஒருfunctionஒன்னுஇருக்கு.அந்தfunctionக்குவந்துநம்மமோடிபிconnectionவந்துஎழுதுறோம்.இப்ப�
மோடிபிconnectionஎழுதுறநேரம்மோடிஅந்தமாதிரிதான்எழுதணும்.நான்சும்மாஎழுதிநீங்கஎழுதுறதஎப்படிஎழுதுனாஇந்தமாதிரிதான்எழுதணும்.நான்எழுதுவதைசும்மாகாட்டுறேன்உங்களுக்க�
slash slash local los right இப்படி எழுதுறது உங்களுக்கு கஷ்டம். அதனால உங்களோட மோடிபி compass க்கு போங்க போயிட்டு இதுல பாருங்க உங்களுக்கான UR
கொடுத்திருப்பாங்க.இப்பconnectnewconnectionகொடுப்போமே.அதுconnectபண்ணிதானேஇருக்கு.இப்பconnectபண்ணனும்முதலconnectபண்ணினேன்உங்களுக்குஒருconnectionஒன்னுவந்துச்சு.அந்தconnectionநீங்கஎங்காவதுpasteபண்ணினீங்கன்ன�
லேசு.இப்பnewconnectionஒன்னுநீங்கஇதுபண்றா.இதான்connectivity.இதவந்துநீங்ககொஞ்சம்அங்கaddபண்ணணும்.அவ்ளோதான�
இப்படிதான்வந்துconnectivityconnectபண்ணுவது.slashஅடிச்சுநீங்கள்என்னdatabasecreateபண்ணினீர்களோஅந்தdatabaseஇல்.இப்போதுஎன்னdatabasecreateபண்ணினீர்கள்.ESTdatabase
EST ன்னு குடுங்க. அவ்வளவுதான் அவ்வளவு தான் type பண்ண வேண்டிய விஷயம். மின கோலம் அடிச்சிட்டு இப்�
நமக்குcheckபண்ணபோறோம்.MangoDBவந்துconnectஆகிருக்காஇல்லையான்னுcheckபண்றதுநம்மuseபண்றதுஎன்னifஒருfunctionuseபண்ணிசெய்வோம்முதலமாதிரி.அத�
மாதிரிதான்functionஒன்னுcreateபண்ணுவோம்.checkன்னுசொல்லி,அதாவதுcheckDBஅதாவதுஉங்களோடdatabaseconnectivityவந்துசரியாஇல்லையான்னுcheckபண்றது.ifன்னுநினைச்ச�
அதற்குள்ளேerrorன்னுசொல்லிஒருfunctionஒன்னுநமக்குகொடுப்பாங்க.errorஎன்றுசொல்லிக்கொடுத்துவிட்டு,இதுக்குள்ளஉங்களுக்குmangoTBworkபண்ணாட்டுஇதேcopyபண்ணிபோடுவோம்.உங்களுக்குerrorஎதவந்த�
உங்களுக்குவந்துthrowபண்ணும்.workபண்ணாconnectedன்னுவரும்.இப்பநான்வந்துservererrorஇங்கநம்மமாத்திக்கோம்DBconnector.type
பண்ணனும்DBcorrect.அவ்ளோதான்அவ்வளவுதான்நீங்கள்செய்யபோறீங்கஇவ்வளவுதான�
இப்போஇதவந்துஇதுக்குள்ளஇந்தfunctionமுதல்லமாதிரியேfaceபண்ண.இப்பஇதவந்தீங்கன்னாஇந்�
மாதிரிபோட்டுட்டுbracketஒன்னுபோட்டுட்டுஇப்பஇதுக்குள்ளcommaபோட்டுஇரண்டுவிஷயம்நீங்கள்போடவேண்டும்.இதுவந்துநமக்குதேவையானdatabaseconnectபண்ணிuserpassஇதுவும�
இந்தஇது.இந்தஇரண்டுஇதைநீங்கள்callபண்ணுங்கள்.இதுதான்நம்மconnectivityக்குவந்துஎந்தproblemமும்இல்லconnectபண்ணுவதற்குவந்துஏதாவதுஇதுஇரண்டையும்use
பண்ணவேண்டும்.usenewproveபண்ணவேண்டும்.useunifiedtechnologytrueபண்ணிஇதுஇரண்டையும்proofபண்ணனும்பண்ணிட்டுஇதுவந்துஒருbracketகுள்ளஇந்தமாதிரிஎழுதிக்கணும்.அதாவத�
உங்கdatabaseக்குஅப்புறம்comஅடித்துopenbracketandclosebracketபோட்டுஅதற்குள்ளேஇதைpasteபண்ணிட்டுகமாஅடித்துஇந்தfunctionபாருங்கள்.இந்தஇரண்டையும�
கவனமாகஇந்தமாதிரிவேண்டும்.இவ்வளவுதான்நீங்கள்செய்யப்போகிறீர்கள்.இப்பநான்filesaveஆகொடுத்துரன்பண்ணிபார்ப்போம�
கட்ரோல்அடிச்சுட்டுஸ்டாப்பண்ணுங்கசர்வகீபோர்ட்லcontrolpluscதிரும்பரன்பண்ணனும்னா,பாருங்�
ஒருerrorவந்தது.அதாவதுமோடிநம்மconnectivityலஒருerrorவந்திருக்கிறது.serverstartஆகிவிட்டது.databaseconnectivityலஒருerrordatabaseconnectivityசரியாகஇருந்தால்DB
connected என்று வரும். ஏனென்றால் இந்த மாதிரி error காமித்து காண்பித்து செய்தால் தான் உங்களுக்கு விளங்கும்
என்னென்றால்நீங்கள்errorஇல்லாமல்programஎழுதிட்டுபோனோம்னாஉங்களுக்குவந்துநீங்கள்ஒருerrorஎன்னைக்குகண்டித்தர்கள்பார்த்தீங்கன்னாfunctionலerrorஎன்றுசொல்லிநாங்கஎழுதவில்லை.இந்தfunctionலவந்துerrorஎன்றுசொல்லிஎழுதவில்லை.check
TB error என்று சொல்லி எழுதியதை define பண்ண save ஆ கொடுத்து திரும்ப run பண்ணிக் காட்டுகிறேன்
அதான்mentionபண்ணியிருக்கிறார்கள்.errorisnotdefinedஇந்தstartedTBconnectorஇரண்டும்.Right?இ�
வந்துநீங்கசரியாசொல்லிக்கஅவ்வளவுதான்.இப்பவந்துஉங்களோடserverstartஆயிடுச்சு,databaseconnectivityயும்connect
ஆயிடுச்சு,உங்களுக்குவந்துmessageஎடுத்துட்டீங்க.அடுத்தவனஎன்னபண்ணபோறீங்கஒருfolderஒன்னுபோட்டுநம்மfirstஎழுதபோறோம்ஒருfoldercreateபண்றfolderroutsன்னுசொல்லிஒருfolderஒன்னுcreateபண்ணபோறோம்.first
folder இந்த folder ல தான் நம்ம routs வந்து manage பண்ணப்போறோம் இந்த folder ல தான்
இப்பroutsfolderfileஒன்னுcreateபண்ணபோறோம்routsன்னுசொல்லிஒருfileஒன்னுcreateபண்ணப்போறோம்routs.இந்தfileலவந்துallroutesவந்துஇதுலதான்managementபண்ணப்போகிறோம்.இப்போத�
வந்துஇதில்வந்துநான்என்னஎழுதப்போகிறேன்என்றால்,முதல்லexpressவரகொண்டுவந்த�
இதில்போடணும்.ஏன்னாexpressserverதான்முக்கியமானவிஷயம்.அதைவந்துமுதலimplementபண்ணேன்routes.எல்லாroutesஇதலதான்பண்ணும்.அதாவதுஇந்தURLtypeபண்ணினால�
இந்தpageக்குபோங்க.இந்தURLtypeபண்ணாஇந்தpageக்குபோங்க.அப்போவலியுறுத்திக்கூறுவதுவந்துஇந்தpageலதான்.இப்போconceptசொல்லிconfront
variable create பண்ணுவோம். routs சொல்லி routs வந்து செய்கிற நேரம் நம்ம வந்து confront variable create பண்ணுவோம்
variable மூன்று டைப்ப நாம பார்த்தோம் கிரியேட் பண்ண போறோம். dot expressou இது�
தான்நமக்கானrouexpressobjectலவந்துrouterன்னுஒருclassஎடுத்துவிட்டோம்.இப்பrouterclassலவந்துஒருobjectroutercreateபண்ணிட்டுஅதோடproperty
என்னrouterrouterன்னுஎடுத்துட்டுஇதுக்குள்ளநம்மroumentionபண்ணுவோம்.இப்பநமக்குவந்துURLவந்துஒருத்தர்typeபண்ணினார்என்றால்slashuser
slash Get on get on பண்ணார்னா நமக்கு போகணும் எங்கன�
G controlல இந்த மாதிரி ஒரு request வந்துச்சுனா இந்த கரோலுக்கு போங்க. ஆனால் அந்த கரோலுக்கு போனால் மட்டும் பத்தாத�
அந்தகண்ட்ரோஒருmethodஇருக்குபாருங்க.டேட்டாஎழுதுவோம�
data connect control control F function இந்த மாதிரி URL
user type பண்ணார்னா உங்களோட இதுல browser ல உங்களுக்கு எங்க போகணும். இந்த page க்கு போகணும்
control ல உள்ள data control ல function க்கு போகணும். அததான் நான் சொல்லிருக்கேன்
இப்பநான்வந்துserverலவந்துroucreateபண்ணிமுடிச்சுனேserverலவந்துrouimplementபண்ணிக்கிறோம்.இப்பserverலவந்துநமக்குவந்துrouபார்த்துநாமகொடுக்கிறோம்.ரவ�
வந்துகொடுக்குறநேரம்அதரவுவந்துஎங்கஇருக்குது.இங்கவந்துநம்மகொடுக்கப்போறோம்.slashநம்மfolderலஇருந்துஎங்கஇருக்க�
நம்மfolderலslashஅடிச்சிட்டுroutsfolderலslashநமக்கானroudotjsfileஇருக்கு.அதபார்த்த�
கொடுக்கணும்.பார்த்தாகொடுத்தவுடனேதான்அவங்களுக்குவந்துrunபண்ணணும்.இப்பஇந்தமாதிரிகொடுத்துக்கணும்.அவ்வளவுதான்கொடுக்கப்போறீங்கroule.crowdsfolder
லவந்துஅவ்வளவுதான்.dotகொடுங்க.அதாவதுdotஎன்றால்currentdirectoryலஇருந்துநம்�
ஒருfolderஉள்ளுக்குபோயிட்டுஅந்தfileaccessபண்ணுவதற்கானபாத்திரங்கள்கொடுத்திருக்கிறேன்.இப்போஅந்தserverலஇருந்துrouterfolderfolderக்குபோயிட்டுநமக்குவந்துஇப்�
இந்தமாதிரிpartவந்துworkபண்ணோம்.Routesfolderslashroutesfolderலஎன்னஇருக்குroutesfileஇருக்கு.அதான்நான்mentionபண்ணியிருக்கேன்பார்த்தேன்.இதைசரியாநீங்கவந்துபுரிஞ்சுக்கணும�
இதுரொம்பமுக்கியமானவிஷயம்புரிஞ்சுக்கஇதைநீங்கபடிச்சுக்கங்க.serverserverகுள்ளரவுட்.But
இதைவந்துநீங்கள்படித்துக்கொள்ளவேண்டும்.serverdotjsபாருங்கserverdotjsஎங்கஇருக்குதுன்னுஅதுலஇருந்துஅதுலஇருந்துrouts
folder குள்ள போயிட்டு உங்களுக்கு வந்து router file access பண்ணுங்க. அப்போ இந்த மாதிரி எழுதிக்கிறீங்க
இதுவந்துரொம்பமுக்கியம்.இந்தபாஎல்லாம்கொடுப்பதற்குசரியாகஇதைபடிச்சுக்கங்க.Rightserverconnectபண்ணிநீங்கஇந்தprojectrunபண்றநேரம்உங்களுக்க�
வந்துநீங்கஎன்னURtypeபண்ணீங்களோஅந்தroutsfolderலபோயிட்டுஉங்களுக்குஅதுவந்துworkபண்ணும்.இப்பஎங்கண்ணவந்துspaceஎல்லாம்இருந்துச்சுனாஅதெல்லாம்remove
பண்ணிட்டுserverக்குவந்துrouterவந்துimplementபண்ணுவோம்.serverdotrouterroutermethoduseஇங்கநான்வந்த�
நம்மcreateபண்ணrouroufileஅதைcopyபண்ணி,இங்கனபோடுறோம்.அவ்வளவுதான்நம்மsetபண்ணிட்டோம்setபண்ணதுக்குஒருobjectகொடுத்திருக்கோம்.அந்தobjectவந்துபோட்டீங்கன்னாஉங்�
routes server run பண்ற நேரம் உங்க routes run பண்ண ஆரம்பிக்கும். server ஓட என்னென்ன run ஆகுது
routes run ஆகுது, DB run ஆகுது and port run ஆகுது. மூன்று விஷயம் run ஆகுது
கைOkayஇதைவந்துbasicஆவந்துதெரிந்துகொள்ளவேண்டியவிஷயம்.அடுத்துவந்துconstantconstantvariablecreateபண்ணுவோம்.CROS
இதுஎன்னத்துக்குuseபண்றோம்னாநம்மfrontendடோடbackendconnectபண்றதுக்குவந்துஇந்தlibraryநாமபோடணும்அப்படினாதான்வந்துfront
end back end connect பண்ண முடியும். இல்லாட்டி அது வந்து உங்களுக்கு வந்து allow பண்ணாது ஏன் இந்த library கொடுத்துருக்கோம்னா நம்ம security purposeக்கு தான் அவங்க declare பண்ணிருக்காங்க
இதேஉங்களோடserverராஇருந்தாதான்runபண்றமாதிரிசெஞ்சிருக்காங்க.இப்பஇந்தlibraryinstallபண்ணிக்குவோம்.MMinstallCROSன்னுஅடிச்சோம்னாஇந்தlibrary
வந்துஇதுலவந்துinstallபண்ணஆரம்பிக்கும்.இப்பinstallபண்ணிடுச்சுபாத்திங்கஅதுக்குஅப்புறம்இந்தclassவந்துமேலdefineபண்ணுங்க.அவ்வளவுதான்.நீங்கமுதல்லlibraryinstallபண்ணிட்டுdefine
பண்ணுங்கநான்வந்துமாத்திசெஞ்சுட்டேன்நீங்கinstallபண்ணிட்டுஅதைdefineபண்ணுங்க.இப்பஇங்கநான்வந்துserverdotயோஸ�
இங்கநான்வந்துஅந்தlibraryகொடுக்குறேன்அவ்வளவுதான்.இப்பஉங்களுக்கானfrontandbackendconnectபண்றதுக்கானlibrary
add பண்ணிட்டோம். ஏன் இத பிறகு front end படிக்கிறன்னு சொல்லி தரலாம் இப்படி கொடுக்குறது லேசா இருக்கும் உங்களுக்கு இப்ப வந்து இப்படி ஒரு request வந்துச்சுனா use
control ல வந்து data controller க்கு போகணும். bye. இப்ப நான் என்ன பண்ண போறேனா இப்ப வந்து ரவுட்ட தான் செய்ய போறோம்
ரவுட்டலவந்துநம்மசொல்லிட்டோம்userலவந்துgetallfunctionக்குபோன்னுஒருrequestவந்துச்சுனாusercontrolக்குபோகசொல்லிஅப்போஇங்�
வந்துSRCனுஒருphotoஒன்னுcreateபண்ணிSRCகுள்ளஇன்னொருphotoஒன்னுcreateபண்ணபோறேன்userஇந்தமாதிரிதான்noteலphotostructureவந்துஇப்படிதான்இருக்கும்இது�
வந்துநான்வந்துroutsfoldercreateபண்ணிட்டேன்நான்deleteபண்றேன்routsfolderகுள்ளபோயிட்டுSRCfoldercreateபண்ணகூடாதுdoubtcreateபண்ணுrightclickபண்ணிnewfolder
ஒன்னுகொடுத்துஇங்கநம்மcreateபண்ணிக்கிறோம்நம்மோடfolderSRCன்னுகுடுத்துட்டுஇங்கவந்துrightclickபண்ணிnewfolderன்னுகுடுத்துட்டுஇப்பஇங்கநாமகொடுக்குறfolderuserfolder
எஸ்யூசர்ன்னுஒருபோல்டர்கிரியேட்பண்ணிருக்கோம்.இந்தஃபோல்டருக்குள்ளநியூஃபைல்ஒன்னுகொடுத்துட்டுபோறோம்யூசர்கண்ட்ரோலர்குடுக்கபோறோம்எழுதிட்ட�
இப்பஇன்னொருஃபைல்ஒன்னுகிரியேட்பண்ணபோறோம்இதுuserserviceஎன்றுசொல்லிஇன்னொருfileஒன்றுcreateபண்ணப்போகிறோம்.userserviceஎன்றுசொல்லிஇன்னொருfilecreateபண்ணப்போகிறோம்.இப்போத�
இரண்டுfileமூன்றாவதுfileவந்துusermodelஎன்றுசொல்லிcreateபண்ணப்போகிறோம்.இதுதான்modelviewarchitectureஅதாவதுMPCpatternஇல்தான்நாம்செய்யபோகிறோம்.usercontroller
user model and service என்று சொல்லி மூன்று file create பண்ணிவிட்டோம். Use folderஇல் பற்றி இந்த மாதிரி create பண்ணிக்கொள்கிறீர்கள்
அடுத்ததுஎன்னபண்ணபோகிறோம்என்றால்இதுமூன்றுfilecreateபண்ணிவிட்டோம்மூன்றுdifferentஆனfileஐவந்துஎன்னதுஎன்னதுroutesஅடுத்ததுவந்துusercontrolleruserserviceandmodelஇப்�
நமக்குவந்துusercontrolrequestவந்தால்usercontrollergetdatacontrolfunctionக்குபோகணும்.இப்பusercontrollerக்குபோகுது.step
by step இப்படி தான் படிக்கிறது. First routsஐ create பண்ணிவிட்டோம். அடுத்தது controller controllerஇல் வந்து இந்த method copy பண்ணி paste பண்ணிக்கொள்கிறேன்
உங்களுக்குவிளங்கப்படுத்துகிறேன்.இப்போதுஎல்லாவற்றையும்நான்எழுதிசொல்லபோனோம்என்றால்உங்களுக்குlateஆகும்இந்தprojectஐமுடிப்பதற்குகிட்டத்தட்டஒருநான்குhourக்குமேலபோகும்.இப்போதுபாருங்கள�
war என்று சொல்லி ஒரு function ஒன்று எழுதி get data controller F one இது தான் நான் வந்து அங்கே வந்து எழுதின function எல்லாம் routesஇல் அதாவது இப்படி ஒர�
UR request வந்தது என்றால் இந்த functionக்கு போங்கள் அப்படி என்று. Right இந்த route ல பாருங்க user controller ல போயிட்டு get data controller slash
user get request வந்தது என்றால் இந்த user controller get data controller get data control functionக்கு போங்கள்
போயிட்டுஅந்தrequestஎடுத்துவிட்டுrequestREQRSஎடுத்துவிட்டுஇங்கஒருvariablecreateபண்றேன்loyee.variable
employee ன்னு ஒரு variable create பண்றேன். employee variable get function க்கு போயிடுச்ச�
இப்பநமக்குவந்துஎன்னrequestதான்வருது.assignஇதுபோட்டுக்கங்க.போட்டாavoidபோடணும்.போட்டாavoidபோடணும்.இதுதான்ஒருrequestமுடிஞ்சாதான்இன்னொருrequestவரும்.அப்படித்தான்.அத�
request வந்து நம்ம வந்து manage பண்றது தான் assign and avoid போடுறது function
இப்பநமக்குவந்துச்சுஎங்கgetfunctionலபோயிட்டுrequestஒன்னுவந்துடுச்சுநமக்கு.இந்தrequestஎன்னபண்ணனும்நாமresponsesendபண்ணனும்.அப்பவலemployee
variable avoid user service க்கு நாம வந்த request pass பண்றோம் எங்க. user service ன்னு சொல்லி ஒரு Pe
ஒன்றுcreateபண்ணிஅதிலேயும்பாருங்கள்getdatafromtheservicedataவைவந்துநாம்getபண்ணுவதற்குவந்துஅந்தuserserviceக்குவந்துpass
பண்ணுகிறோம்.இப்போதுஇந்தமாதிரிதான்நாம்செய்வது.அதுக்கப்புறம்நம்மresponseவந்துச்சுனாஅதைவந்துஎடுக்குறதுக்குதான்rest
sendன்னு சொல்லிக் கொடுக்கிறோம். இதை வந்து நம்ம response வருகிற நேரம் நமக்கு வந்து பார்ப்போம்
இப்பபார்த்தீங்கன்னாrequestவந்துmanageபண்றதுக்குஇப்படிதான்.இப்பவரrequestஎன்னபண்ணபோறோம்userserviceலவந்துgetdatadataserviceன்னுஒருfunction
ஒன்னுcreateபண்ணபோறோம்.இப்போதுநான்அதையும்வந்துஎடுத்துக்கொள்கிறேன்.இதுதான்அந்தfunctionசின்னசின்னfunctionஒன்றுதான்.இதைநான்வந்த�
base பண்ணிக்கிறேன். இப்போ model export என்றால் இதை வந்து நாம் வெளியில் வந்து கீழேயே நாம் type பண்ணிக்கொள்ளலாம் model export என்று நான் இதிலேயும் நான் type பண்ணுவதை சொல்லிக் கொடுப்பதற்க�
தான்நான்எடுத்தேன்.modelexportஎன்றுசொல்லிக்கொடுத்துவிட்டுஇங்கேநான்வந்துdatagetdatafunctionTVஇதுதான்நான்பண்ணினேன்.அதில்வருகின்றrequestஐஇங்கேஎடுக்கிறேன�
இதில்பாருங்கள்promiseஎன்றுசொல்லிஒரு,விஷயத்தைcreateபண்ணியிருக்கிறேன்.இந்தpromiseஎன்பதுரொம்பமுக்கியமானவிஷயம்.இதில்வந்துநாம்URLmanageபண்ணுவதற்கு,datarequest
இதுபண்ணுவதற்குஎல்லாம்ரொம்பமுக்கியமானவிஷயம்promisejavascriptஇல்.இப்போதுpromiseஇல்பாருங்கள்ஒருfunctionஒன்றுcreateபண்ணுகிறேன்.checkஎன்றுசொல்லிஒருfunctioncreateபண்ணிஅந்தpromiseஇல்வந்துcheck
URL என்று இது பண்ணிவிட்டு நீங்கள் வந்த request எடுத்துவிட்டு reso reject என்று இரண்டு function வந்து promiseஇல் நாம் create பண்ணுகிறோம்
அதாவதுவந்துஉங்களுக்குdataவந்ததுஎன்றால்உங்களுக்குresolveஆகும்.dataஇல்லைஏதாவதுfailureஎன்றால்rejectஆகும்.அதற்குதான்அந்தpromiseவந்துimplementபண்ணுவத�
promise implement பண்ணுகிற நேரம் அதற்குள் ஒரு function create பண்ணி, resolve and reject என்று இரண்டு விஷயத்தை நாம் define பண்ணி வைத்திருக்க வேண்டும்
இப்போதுdataஎங்கேஇருந்துநாம்எடுக்கப்போகிறோம்.Rightuseofmodeluseofmodelஎன்பதுதான்நமக்கானdatabaseஐஎடுக்கவேண்டியவிஷயம்.அதுதான்வந்த�
database அதோட communicate பண்ணி அதாவது model அத use of model find என்று சொல்லி ஒரு functionஐ கொடுத்துவிட்டு அதற்குள்ளே நாம் கொடுக்கப் போகிறோம�
function written data error என்றால் database connect ஏதாவது error இருந்தது என்றால் error throw பண்ணும்
இல்லையென்றால்resultவரும்.இப்போதுஇதில்பாருங்கள்errorஎன்றுசொல்லிக்கொடுத்துவிட்டார்கள்.இதில்பாருங்கள்dataஇருந்ததுஎன்றால்,எந்தபிரச்சனையும்இல்லன்னாresolveஆகவரும்,resort
லஇல்லன்னாrejectfalseன்னுவரும்.இப்போஇந்தmodelmodelவழியால்தான்data.இதுதான்கடைசிpartmodel.இந்தமாதிரிசெஞ்சுகிட்டீங்கன்ன�
உங்களோடprojectவந்துரொம்பclearcode.இப்போதுநான்இதைவந்துmodelschemeஆவந்துஇப்படிதான்createபண்ணுவது.நான்வந்துஇதைஇதற்கானcompletecodeஐநான்வந்துwebsiteஇல�
attach பண்ணி இருக்கிறேன். நீங்கள் பார்த்து படித்துக்கொள்ள வேண்டும் என்றால் ஒன்றும் பிரச்சனை கிடையாது. இதை எப்படி எழுத வேண்டும் என்று எழுதப்பட்ட code completely எழுத செய்ய போனால் ரொம்ப நேரம் இருக்கும�
அதைநான்இப்படிஇதுபண்ணிசெய்கிறேன்.இப்பநான்அதஇப்பபாருங்கஇதுதான்உங்கள்databaseemployees
employees என்கிற பெயரில் தான் நான் கொடுத்திருக்கிறேன் employees என்கிற model Right இப்போ employees என்ற modelஇல் வந்து இப்போது வந்து barஇல் வந்து schemeஆக create பண்ணி இருக்கிறேன்
என்னென்னfieldsஇருக்கிறதோஅதைகொடுக்கிறேன்.எனக்குஎன்னென்னfieldsnameஎன்றுஒருfieldவேண்டும்.addressஎன்றுஒருfieldஒன்றுவேண்டும்.emailandpassஇந்தமாதிரிநான்குfieldsவந்துநான்வந்துகொடுத்துஇருக்கிறேன்.createஆகும�
அதற்கானdatatypeஎல்லாம்ratdataகொடுத்திருக்கிறேன்.இதுஎல்லாமேவந்துrattypeஇப்போதுவந்துஇந்தமாதிரிகொடுக்கிறேன்.இப்போதுவந்துநான்வந்துஇதுபண்ணிக்கிறேன்மூன்றுகுளம�
வந்துநான்createபண்ணுகிறேன்.name,address,phonenumberமூன்றுகுளம்createபண்ணுகிறேன்.Rightokayஇப்போதுname,address,phonenumberநான்மூன்றுலcreateபண்றேன்.ashpassword
எல்லாம்வந்துநான்வந்துஇனிவரvideoவில்சொல்லிதரேன்.basicஆcreateபண்ணனும்.name,address,phonenumberசொல்லிமூன்றுமூன்றுகுளம�
வந்துcreateபண்ணிஇருக்கிறேன்.இதுவந்துschemamonoபாருங்கள்mangoeslibraryimportபண்ணிவிட்டோம்.இங்கவந்துschemeஎன்றுசொல்லிஅதாவதுschemeஆநாம்எதற்குஎழுதுகிறோம்என்றால்நம்மdatabasestructure�
வந்துவிவரிப்பதற்குதான்நாம்வந்துschemeஆகஎழுதுவது.அதுதான்schemedatabasetablestructureவந்துஅந்தcollectionவந்துஎப்படிஇருக்கவேண்டும்என்பதைகாட்டுவதற்குதான்வந்த�
அதற்கானdatatypeஎல்லாமேவந்துrequiredஎன்றால்musttypeஅதுதான்requir.modelexportஎன்பதைபாருங்கள்கீழேஎப்படிexportபண்ண�
காட்டிஇருக்கிறேன்.இதைவந்துநான்முதலில்அதில்எழுதினமாதிரியும்எழுதலாம்.அதனால்தான்differentdifferentஆகmodelexportவந்துஎழுதிகாட்டலாம்.கீழேயும்எழுதலாம்மேலேயும்எழுதலாம்காட்டியமாதிர�
user get all ஒரு function ஒரு request வந்தது என்றால் அது எங்க போகும் user get all ல போயிட்டு எந்த function போக சொல்லுது control �
உள்ளgetdatacontrollerfunctionஐகொடுக்கப்போகிறது.அதில்இருந்துநமக்குஎன்னrequestஅனுப்பபோறோம்நம்மuserserviceக்குrequestஅனுப்பபோறோம்.user
service எங்க அனுப்ப போகிறது user modelக்கு அனுப்பப்போம். இப்போ வந்து இதற்கான பாத்த இது பண்ற நேரம் நமக்கு இந்த கொப்பை எட்டி
நம்மகொடுப்போம்இங்கபோடுவோம்.இப்போஇங்கஎன்னகொடுக்கிறோம்என்றால்usercontrollerவந்துஇப்போஎங்கபோகப்போகிறதுincaseவந்துuserserviceக்குபோவதனால்userserviceஎங்ககாட்டுறதுதான்மேலேவந்துuserserviceஇருக்கிறதாஎன்றுசொல்லிuser
serviceஇல் பார்த்து கொடுத்து இருக்கிறேன். user service எங்க பார்த்து கொடுக்கணும் user service எங்கே போகிறது modelக்கு போகப்போகிறது
இப்போதுmodelபார்த்தேன்நான்கொடுக்கிறதற்குmodelபார்த்துcopyபண்ணிக்கிறேன்.இந்தmodelCurrentdirectoryஇல்இருந்துslashloose
of modern fileக்கு போகிறீர்கள். இப்படி தான் implement. perfect இவ்வளவு தான் செய்ய வேண்டிய விஷயம் செய்துவிட்டு அடுத்த முறை என்ன பண்ண போகிறோம் என்றால் இதெல்லாம் செய்து முடித்து விட்டோம்
இப்பவந்துஇதைஅப்படியேcopyபண்ணிட்டுஎங்கநான்implementபண்றேன்.usercontrollerலவந்துநமக்க�
வந்தீங்கன்னாரெக்கார்ட்பண்ணிட்டுஇப்�
நமக்குவந்துroutsலயும்கொடுக்கணும்.usercontrollerpathகொடுத்திருக்கிறேன்பாருங்கள்.SRCuserலவந்துநமக்கானஏன்னாroutsஎங்கபோறோம்visit
பண்ணப்போகிறதுநம்மusercontrollervisitபண்ணப்போகிறது.அதனால்தான்நான்usercontrollerபார்த்துகொடுத்திருக்கிறேன்.SRCuserusercontrollerroutsrequest
வந்ததுன்னாநம்மrouroutestwoதான்எங்கஅனுப்பபோறோம்.controlcontrollerபார்த்துதான்கொடுக்கப்போறோம்.controllertwoஎங்கserviceserviceபார்த்துmodelக்க�
model பார்த்து இந்த மாதிரி வந்து மேல வந்து இந்த மாதிரி கொடுத்திருக்கிறோம். இப்போ routes லயே நம்ம implement பண்ணனும்
அதாவதுcontrollerபார்த்துஇவ்வளவுதானவிஷயம்.இப்போதுநான்உங்களுக்குவந்துவிளங்கிஇருக்கும்என்றுநம்புகிறேன்.அதற்குஇந்தroundsபார்த்துகொடுத்துஇருக்கிறேன்மேலusercontroller
SRC folderஇல் user user controller. இப்படி ஒரு request வந்தது என்றால் நமக்கு எங்கே போகணும் controllerஇல் வந்து data functionக்கு போயிட்டு அது�
இருந்துஎங்கபோறதுservicecallபண்ணுதுserviceஇல்வந்துmodelthroughதான்decodeaddபண்ணப்போகிறோம்.usermodelஇல்அப்படிrecordஇருந்ததுஎன்றால்,Result
result வந்து அவங்களுக்கு வந்து responseஆக வந்து controllerக்கு pass பண்ணும். அந்த மாதிரி தான் செய்து இருக்கிறேன்
Router routs அவ்வளவு தான் விஷயம். Right. அடுத்தது வந்து இரண்டாவத�
routes நாம் implement பண்ணுவோம் create இது வந்து ஒரு dataவை வந்து data baseஇல் உள்ள data வந்து get பண்ணுவதற்கு தான் அதாவது view பண்ணுவதற்கு get all மாதிரி ஒர�
dataவை வந்து create பண்ணுவதற்கு நாம் use பண்ணுவது வந்து create என்கிற ஒரு action அப்போது அதே மாதிரி தான் round create user create என்று சொல்லி ஒரு URL உங்கள�
pageஇல் வந்தது என்றால் நாம் எங்கே போக வேண்டும். post requestஇல் வந்து user controllerஇல் வந்து create controller functionக்கு போக வேண்டும்
அதற்குதான்வந்துpostmethodஇல்காட்டிஇருக்கிறேன்.usercontrolலவந்துcreateusercontrolmethodக்குபோறதுதான்காட்ட.அந்தபாட்டRight?அப்பட�
ஒருrequestவந்தால்இங்கேபோங்கஎன்பதைகாட்டேன்இதைநாம்கொடுக்கவேண்டும்.createusercontrollerfunctionக்குபோங்க.உங்களுக்க�
இப்படிஒருrequestவந்தாஇங்கபோங்க.usercontrollercreatefunctionக்குபோங்க.எப்படியாவதுயcreaterequest
வந்தாயூசர்கண்ட்ரோவந்துcreateuserகண்ட்ரோஆக்சன்மத்தட்டுக்குபோங்க.இப்பஅடுத்ததுஎன்னபண்ணபோறோம்.user
controller create page வந்து கரோல create function இதுதான் நான் copy பண்ணி போட்டுட்ட�
நான்உங்களுக்குவழங்கபடுத்துறேன்.rightஇப்போத�
user controllerஇல் வந்து ஒரு function வந்து நான் சொல்லிவிட்டேன். இப்படி வந்தது என்றால் create user controller functionக்கு போங்கள்
வருகின்றrequestஎடுத்துவிட்டுஎன்னென்னdataவருகிறதோஅதைஎடுத்துவிட்டுபோங்கள்.போய்விட்டு,Rightபாருங்கள்assignஇதிலேயும்போடணும்.வரrequestmanageபண்றதுஇதுவந்துrequestandresponseகொடுத்திருக்கிறேன்.இப்போத�
பாருங்கள்இதுவந்துtestingpurposeக்குநாம்consoleuseபண்ணதேவையில்லைநமக்கு.இந்தconsoleவந்துdataசரியாகவருகிறதாஅப்படிஎன்றுபார்ப்பதற்குதான்useபண்ணினேன்.simplecodeதான்create
user control Fent அதாவது நீங்கள் அங்கு create என்று சொல்லி ஒரு URL வந்தது என்றால் இந்த functionஇல் போய்விட்டு status என்று சொல்லி variable
create பண்ணி status என்று சொல்லி user serviceஇல் வந்து, Create user DB service என்று சொல்லி ஒரு functionக்கு pass பண்ணப்போகிறேன் வருகிற data request body என்றால�
நீங்கள்என்னdatatypeபண்ணுகிறீர்கள்என்றால்requestbodythroughதான்வரும்.அப்போதுresponseவருவதுசரியாகவந்ததுஎன்றால்usercreatedsuccessbodyஇல்லையென்றால்failureஎன்றுவரும்.இப்போதுநாம்அடுத்ததுஎன்�
பண்ணப்போகிறோம்.serviceஇல்போய்விட்டுநாம்இன்னொருfunctioncreateபண்ணப்போகிறோம்.அதாவதுவந்துdatacreateபண்ணுவதற்கானfunctionஅதைஎப்படிcreateபண்ணுவதுஎன்பதைபார்ப்போம்.ம்ம�
Right இப்ப நம்ம அந்த டேட்டாவ create பண்றதுக்கு வந்து ஒரு function ஒன்னு create பண்ணிடுறோம்
அப்பவந்துஎன்னபண்ணபோறோம்னாஇதான்வந்துcreateபண்றதுஇதநம்மமாடிஃபைபண்ணிக்கோம்.இத�
copy பண்ணிட்டு இதை இந்த மாதிரி paste பண்ணுவோம். Paste பண்ணிவிட்ட�
இப்போதுவந்துஇந்தfieldஎல்லாம்வந்துவேறுபழையprojectசெய்தது.இப்போதுநம்மfieldக்குமாற்றவேண்டும்.நம்fieldஎன்னென்னஇருக்கிறதுname,address,phonenumberமூன்றுfieldஇருக்கிறது.இப்போதுநமக்குவந்த�
data வந்து என்ன data வருவது உடைய formஇல் இருந்து வருகிற dataவை வந்து. இதோ பாருங்கள் என்னென்ன field name
address, phone number file இருக்கிறது. வருகிற dataவை இங்க தான் நம்ம pass பண்றது
model வந்து serviceக்கு எடுக்கிறது. இப்ப சர்வீஸ்ல யூஸ் ஆ model data ஒரு object create பண்ணிவிட்ட�
இதைவந்துஇந்த.name,address,phonenumberஇதுவந்துநமக்குphoneஇல்இருந்துphoneஇல்இருந்துவருகிறdataஇதைவந்துdatabasefieldக்குநாம்கொடுக்கவேண்டும்.databaseலயும்அத�
nameஇல் தான் நாம் create பண்ணி வைத்திருக்கிறோம். name, address, phone number அவ்வளவு தான்
பார்த்தீர்கள்என்றால்usermodelஇல்saveஎன்றுசொல்லிஒருfunctionஇருக்கு.அதன்மூலியமாகநாம்recordஐ.இப்போபாருங்கள்userserviceஇல்வந்துநமக்குவந்துdataவந்துவருகிறநேரம�
இப்போதுஇதிலேயும்promisecallபண்ணிஇருக்கிறேன்.இதிலேயும்அப்படிதான்promiseஇல்வந்துஇரண்டுfunctionreserverejectஇந்தமாதிரிjavascriptfunctionஇதுபண்ணினீர்கள்என்றால்ஒருinterviewபோனாலும்உங்களைவந்துcompleteஆ�
டக்குனுவேலைக்குஎடுத்துவிடுவார்கள்.ஒருpromiseஎல்லாம்useபண்ணிசெய்வதாகஇருந்தால்,ரொம்பவேநீங்கள்intelligentprogrammerதான்resolverejectஎன்றுசொல்லிஇரண்டுவிஷயத்தைபோடுங்கள்.இப்போத�
resolve என்றால் data add ஆகிவிட்டது என்றால் resolve work பண்ணும். ஏதாவது பிழைகள் rate பற்றி reject ஆகும்
இப்போதுusermodelmodelஒன்றுcreateபண்ணusermodelஇல்வந்துஎன்னபண்ணபோறேன்என்றால்உங்களுடையphoneஇல்வருகிறdataவந்துname,address,phonenumberஐவந்துபார்த்துட்டுஅங்கuserdetailsdatabaseக்குset
பண்ணிருக்கோம்.userdetails.இதவந்துuserdetailsன்னுசொல்லிஇதுலவந்துபோட்டுருக்கேன்.இப்�
இதவந்துusermodelலவதவந்துsaveபண்றதுக்குதான்கொடுத்திருக்கேன்.usermodelலsaveன்னுஒருmethodஇருக்கு.errorஇல்லாமஏதாவதுபிரச்சனைவந்துச்சுன�
reject ஆகும். இல்லனா உங்க டா சரியா சரியா செஞ்சிருந்தீங்கன்னா அது வந்து ரொம்�
பாருங்கcontrolcontrolவந்துஇதஎடுத்துட்டுஎன்னடாcontrolclassக்குபோவோம்.Right
Controller classஇல் போய்விட்டு நாம் கீழே இதை வந்து paste பண்ணிக்கொள்வோம். paste பண்ணிட்டு எங்களுக்கு தேவை இப்போது நாம் செய்திருக்க என்ன என்ன அது export பண்ண வேண்டும் get controller
function create controller function இரண்டையும் தான் நாம் export பண்ணப்போகிறோம். அதாவது இந்த pageஇல் வைத்து மற்ற pageக்கு call பண்ணுகிறோம் என்றால் இதை export பண்ணனும் இந்த classஐ வந்து model
export என்று சொல்லி இப்படியும் எழுதலாம். இந்த மாதிரியும் எழுதலாம். இந்த மாதிரி நீங்கள் functionஇல் எழுதலாம்
நான்இரண்டுமுறையும்சொல்லிக்கொடுக்கிறததான்நான்இப்படிஎழுதிக்காண்கிறேன்.இல்லையென்றால்நீங்கள்கீழேgetdatafromDBfunctionஐமட்டும்எழுதிவிட்டுகீழேmodelexportஎன்றுசொல்ல�
call பண்ணிவிட்டு அதற்குள் எழுதலாம். இப்படி இரண்டு மூன்று முறை எழுத தேவையல்ல ஒரே முறையில் எழுதலாம்
இப்படியும்எழுதலாம்நான்அப்படியும்எழுதலாம்.அவங்களுக்கானஇரண்டுமுறையில்எழுதிகாட்டுறதுக்குதான்நான்இரண்டுமுறையிலஉங்களுக்குஎப்படிஎழுதுறேன்.இந்தmodelலஇருந்துexportபண்றதுஎப்படின்னுசொல்லிக்கொடுக்குறதுக்குதான்இரண்ட�
மாடலையும்நானுஇரண்டுவழியிலும்எழுதிநான்வந்துகாண்பித்தேன்.இந்தஇரண்டுமுறையும்நீங்கபின்பற்றுங்க.உங்களுக்குஇரண்டுமுறையும்தெரிஞ்சுக்கிறதுக்குதான்நான்செஞ்சுகொடுத்தேன்.இதுதான�
save ஆ கொடுத்துட்டு, இப்போ கீழ போயிட்டு. நீங்க டைப் பண்ண போறீங்க. post
manன்றத நம்ம எடுப்போம் எடுத்து நம்ம பார்ப்போம் record சரியா add ஆகுதா இல்லையான் post check பண்ற front front data
check பண்றத விட வந்து check பண்ணுவோம் flow dot
js இத நான் பண்ணேன். error வந்திருக்கு. service
on திரும்ப run பண்ணி பார்ப்போம். err
என்னபில்லன்னாநம்மmodelலவந்துmodelஇந்தrouteவந்துexportபண்ணல.இந்தமாதிரிஎல்லாத்தையும்exportபண்ணலாம்இதைexportபண்ணியிருக்கேன்இதைexportserviceexportபண்ணியிருக்கோம்.நம்�
வந்துrouexportபண்ணல.அதுதான்பிள்ளரouexportபண்ணாதான்நம்மரவுட்எடுப்போம்.startedDBconnected.data
check check பாத்தீங்க server run ஆயிடுச்ச�
local of இந்த photo தான் server run ஆகுது. இப்போ வந்து பாருங்க. இப்போ நம்ம port என்ன எட்டாயிரம் தான் port இது வந்து post
request எடுத்துட்டு post ன்னு சொல்லி request பார்த்தீங்க என்ன port எட்டாயிரம் port. slash
உங்களுக்குஎன்னஇவாவரணும்அதாவதுpostபோடணும்.நீங்கமுதலcreateபண்ணுவோம்record.URலஎன்னவரணும�
user ல வந்து uh First
இதபோடுவோம்recordஇருந்தாதானviewபண்ணமுடியும்அப்பuserஅcreateபண்ணுவோம்.usercreateஇப்படிஒருURLவந்துச்சுன்னாbodyலவந்துநம்மrowலபோயிட்ட�
body ல type பண்ணுவோம் என்னென்ன விஷயத்தை நீங்க வந்து create பண்ண போறீங்க. இந்த மாதிரி தான் create பண்ணது postman ல அதாவது open bracket close bracket இதுக்குள்ள நம்�
எழுதிவச்சிருந்தது.இதுக்குள்ளஇந்தமாதிரிJSONformatலdataவந்துaddபண்ணிக்கோம்.nameன்றஒருfieldஇருக்கு.அடுத்துஎன்னfieldஇருக்குநம்மோடdatabasescheme
ஆகும்ல.Address,phonenumberஇந்தமாதிரிமூணுfieldவந்துநம்மmodelலcreateபண்ணிவச்சிருக்கோம்.rightmodelலவந்துமூணுfield
create பண்ணி வச்சிருக்கோம் mobile வந்து data address க்கு இந்தியான்னு போடுவோம். mobile number could
not get ஏதோ error ஒன்னு காட்டுது. get the response. Ter
user name அதாவது வந்து நம்மோட பீட்ல இருக்க நேம்ல ஏதாவது பிரச்சனை. name details user
details not define கொடுத்திருக்காங்க என்ன define பண்ண refund
நம்மserviceக்குபோயிட்டு.serviceஇல்வந்துநாம்என்னபண்ணிஇருக்கிறோம்என்றால்userdetailsuserdetailsவந்துdefineபண்ணலாம்மேலஅப்பட�
define பண்ணலாம். nameல யார் இருக்க define பண்ணலாம். அதுதான் பிரச்சனை. மேல define பண்ண வேண்டும்
அதுதான்.defineபண்ணுறதுலஇருக்குதுஇப்பconnectஆயிடுச்சுஇப்பதிரும்பபார்ப்போம்.அப்படியும்பிரச்சன�
என்னproblem.இதைவாசிங்ககீழேஎன்னதுpromiserejection
இதுphonenumber.mobileகொடுத்துட்டீங்கphonenumberஇப்போclickபண்ணிபார்க்கலாம்.அப்படியும்ஒருபிழைகள்ஒன்றுவருது.�
திரும்பநம்மconnectபண்ணுவோம்.connectபண்ணவில்லை.connectபண்ணிவிட்டுrunபண்ணிக்காட்டும்.இப்போதுவைக்காது.முதலில்வந்துதிரும்பநான்வந்துserverஐconnectபண்ணவில்லை.இப்போதுrunஆகிறத�
இப்போதுrunஆகிபார்த்தோம்என்றால்உங்களுடையrecordsவந்துஇந்தமாதிரிபார்த்தீர்கள்என்றால்நீங்கள்addபண்ணியrecordsவந்துஇதைaddபண்ணிக்காட்டுகிறது.பீட்டர்இப்போவந்துபீட்டருக்குபதிலாகவேறுஏதாவதுபெயர�
கொடுத்தால்ஜான்என்றுகொடுப்போம்.எங்கஅண்ணாவந்து.ரெக்கார்டமாத்துவோம்.ஜான்gmail
dot com நான் வந்து phone numberக்கு ஒரு phone number கொடு. send பண்ணினோம் என்றால் work பண்ணது perfect
இந்தமாதிரிநீங்கஉங்கவேலையைசெஞ்சிக்கலாம்இந்தரெண்டாவதுaccountaddபண்ணதுகாட்டிக்கலாம்.இப்போதுநாம்அடுத்ததில்வந்துeditanddeleteஆகபார்த்துவிட்டுthankyouபோவோம்.Thank
you for watching நாம் part two videoஇல் சந்திப்போம். பார்த்தீர்கள் என்றால் modelsஐ எப்படி create பண்ணுவது
routes எப்படி create பண்ணுவது எல்லாமே என்று சொல்லிவிட்டோம். Routesஇல் எப்படி request வருகிறது எல்லாமே நாம் படிப்போம்
இப்படிதான்routsல்வந்துcheckபண்ணுவது.அந்தroutes.requestஎடுப்போம்.getலவந்துநீங்கadd
பண்ணdataவந்துஇதுலபார்த்துக்கலாம்.JSNformatலஇந்தமாதிரிuseபண்ணலாம்.பாருங்க.நீங்கள்recordcreateபண்ணீங்க.get
onன்னு சொல்லி ஒரு request வந்தால் get method போட்டு இந்த மாதிரி இந்த மாதிரி request
Thank you for watching. Hi friends welcome to tutor funny channel இன்றைக்கு நம் channelஇல் பார்க்க போகிற விஷயம் வந்து Update
பற்றிபார்க்கபோகிறோம்.போனclassஇல்வந்துஎப்படிநாம்getallஅதாவதுgetallஎன்றால்என்னவென்றால்recordஐஎப்படிviewபண்ணுவதுஅதாவதுrecordஒன்றுஎப்படிcreateபண்ணுவதுஎன்றுஇரண்டுவிஷயத்த�
நாம்பார்க்கோம்.Nodaysல்.இப்போதுஇன்றைக்குவந்துஇன்னொருவிஷயம்பார்க்கபோகிறோம்.updaterecordஒன்றுஎப்படிupdateபண்ணுவது.இப்போதுupdate
பண்ணுவதற்குநாம்ஒருrouஒன்றுஎழுதப்போகிறோம்.இப்போதுஇந்தஎழுதப்பட்டroutecopyபண்ணிபோடுகிறேன்.Rightநாம்updateபண்ணுகிறநேரம�
நாம்எதைவைத்துupdateபண்ணுவோம்என்றால்அந்தuniqueIDஐவைத்துதான்updateபண்ணுவோம்.இப்போதுrouterrouteஎன்பதுஒருfunctionஎன்றுஇப்போதுஅதற்குள்வந்துநான்எழுதிஇருக்கிறேன்பாருங்கள்.R
router route இந்த மாதிரி தான் நமக்கு route வந்து நாம் declare பண்ணுவது. Router நான் எழுதி காட்டுகிறேன் rou
விட்டுஇந்தbracketஇல்எழுதிஇருக்கிறேன்பாருங்கள்.இந்தமாதிரிஒருrequestவந்தால்நாம்என்னபண்ணவேண்டும்recordஐவந்துupdateபண்ணவேண்டும்.இப்போதுவந்ததுஎன்றால்இந்தமாதிரிgetallஎன்றுஒருrequestவந்துநமக்குviewபண்ணுகின்றமாதிர�
இப்படிஒருrequestவந்துrecordஐupdateபண்ணவேண்டும்.இப்போதுபார்த்தீர்கள்என்றால்ஒருநாம்எதைgetmethodஇல்எடுத்தோம்.recordஐviewபண்ணுகிறநேரம்getmethodநமக்குuseஆனத�
பார்த்தீர்கள்என்றால்ஒவ்வொன்றுக்கும்ஒவ்வொருactionmethodவைத்திருக்கிறார்கள்.Getபண்ணுவதற்குgetmethodவைத்திருக்கிறார்கள்.Recordஐவந்துviewபண்ணுவதற்கு.அடுத்ததுநாம்பார்த்தோம்என்றால்,நாம்recordஐpost
பண்ணுவதற்குஎன்னmethodஇருக்கிறதுஎன்பதைநாம்lastclassஇல்பார்த்தோம்.என்னmethodஒருrecordஐவந்துநாம்createபண்ணுவதற்குநாம்useபண்ணினmethodஎன்னpostmethodஐபார்த்துதான்நாம்ஒர�
recordஐ வந்து create பண்ணும். Right? Get என்பது ஒரு recordஐ view பண்ணுவதற்கு பாத்தோம்
இப்போதுபாருங்கள்updateபண்ணுவதற்குஒருmethodவைத்திருக்கிறார்கள்.அதில்வந்துpatch.Right.இப்போதுபாருங்கள்ஒவ்வொன்றுக்கும்differentdifferentmethodவந்துnoteவைத்திருக்கிறார்கள்.நமக்குeasyஆகunderstandபண்ணுவதற்கு.patch
methodஐ வைத்து நாம் recordஐ வந்து update பண்ணலாம். Okay it helps to update the record patch method அப்போது userக்கு தெரியும்
அதாவதுrouterஇல்வந்துஇந்தமாதிரிஒருrequestஅதாவதுslashupdatecolonIDஅதாவதுIDஎன்கிறஒருrequestவந்ததுஎன்றால்patchmethodஇல்போய்recordupdateபண்ணுங்கள�
அப்படிஎன்றுசொல்வது.Rightஇப்போதுஇதேமாதிரிதான்differentdifferentmethodவந்துdeclareபண்ணிஇருக்கிறார்கள்.ரொம்பeasyஆகநமக்காகவிஷயத்தைவந்துசெய்துவிட்டுபோவதற்கு.அதாவதுtouchmethodஇல�
பாருங்கள்IDஎன்றுஒருவிஷயம்இருக்கிறது.ColonIDஎன்று.இதுதான்URLupdateID.இந்தIDIDஎன்பதுஒருuniqueஅந்தIDவைத்துதான்நாம்record�
வந்துநாம்என்னபண்ணுவதுupdateபண்ணுவது.RightcolonIDநீங்கள்என்னIDகொடுக்கிறீர்களோஅதற்குஏற்றமாதிரிநீங்கள்என்னchangesபண்ணுகிறீர்களோஅந்தrecordஐவந்த�
update பண்ணும். நாம் normalஆக update statement use பண்ணுவது வந்து ID வைத்து தான் நாம் use பண்ணுவது
ஏனென்றால்அதுவந்துuniquepatchஇல்ஒருrequestவந்ததுஎன்றால்usercontrolஇல்எங்கேபோகவேண்டும்.அதேமாதிரிcreateபண்ணுகின்றமாதிரியேதான்இதில்வந்துஒருupdateஎன்ற�
ஒருfunctioncreateபண்ணிஇருக்கோம்பாருங்கள்.dotupdatecontrollerஎன்றுஒருfunctioncreateபண்ணியிருக்கோம்.Thatஇந்தமாதிரிநாம்createபண்ணிக்கிறோம்.okayய�
user controller update சொல்லி. இப்போ அதுக்கு நான் என்ன பண்ண போகிறோம் என்றால் நம்ம இல்ல user
controllerஇல் update என்று சொல்லி நமக்கு ஒரு request வந்தது என்றால், user controllerஇல் update என்று சொல்லி user controller இப்படி ஒரு request வந்தது என்றால் update
ID என்று சொல்லி request வந்தால் patchஇல் user controllerஇல் update என்ற ஒரு methodக்கு போக வேண்டும்
இப்போதுupdatemethodcreateபண்ணுவோம்.usercontroller.ரொம்பeasyஆகநான்வந்துimplementபண்ணிஇருக்கிறேன்.இப்படிஒருrequestவந்ததுஎன்றால்routerஇருந்துupdateusercontroller.அப்பட�
என்கிறஒருmethodஇந்தmethodஅப்படியேcopyபண்ணிஅதில்போட்டுவிடுகிறேன்.போட்டவர்களுக்குவிளங்கபடுத்துகிறேன்.ஏனென்றால்இதைஎழுதிசெய்யபோனோம்என்றால்videoவந்துரொம்பவேகூடவாகும்.அதனால்நான�
வந்துஇதைஎழுதிபோட்டுக்கிறேன்.Rightஇப்போதுநான்copyபண்ணிpasteபண்ணிவிட்டேன்.பார்த்தீர்கள்என்றால்உங்களுக்குவந்துஇப்போதுபார்த்தீர்கள்என்றால்routesஇல்உங்களுக்குஒருtouchrequest
வந்ததுஎன்றால்usercontroller.எங்கேபோகசொல்லிஇருக்கிறேன்.updateusercontrollerக்குபோகசொல்லிவிட்டுassignபோட்டுஇருக்கிறேன்.requestresponseஇரண்டுவிஷயம்போடுகிறேன்.நமக்க�
என்னஆகதுrequestதான்வருகிறது.நாம்அதற்கானresponseஐநாம்அனுப்பவேண்டும்.அதுதான்அந்தarrowfunctioncreateபண்ணிஇருக்கிறேன்பாருங்கள்.இதற்குள்பாருங்கள்அந்தbodyஐஎடுப்பதற்குவந்துஇந்தமாதிர�
நாம்சரியாகவருகிறதாஇல்லையாஎன்றுபார்ப்பதற்குவந்துஇந்தமாதிரிuserupdateவந்ததுஎன்றால்நாம்updateusercontrollerக்குபோய்விட்டுusercontrollerவந்துஇந்�
controllerக்கு வருவோம். request எடுக்க வேண்டும். அதுதான் அந்த request argumentஇல் copy பண்ணுவோம். இப்போது check பண்ணுவது அந்த ID and bodyஇல�
வந்துநம்முடையdata.Rightஏனென்றால்அதில்நாம்createபண்ணுகிறநேரம்நமக்குIDதேவையில்லை.updateபண்ணுகிறநேரம்நமக்குIDதேவை.IDவைத்துதான்recordஐவந்துநாம�
update பண்ணுவோம். அதுதான் நாம் இரண்டு விஷயத்தை எடுக்க போகிறோம். ஒன்று ID get body அதாவது நீங்கள்
என்னchangesபண்ணீர்கள்அப்புறம்நான்resultresultvariablecreateபண்ணிபோட்டேன்avoidபோடனும்.அடுத்ததுவந்துuser
service user control ல இருந்து எதுக்கு பண்ண போகிறோம் என்றால் request வந்து user serviceக்கு pass பண்ண போறோம். user service service update user
DB serviceக்கு pass பண்றோம். Update user user DB serviceக்கு pass பண்ணுகிறோம். எந்த விஷயத்தை pass பண்ண போகிறோம்
வருகிறIDupdateuserserviceபோட்டுவருகிறIDandrequestbodyrequestbodyஎன்றால்நீங்கள்name,addressஅப்படிஎன்கிறfieldsஐவந்துநீங்கள்typeபண்ணுகிறஅந்�
field ஓட உங்கள் ID pass பண்ணுகிறோம். Right Okay URL
request URL என்ன request routes கொடுக்கிறீர்களோ அந்த request வந்து நீங்கள் எங்கு கொடுக்கிறீர்கள் controller pass பண்ணி இருக்கோம். ID and body இரண்டும் வருகிறது
இப்போதுஇந்தஇரண்டுவிஷயத்தைஎங்கேஅனுப்பபோகிறோம்நாம்.userserviceஇல்updateuserDBfunctionக்குநாம்அனுப்பபோகிறோம்.இங்கேஇருந்துஅங்கேsendபண்ணபோகிறோம்.இந்�
மாதிரிதான்efficientஆகநாம்ஒருcompanyஇல்போய்ஒருprojectசெய்கிறோம்என்றால்இந்தமாதிரிஒருமுறைகளில்தான்நாம்செய்வோம்project.Okayஅதனால்standardஆககொஞ்சம்கொஞ்சம்பிடித்துகஷ்டமா�
இருந்தால்கொஞ்சம்studyபண்ணிபிடித்துக்கொள்அப்படிதான்லேசாகஇருக்கும்.IDandbodyஇந்தமாதிரிவிஷயத்தைவைத்துதான்நாம்updateபண்ணபோகிறோம்.இப்போத�
இந்தவிஷயத்தைவந்துஎடுத்துவிட்டுநீங்கள்வந்துresponseஅனுப்புகிறீர்கள்.இந்தserviceservicesuccessmessageவந்தால்looseஆ�
update வரும். இப்போது serviceக்கு போவோம். service போயிட்டு நாம் எங்க போயிட்டு update service function என்�
எழுதிஇருக்கிறோமோஅதைcopyபண்ணிபோடுகிறேன்.இதற்கானsourcecodewebsiteஇருக்கு.நான்கொடுக்கிறேன்.நீங்கdownloadபண்ணிuseபண்ணிக்கிறீர்கள்.இந்தமாதிரிஒருmodel
export update user service போடுறேன். இதுல போட்டா Right. இப்பட�
பாடு.இப்போதுநமக்குஎன்னஆகிறதுuser
serviceஇல் வந்து update இங்க போனோம் என்றால் இந்த functionக்கு போகும். user control வந்து service call பண்றோம்
இந்தIDuserdatadataஎடுக்கிறோம்.இதில்என்னபண்ணபோகிறோம்IDandbodybodydataஇரண்டையும்நாம்எடுக்கிறோம�
இந்தargumentஎடுக்கிறோம்.அங்கஇந்தargumentஎடுத்துட்டுவந்துcheckபண்றோம்இதுவந்துஇருக்கிறதாஇல்லையாஎன்பதைதான்consolecheckபண்றோம்.இந்தdataவந்துசரியா�
வந்துஇருக்கிறதாஇல்லையா.இந்தbodyஇல்நாம்dataவருகிறதாஇல்லையாஎன்றுcheckபண்ணிபார்த்துக்கொள்ளலாம்.இதுதான்troubleshootingஇதுஅதேமாதிரிpromise
ஒருmethodcreateபண்ணிநாம்வந்துresultrejectஎன்றுஇரண்டுfunctionவந்துpromiseimplementபண்ணிக்கொள்ளலாம்.அதாவதுஉங்களோடrequestவந்துசரியாகஇருந்ததுஎன்றால்request
வந்துபிகஇல்லாவிட்டால்நீங்கள்அனுப்பும்responseசரியாகஇருக்கும்.அப்போதுஅதுrejectresolveஆகிresultவந்துவெளிப்படுத்தும்.இல்ல�
என்றால்ஏதாவதுஒருபிழைகள்இருப்பின்rejectஆகிfalseஆகும்.அதுதான்promiseசொல்லப்படவேண்டியவிஷயம்.இப்போதுஇந்தமாதிரிpromisefunctionநாம்createபண்ணோம்என்றால்ரொம்பவேஅவர்கள்programefficientஆ�
இருக்கும்.resolveஎன்பதுவந்துஉங்களுடையresultவந்துtrueஆகஇருந்ததுஎன்றால்வேலைசெய்யும்rejectஎன்பதுஉடையresultவந்துfalseokayஅதாவதுஉங்களுடை�
result வந்து trueஆக இருந்தால் மட்டும் result காண்பியுங்கள். அது எங்க இருந்து இருக்கிற result modelஇல் find by ID and update
model பாருங்கள் find. பாரு பாரு எல்லா method இருக்கு fine by update update இருக்கு
இதனால்நாம்என்னஎடுத்துக்கபோறோம்IDanduserdetailsஎடுக்கபோறோம்.OkayIDanduserdetailsஎடுக்கப்போகிறோம்.FindIDupdateஎன்பதைஎடுத்துவிட்ட�
இங்கேவந்துIDIDuserdetailsஎடுக்கப்போகிறோம்.எடுத்துவிட்டுநாம்கொடுக்கப்போவதுவந்துfunctionresultdataerror.Resultஎன்றுகொடுத்துவிட்டுerrorஆ�
இருந்தால்rejectபண்ணும்.errorஇல்லாவிட்டால்resultவந்துஉங்களுக்குவந்துpassபண்ணிஉங்களுக்கானresultவந்துவெளிக்காட்டும்.அதைதான்நான்செய்துகொடுத்துஇருக்கிறேன்.இத�
தான்நான்callபண்ணிகொடுத்திருக்கேன்.Right.Okayஇதுதான்ஒருவிஷயம்.இதுஎங்கஇருந்துஎடுக்கும்என்றால்model
user modelஇல் இருந்து. ஏனென்றால் model என்பது வந்து database ஓட connectivity பண்ணி நமக்கு வந்து information வந்து update பண்ண விஷயம�
இந்தmodelschemeதான்காட்டிஇருக்கிறேன்.இந்தschemeஎப்படிcreateபண்ணுவதுஎன்பதைநாம்lastvideoவில்நாம்பார்த்தோம்.இப்போது,நம்�
சேவருக்குபோவோம்.saveபண்ணுங்கஎல்லாம்செஞ்சுமுடிச்சவங்கபண்ணுங்கபண்ணதுக்க�
அப்புறம்தான்நம்மஇதைவந்துcheckபண்ணிபார்க்கணும்.Serverதான்runபண்றதுserverserver
வந்துஎதைcallபண்ணும்callபண்ணும்resultவந்துcontrolcontrolserviceservicemodelக்குபண்ணும்.இப்போதுவந்துஒருmethod
இருக்கு.இங்கவந்துநாம்இந்தmethod
வந்துimplementoutsideக்குவந்துநாம்எடுப்பதற்குவந்துகீழேவந்துஇந்தமாதிரிexportபண்ணவேண்டும்.அதுதான்அந்தமாதிரிஎக்ஸ்போர்ட்பண்ணாதான்அதுஅவுட்சைட்லநமக்குவொர்க�
பண்ணும்.objectஎல்லாம்கொஞ்சம்கொஞ்சமாகஎழுதிவைச்சுக்கிட்ட�
இதற்கானsolutionஅதனாலஎடுத்துட்டுநான்காட்டுகிறேன்.இந்தமாதிரிerrorவரும்அதைநீங்கள்tryoutபண்ணிsolveபண்ணனும்பண்ணிட்டு.ஆ.reject
user details user details ஒன்று இருக்கிறது. அப்படியே போட்டது இல்லை. இப்போது அதெல்லாம் பார்த்துக்கொள்ள சரியாக நீங்கள் எழுதியதில் spelling mistake இருக்கா இல்லைய�
spelling mistake இருந்தது என்றால் work பண்ணாது. இப்போது வந்து server connected started DB connected என்று வந்துவிட்டது
இப்போதுநான்ஒருerrorஇல்லைஎன்றுநினைக்கிறேன்.இப்போதுநான்வந்துpatchஎன்பதைselectபண்ணிவிட்டுஇப்போதுநான்வந்துகொடுக்கபோகிறேன்.என்னதுஇந்தURL.எந்�
URL இல் நாம் routsஇல் என்ன கொடுத்து இருக்கிறோமோ அதை call பண்ணுகிறேன். Routsஇல�
எனக்குஇந்தமாதிரிrequestவந்ததுஎன்றால்எனக்குவந்துrecordupdateபண்ணவேண்டும்.இதைஅப்படியேcopyபண்ணிrequestகொடுக்கிறேன்.pctureselectபண்ணிக்கிறீர்கள�
உடையmethodலselectபண்ணிட்டேன்alreadyநான்வந்துஒருuserIDகொடுக்கிறேன்.UseupdateIDIDIDகொடுக்கிறீர்கள்.databaseஇல�
இருக்கிறIDகொடுக்கிறீர்கள்.மச்சான்recordupdateபண்ணுவதற்குmethodவந்துselectபண்ணியாச்சு.இந்தஇந்தமாதிரிதான்URLவேலைசெய்யபோகிறது.updateID.ne
G all all all all all போய் பார்ப்போம். இதை இது பண்ணிட்டு get all பண்ணி பார்ப்போம்
get all select பண்ண வேண்டும். நமக்கு என்ன என்ன result இவ்வளவு data இருக்கிறது. இப்போது இதில் வந்து நாம் update பண்ண போறோம் எந்த data
இந்தபட்டர்இதைநாம்updateபண்ணபோறோம்.updateபண்ணஇந்தideacopyபண்ணுவோம்.Copyபண்ணிட்டுஇங்கவந்துஎன்னஎழுதபோறோம்.Update
Slash இதை கொடுக்கிறோம். கொடுத்துவிட்டு சும்மா எழுத இங்க வந்து address என்ன எழுதி இருக்கோ அதற்காக மாற்றிக்கொண்டு
ஏன்னாநமக்குIDமேலஇருக்கு.இந்தrecordsவந்துchangesபண்ணோம்.Whiteஇந்தமாதிரிfeelபண்ணிட்டுஇங்கவந்துநம்மஜான�
இந்தமாதிரிமாற்றோம்பெயர்கள்பெயர்கள்ஏதாவதுspellingமாற்றிவிட்டுபார்ப்போம்எப்படிupdateஆகுதாஇல்லையா.இங்கவந்துஏன்னுபோடுவோம்.இங்�
வந்துஇந்தமாதிரிphonenumbersendபண்ணுவோம்.sorrypatchmethod.பாத்தீங்கன்னாstatustwo
result வந்து update ஆயிடுச்சு. இந்த மாதிரி நமக்கான update function get over பண்ணி பார்ப்போம்
update வேலை செய்து இத மாத்தணும் function மாத்திட்டு. இதை மாத்தணும் கவனமா பாத்துக்கோங்க எப்படி மாத்துறதுன்னு இந்த record
வந்துupdateஆயிடுச்சு.அவ்வளவுதான்.விஷயம்வந்துசரியாworkபண்ணுது.இப்போத�
அடுத்தவிஷயத்தைபார்ப்போம்.இப்போதுஇந்தவிஷயம்வந்துசரியாகworkபண்ணுது.இப்போதுநமக்கானஇந்தconsoleஇல்வந்துபாருங்கள்உங்களுக்குconsolelockபோட்டதால்கீழேoutputஅதிலும்காட்டியிருக்கிறார்கள்.அடுத்த�
வந்துஎன்னபார்க்கபோகிறோம்என்றால்routesல்போய்விட்டு,Removeஒருrequestவந்தால்என்னபண்ணுவது.அதற்கும்அதேமாதிரிஇந்தideaவைத்துதான்record�
வந்துremoveபண்றideaவைத்துதான்removeபண்ணுவோம்.onlyமாற்றம்வந்துமுதலில்updateபோட்டோம்ஆனால்removeஎன்றுசொல்லிஒருURLவரவேண்டும்.அதேமாதிரிபண்றோம்என்றால�
record பண்றோம் என்றால் get method மாதிரி record create பண்றோம் என்றால் என்ன use பண்றோம்
post request record update பண்றோம் use பண்ண request மாதிரி அதாவது record delete பண் use பண்றது என்ன என்றால் Delete
action method பாருங்கள் ஒவ்வொன்றுக்கும் no GST implement பண்ணி இருக்கிறார்கள். வெவ்வேறு சம்பந்தமான methods get post
patch and delete என்று சொல்லி. இந்த ஒவ்வொரு actionஐயும் நாம் செய்வதற்கு வந்து ஒவ்வொரு methods define பண்ணி இருக்கிறார்கள்
இப்போதுdefineபண்ணுகின்றநேரம்usercontrolஇல்வந்துdeletecontrolக்குபோங்கள்.அதாவதுஇப்படிஒருrequestவந்ததுஎன்றால்usercontrolஇல்deletemethodக்குபோங்கள்.இப்போதுusercontrolஇல�
நாம்deleteஎன்பதைவந்துநாம்போடுவோம்.Right.இதுலபோய்நான்deleteஆஎடுத்துக்குறேன்.இந்தcodesஎல்லாம்வந்த�
நான்உங்களுக்குகொடுத்துடுவேன்.நீங்கவந்துஅதைஇதுலwebsitesலஇருக்குநீங்கஎடுத்துக்கலாம்.உங்கwebsitelinkகீழேகொடுத்திருக்கிறேன்.உங்களுடையURLdelete
controlக்கு போயிட்டு வர request எடுங்கள். request எடுத்துட்டு தான் response அனுப்பது. request எடுக்க என்ன request எடுக்க போறோம் நம்ம ID மட்டும் தான் எடுக்கிறோம்
இப்பபெல்IDவந்துஇருக்காஇல்லையாஎன்பதைcheckபண்றதுக்குஇந்தமாதிரிcheckபண்ணிக்கலாம்.IDதான்எடுத்துஇந்தமாதிரிஎன்னIDவருகிறதோஅந்தIDஐஎடுத்துவிட்டுநாம்எங்கேpassபண்ணபோகிறோம�
user serviceஇல் remove one user DB serviceக்கு நாம் pass பண்ண போகிறோம். இந்த மாதிரி எழுதுகிற நேரம் எல்லாம் action method name வந்த�
note எழுதுகிற நேரம் சரியான ஒரு professional எழுது இந்த மாதிரி தான். Remove one user DB வருகிற ID எடுத்து இந்த மாதிரி அனுப்புகிறோம்
Okay right இப்ப இங்க வந்து avoid user service வருவது user service remove என்பதற்கு நாம் அனுப்புகிறோம்
you remove யூச. எடுத்துவிட்டு அதற்கு அப்புறம் அதில் இருந்து எங்க அனுப்ப போறோம�
serviceக்கு அனுப்பப் போகிறோம். serviceஇல் வந்து ஒரு method அந்த serviceஇல் எழுதி என்ன எழுதி இருக்கிறோமோ அதை எடுக்கப் போகிறோம்
user service இது அப்படியே எடுத்து நான் வந்து இங்கேயே போடுறேன். Right
எல்லாம்வந்துநம்ம.இப்பவந்து,இதுலயும்வந்துநான்வந்துusercontroller
வந்துஅந்தmethodவந்துexportபண்ணபோறேன்.வெளியdeleteuserவந்துஇப்பஇதுலவந்துபாருங்கremoveன்றதுநம்மவந்துஎதுலஇருந்துControlவந்துremove
service serviceக்கு pass பண்ணுகிறோம். வருகிற ID ID பார்த்தீர்கள் என்றால் ஒரு ID pass பண்ணி அந்த ID remove user service methodஇல் வந்து அந்த ID pass பண்ணுகிறோம் pass
பண்ணுகின்றஅந்தIDவந்துஎங்கேஎடுக்கபோகிறோம்நாம்.இந்தஇந்தcontrollerpassபண்ணுகிறIDஎங்கஎடுக்கபோகிறோம்.இந்தserviceக்குஎடுக்கபோகிறோம்.இத�
update update updateஇல் வந்து ID and details எடுத்தோம். இதில் வந்து ID மட்டும் எடுக்க போகிறோம்
எடுத்துவிட்டுஅதிலும்இந்தமாதிரிpromiseஒருmethodcreateபண்ணிவை.reservereject.Resultவந்துஉங்களுக்குவந்துசரியாகremoveஆனதுஎன்றால்அதுresolve
ஆகும்.இல்லைஎன்றால்rejectஆகும்.அதுவும்modelஇல்வந்துfindfindbybyIDanddeletemethodஐவைத்துதான்நாம்recorddeleteபண்ணபோகிறோம்.இத�
use பண்ணி தான் delete பண்ணப்போகிறோம். ID எடுத்துவிட்டு function return date error result pass பண்ணிவிட்டு ஏதாவது பிழைகள் ஏற்பட்ட errorஇல் வந்து reject ஆகும்
அப்படிபிழைஇல்லைஎன்றால்resultவந்துresolveஆகிநமக்குresultவந்துகாண்பிக்கும்.அதைதான்நான்வந்துசொல்லிஇருக்கிறேன்.அவ்வளவுதான்விஷயம்.சரிய�
reject reserve இந்த மாதிரி promise ஒரு function create பண்ணி இந்த மாதிரி ரெண்டு method implement பண்ணிக்கிறீங்க
result and reject okay அது user model ல தான் நமக்கு போயிட்டு இந்த user model ல call பண்ணி உங்களோட ID க்கு தேவையான record என்ன ID நீங்�
கொடுக்குறீங்களோஅந்தIDக்குrecordவந்துmodelலஇருந்துஎடுத்துஉங்களுக்குreturnபண்ணிresultவந்துdeleteபண்ணிகொடுப்போம்.இவ்வளவுதான்கொடுக்குறோம்.அதைவந்துஇந்தஇந்�
மாதிரிதான்வந்துserviceஇல்இருந்துmodelக்குpassபண்ணிmodelஇல்வந்துfinebyanddeleteஎன்கிறஒருmethodஇருக்கிறது.அந்தmethodதான�
delete பண்ணும். அதே மாதிரி fine by update method தான் update பண்ணும். அந்த மாதிரி methodஐ வந்து நாம் கொடுக்கிறோம்
இவ்வளவுதான்விஷயம்ஒன்றுமேஇல்லை.modelஇல்வந்துஒவ்வொருmethodimplementபண்ணிஇருக்கிறார்கள்.நாம்கொடுக்கின்றrequestக்குஏற்றமாதிரிdeleteபண்ணுவதற்குஎல்லாவற்றிற்கும�
no implement பண்ணியிருக்கிறார்கள். இப்போது நமக்கு என்ன வேண்டும் என்றால் userஇல் வந்து. Delete என்று சொல்லி ஒரு request வந்தது என்றால் எந்த dataவை நான் இந்த dataவை delete பண்ணுகிறேன் என்றால�
இந்தideaஐகொண்டுவந்துபோடுவேன்.NGOttawaIDவந்துஅவங்களுக்குassignஆகும்.இங்கவந்துநம்மகொடுத்தாஎன்�
பிரச்சனை?ஏதாவதுஒன்னும்காட்ட�
ஏதாவதுURLதான்problemஇருக்குபோல.Talkலபோய்வைப்போம்.removeன்னுகொடுத்துஇருக்கிறேன்.ஆனாவந்துநான்deleteனுகொடுத்தேன்.அதான்பிரச்சனை.remove
ன்னுகொடுத்துவிட்டுdeleteனுமாத்தி.மாத்திட்டுsaveபண்ணிட்டு.என்னஅண்ணாநாங்கdealபண்ணிப்போம்.ம்ம�
Loose delete. ராயி. இந்த program வந்து stop பண்ணிட்டு run பண்ணனும். change பண்ணனும்
control C ஆ stop பண்ணிட்டு திரும்ப run பண்ணனும். இப்ப delete ஆச்சா இந்த user deleted ஒன்னு வருது
இப்பuserவந்துdeleteபண்ணிட்டோம்.இந்தமாதிரிrecordவந்துdeleteபண்ணிகாமிக்கலாம்.அவ்வளவுதாங்கdeleteactionஇப்பநம்மவந்துgetallபண்ணிபார்ப்போம்workபண்ணதா.Get
all. நான் வந்து action method change பண்ணிக்கிறேன் என்று சொல்லி தான் work பண்ணுது
delete பண்ணினாலும் அந்த record காண்பிப்பதில் மற்ற record வந்து இந்த மாதிரி display பண்ணி காட்டுகிறது
delete record வந்து delete பண்ணும். இப்போது பார்த்தீர்கள் என்றால் இந்த மாதிரி ஒரு விஷயத்தை வைத்து நாம் செய்துகொள்ளலாம்
இந்தமாதிரிமத்ததைபோட்டீர்கள்என்றால்அதுவும்பாருங்கள்deleteஆகிவிட்டதுஅந்தrecordஉம்.இப்போதுவந்துஇதைவந்துgetallஅடித்துபார்த்தீர்கள்என்றால்getall.அடிச்சுட்டுஇது�
வந்துபாத்தீங்கன்னாஉங்களுக்குஎல்லாrecorddeleteஆயிடுச்சு.Okayஇந்தமாதிரிநமக்கானவேலைகளைவந்துeasyஆகநாம்செய்துகொள்ளலாம்.இப்போதுவந்துoperationவந்துநான்வந்துbackendவந்துcompleteஆ�
முடித்துவிட்டேன்.NJSஉம்மோடிuseபண்ணிஎப்போbackendapplicationdevelopபண்ணுவது.இனிஅடுத்தவாரம்videoஇல்வந்துfrontendஐபார்ப்போம்.எப்பட�
front endஇல் வந்து நாம் angular use பண்ணி இந்த விஷயத்தை வந்து front endஇல் செய்வது
Thank you. Hi, welcome to tutor funny tamil இப்போது இன்றைக்கு channelஇல் நாங்கள் பார்க்கப்போகிற விஷயம�
angular தான் பார்க்கப்போகிறோம். இப்போது நாம் note GS இல் நாம் வந்து back end applicationஐ வந்து complete பண்ணிவிட்டோம்
இன்றைக்குvideoஇல்வந்துfrontendவந்துஎப்படிநாம்noGSஓடangularவந்துconnectபண்ணுவதுஎன்பதைபார்ப்போம்.இப்போதுஇதுதான்நம்முடையprojectfolderஇப்போத�
நாம்,இன்னொருfolderஒன்றுcreateபண்ணிக்கொள்ளலாம்.இதுவந்துநமக்குதுfrontendஉங்களுக்குஒருefficientwayஇல்செய்வதாகஇருந்தால்ஒர�
project ஒன்றை create பண்ணி அதற்குள் front end, back end இரண்டு folder வைத்துக்கொள்கிறீர்கள். நான் ஒரு example ஆல் வெளியில் folder create பண்ணுகிறேன்
இப்போது,இதுதான்நாம்வந்துbackendnotrightஇப்போதுநான்வந்துஇதை,என்னபண்ணப்போகிறாய்என்றால்.இத�
cut பண்ணும். cut பண்ணி அந்த folder note project tool க்கே போவோம். இப்படி தான் நாம் project செய்கிறது
இதுவந்துநம்முடையbackhandapplicationஇதுவந்துநம்பெயரையும்வந்துவேண்டும்என்றால்நாம்backhandஎன்றுமாற்றிக்கொள்ளலாம்.நாம்மாற்றிக்கொள்வோம்backhandRight
இப்போதுஇதைவந்துஅடுத்துநாம்என்னபண்ணபோகிறோம்என்றால்frontendஐசெய்யப்போகிறோம்.இப்போதுaddressbarஇல்CMDஅடித்துஇல்லாமல்frontendஐநாம்செய்வோம்.frontendசெய்கிறநேரம்நாம�
googleஇல் போய்விட்டு angleஐ CLI என்று search பண்ணுங்கள். இதுதான் angular official website இதில் தான் நாம் CLI வந்து connect பண்ணப்போகிறோம்
Get started. இதில் பாருங்கள். உங்களுக்கு வந்து என்கிட்ட வந்து installation கொடுத்திருப்பார்கள். right Right
இப்போதுஅதில்வந்துபாருங்கள்directorபெயர்எல்லாம்இதில்வந்துgangularCLIஎன்றுகொடுத்துவிட்டு.அடித்துவிட்டீர்கள்என்றால்clickபண்ணுங்கள்.இப்போத�
இதில்வந்துinstructionகொடுத்திருப்பார்கள்என்றால்எப்படிinstallபண்ணுவது.இதைவந்துநான்copyபண்ணிக்கொள்வேன்.copyபண்ணிஇந்தcommandfrontஇல்போடுகிறேன்.paste
பண்ணிட்டுஎன்கிட்டkeyஐpressபண்ணுகிறேன்.நீங்கள்பார்த்துcommandpromptஇல்configureஆவரைwaitபண்ணவேண்டும்.Right
இப்போதுconfigureஆகிவிட்டது.completeஆகcompleteconfigureஆகிவிட்டது.நீவந்துஅதற்குஅப்புறம்நாம்வந்துநம்முடையangularprojectஐவந்துநாம்create
பண்ணப்போகிறோம்.அப்போதுஅதற்கானcommandஇதுதான்.நீங்கள்copyபண்ணியேபோட்டுக்கொள்கிறர்கள்.typeபண்ணப்போகாதீர்கள்.இல்லையென்றால்completeஆகஅந்தsideஇல்இருக்கிறது.rightokay.இப்போத�
இதில்வந்துநான்notepadஇல்pasteபண்ணிக்கொண்டுஇருக்கிறேன்.இதில்வந்துநம்projectஐவந்துdefaultஆகஇப்படித்தான்வருகிறது.பெயரைவந்துநாம்மாற்றிக்கொள்ளலாம்.இப்போதுNGnewproject
வந்துdefaultஆகவருகிறதுfirstmyprojectfirstprojectஎன்றுஅதற்குநான்வந்துfrontendஎன்றுமாற்றிக்கொள்கிறேன்.FrontEndஎன்றுகொடுக்கிறேன்.கொடுத்துவிட்டுcopyபண்ணிவிட்டுpasteபண்ணிவிட்ட�
enter keyஐ press பண்ணுகிறேன். இப்போது நீங்கள் wait பண்ணுங்கள். இதை வந்து install பண்ணிய வரைக்கும் நீங்கள் wait பண்ணுங்கள்
ஏனென்றால்yesbyeகொடுங்க.SESselectபண்ணுங்கள்.Enterபண்ணுங்கள்.இப்போதுinstallபண்ணஆரம்பிக்கிறதுpackages.ஆங�
இப்போதுஇங்கேவந்து,Codespacedotஎன்றுஅடித்து,இந்தprojectஐவந்துநீங்கள்இங்கு,இதுதான�
உங்களுடையprojectrightஇதுதான்உன்னுடையprojectright?இதுbackhandஇதுfrontendஇப்போதுfrontendinstallபண்ணிமுடித்துவிட்டீர்கள்பாருங்கள்.இப்போதுஇதைநான்openபண்ணப்போகிறேன்.அதfolderஉள்ளபோய்விட்டுஇந்�
மாதிரிCMDஎன்றுஅடித்துcodespacedotஎன்றுஅடித்தீர்கள்என்றால்உடையcompletefolderstructureவந்துopenஆகும்VScode.இதைநீங்கள்செய்யவேண்டும்.Right
இப்போதுவந்துஇது.Runபண்ணுவதற்குவந்துenserveஎன்றுஅடிஇந்தcommandஐகொடுத்துநாம்வந்துangularprogramrunபண்ணுவதுNGserve
அடிச்சு.Rightஇவ்வளவுதான்நாம்செய்யவேண்டியவிஷயம்.இப்போதுவந்துSRCஎன்கிறfolderஇல்வந்துappஎன்கிறfolderஇல்பாருங்கள�
routing சம்மந்தமான ஒரு folder இருக்கிறது. index dot HTML என்று ஒரு folder இருக்கிறது
இந்தindexdotHTMLஇல்பாருங்கள்bodytagக்குapproutஎன்றுcallபண்ணியிருக்கிறோம்.இதுஎங்கேஇருக்கிறதுஎன்றால்பாருங்கள்upcomponentTSஇல்பாருங்கள்இருக்கிறது.Aprout
என்றுஒன்று.இதுதான்callபண்ணிஅந்தsinglepageapplicationஇல்outputஐஎடுத்துகாட்டுகிறது.RightappdotcompounddotTSஇதில்பாருங்கள்generateபண்ணியிருக்கி�
இரண்டுfileHTMLfileandSSSfileஇதுவந்துஇதுதான்அந்தHTMLfileஇடம்வந்துஉங்களுடையangularprogramrunபண்ணுகிறநேரம்.defaultஆககாட்டுகிறwelcome
page அதுதான். Right இது மாதிரி selector வந்து ஏனென்றால் approve இதை ஞாபகம் வைத்துக்கொள்கிறீர்கள்
selector வந்து approve இந்த HTML Pageக்கு போனீர்கள் என்றால், Right அந்த HTML pageஇல் என்ன எழுதியிருக்கிறோமோ அதுதான் அங்கே நடக்கும�
இப்போதுநான்வந்துrunபண்ணிக்காட்டுகிறேன்.இப்போதுrunஆகிறது.எங்களுடையஇதுவந்துநான்வந்துஇப்போதுyesகொடுக்கவில்லை.அதனால்தான்இவ்வளவுநேரம்இருந்தது.இப்போதுrunபண்ணஆரம்பிக்கிறது.இப்போதுபார்த்தீர்கள்என்றால்app
component dot HTML இல் பாருங்கள். இது தான் அந்த user interfaceஇல் design right இப்போது CSS இல் எது design எழுதி என்றால் CSS இல் காட்டும்
defaultஆக CSSஇல் எழுது எல்லா designஉமே HTML formulaக்கே style sheet connect பண்ணி எழுதி இருக்கிறார்கள்
உங்களுக்குபார்க்கக்கூடியதாகஇருக்கும்பாருங்கள்.completeஆகஇதுதான்உங்களுக்கானwelcomescreenஇல்வந்துஇந்தuserinterfaceதான்உங்களுக்குவந்துrunஆகிறது.Right.இப்போத�
CSS fileஐயும் HTML fileஐயும் இணைக்கின்ற ஒரு file தான் TS file இப்போது பார்த்தீர்கள் என்றால் இந்த port எல்லாம் உங்களுக்கு define பண்ணி வந்துவிடும்
இப்போதுஅந்தportஐconnectபண்ணிவிட்டுநீங்கள்enterkeyஐpressபண்ணினீர்கள்என்றால்உங்களுக்குஇந்தமாதிரிwelcomepageவந்துஉங்களுக்குfrontandwelcomepageவந்துஇந்தமாதிரிகாட்டும�
அப்புறம்நாம்என்னபண்ணப்போகிறோம்என்றால்ஒருcomponentஒன்றுcreateபண்ணப்போகிறோம்.இப்போதுஅந்தcompoundஐஎப்படிcreateபண்ணுவதுஎன்றுangularஎன்பதைபார்ப்போம்.இப்போதுநமக்குsuccessfulஆகநாம்angularprogramஇந்தwelcome
pageஐ நாம் பார்த்தோம். இப்போது நாம் ஒரு componentஐ create பண்ணுகின்ற நேரம் இப்போது E driveஇல் போய்விட்டீர்கள் என்றால் CMD என்று அடித்துவிட்டு componentஐ எப்படி create பண்ணினோம் என்றால் engine என்ற�
சொல்லிஅடித்துவிட்டு,Generategeneneஅடிங்க.வும்.Generate
என்றுஅடித்துவிட்டுGவந்துNGஎன்றால்generateஅதற்குGக்குவந்துநீங்கள்shortformஆகGஅடிக்கலாம்என்றால்component.இங்கேவந்துcomponentபெயர்என்�
பெயர்studentஎன்றுசொல்லிstudentஎன்றுசொல்லிஒருcomponentஒன்றுcreateபண்ணும்.Rightcreateபண்ணிenterkeyஐpressபண்ணினால்அந்தcomponentவந்துcreateபண்ணிவிடும்.Thatcreateபண்ணிவிட்டது.இந்�
நான்குfileஉம்createஆகும்.இப்போதுபோய்விட்டுபார்த்தோம்என்றால்insidetheupfolderஇல்போய்பார்த்தோம்என்றால்பாருங்கள்ஒருfolderவந்துஉங்களுக்குவந்துcreateஆகிவிட்டது.studentsஎன்றுஒருfoldercreateஆகிவிட்டது.இந்�
folder உள்ள பாருங்கள் நான்கு file create ஆகிவிட்டது. Okay. Student HTML SSS right இந்த மாதிரி spec DS
TS என்று நான்கு file create ஆகிவிட்டது. Okay இந்த மாதிரி file வந்து create ஆகிவிட்டது
இந்தTSfileஇல்தான்நாம்வந்துlogicஎழுதுவோம்.HTMLfileஇல்தான்நாம்designஐஎழுதுவோம்.RCSSfileஇல்CSSஇந்தமாதிரிநாம்separate
பண்ணியிருக்கிறோம்.இந்தappcomponentஇல்உள்ளஅவ்வளவுபெரியdesignஐயும்நமக்குவந்துஎல்லாவற்றையும்நாம்நாம்வந்துஎன்னபண்ணுவோம்என்றால்deleteபண்ணுவோம்.Okayநமக்குஇந்தdesignதேவையில்லை.இப்போத�
வந்துநம்இதைவந்து,இங்கனவந்துநமக்கானstudentcontrolstudentக்குநாம்கொடுத்தஅந்தcomponentஐவந்துஇங்கassignபண்ணிபார்ப்போம்.இங்கேவந்த�
எழுதிப்பபார்ப்போம்எப்படிஇருக்கிறது.studentcredஎந்தcomponentஐநாம்createபண்ணினோம்.saveallபண்ணிவிட்டுஏன்.Rightஇதில�
வந்துஇதுதான்componentஇதில்வந்துTSfileஎடுப்போம்.இதுதான்TSfiveஇதைcopyபண்ணுங்கள்.இதில்எப்படிஎழுதிஇருக்கிறதோஇதைஅப்படியேcopyபண்ணிக்கொள்ளோம்என்றுபோய்விட்டு.AdotcompounddotHTMஇதில்தான்நமக்க�
beginningஆக run பண்ணுகிற file ஏனென்றால் இந்த appஇல் app எதை தானே call பண்ணியிருக்கின்ற rootஇல் அதனால் இதுதான் கொடுக்க வேண்டும்
கொடுத்துவிட்டுsaveallபண்ணிகொண்டுபோய்runபண்ணிஇந்தstudentworkingஎன்றுசொல்லிநமக்குrunஆகிவிட்டது.இந்தpageவந்துஉங்களுக்குஎடுத்துrunபண்ணிக்காட்டுகிறது.எந்தproblemமும்இல்லாமல்runபண்ணிக்காட்டுகிறது.இப்போத�
நாம்என்னபண்ணப்போகிறோம்என்றால்அடுத்தது.இதுrunபண்ணிக்காட்டுகிறது.இப்போதுநாம்வந்துஅடுத்துவந்துengineஅடித்து,NPM
I bootstrap install. இப்பொழுது நாம் bootstrapஇல் தான் நம்ம home complete design நாம் bootstrapஇல் தான் செய்யப்போகிறோம்
இப்போதுbootstopinstallபண்ணிஆகிவிட்டது.installஆகிவிட்டது.அடுத்துநாம்என்னபண்ணப்போகிறோம்என்றால்,நம்மஆங�
நம்முடையபாருங்கள்MPMorderஇல்போய்விட்டுபாருங்கள்.booststopinstallபண்ணbooststopகாட்டியிருப்பார்கள்.இந்தboostopinstallஆகிவிட்டது.சரியா?Ndemodulesஇல�
வந்துbootstopinstallஆகிவிட்டது.இப்போதுவந்துநாம்போய்விட்டுstyledotCSSஇல்போய்விட்டுநமக்கானpathஐpasteபண்ணவேண்டும்.இதுதான்pathimportஇல்வந்துbootstop
Boost up பார்த்தீர்கள் என்றால் imports boost modulesஇல் தான் install ஆகியிருக்கிறது. Boost appக்குள் DST என்கிற folderஇல் CSS இல் boost dot CSS இருக்கிறத�
அதைத்தான்இங்கவந்துஇந்தமாதிரிஉங்களுக்குஎழுதிகாட்டவேண்டும்.styleஇதைஇதைவந்துsaveபண்ணிவிடுங்கள்.இப்போதுநாம்boostupimplementationபண்ணிவிட்டோம்.இப்போதுபோய்விட்ட�
இங்கேபோய்விட்டுநாம்என்னபண்ணப்போகிறோம்என்றால்அடுத்தstepநாம்வந்துஒருfoamdesignஒன்றுஎடுப்போம்.இப்போதுgoogleஇல்போய்விட்டு.நாம�
search பண்ணப்போகிறோம் என்றால் board stab Implementation இந்த மாதிரி எடுத்தோம் என்றால் நமக்கு booster�
எப்படிimplementபண்ணுவதுஎன்றுகேட்கக்கொடுத்திருப்பார்கள்.இதைclickபண்ணுங்கள்.Rightஇப்ப�
வந்துநமக்குformdesignவந்துஇதில்நமக்குகிடைக்கவில்லை.Mostofformsஎன்றுபோட்டோம்இப்போதுpostofformsஇப்போதுபாருங்கள்formedfoamdesignகொடுத்திருக்கிறார்கள்.இதைஅப்படியேcopy
பண்ணலாம்.இதைcopyபண்ணிவிட்டுஇங்கேimplementபண்ணுவோம்.implementபண்ணியதற்குஅப்புறம்,ம்ம்இதில�
வந்துபாருங்கள்இதெல்லாம்emailaddressஇதைவந்துகொஞ்சம்நாம்வந்துcustomizeபண்ணிக்கொள்.நமக்குஎன்னஎன்னfieldsவேண்டும்.இப்போதுname.இப்போதுஇதெல்லாம்வந்துமற்றfieldஎல்லாம்நான்வந்துremoveபண்ணிக்கொள்கிறேன்.அப்பட�
இப்போதுஒருfieldஐசெய்துவிட்டுமற்றfieldஎல்லாம்வந்துநான்அப்படியேpasteபண்ணிக்கொள்கிறேன்.இப்போதுஇதெல்லாம்நமக்குதேவையில்லை.இந்ததுண்டுஎல்லாம்எடுத்துவிட்டுநமக்குதேவையானதைமட்டும்வைத்துக்கொள்ளவேண்டும்.Rightஇப்போதுவந்துநமக்குemail
எதற்குபதிலாகநமக்குஎன்னtextinputtypeஆககொடுத்துக்கொள்வோம்.IDஎன்பதுஎதற்குகொடுப்போம்nameஎன்றுகொடுத்தோம்.placeholderவந்துஎன்கிட்டதான்nameகொடுத்தோம்.இப்போதுsetபண்ணிக்கொண்டோம்.இப்போத�
இதைஅப்படியேcopyபண்ணிகீழேபோ.போட்டுஇதைவந்துஎன்னபண்ணப்போகிறோம்.அடுத்ததுaddressஇதுவந்துதுண்டுவந்துaddress.address
என்றுகொடுப்போம்.இதைஅந்தaddressingகொடுத்துவிட்டு,இதைஅப்படியேcopyபண்ணிகீழேபோட்டுவிட்டு,இதைவந்துphoneஎன்றுகொடுத்துவிட்டு,என்�
அண்ணாphone.எங்கனாபோ.Right
இப்போதுஇதுதான்ஒன்றானformdesignsimpleformdesignboostimplementபண்ணிவிட்டேன்.okayஇப்போதுஅந்தமாதிரிஒருduetagஒன்றுமேலேஒருheadingக்குகொடுக்கிறதற்குவந்துஒருcarddesignboostஇல�
கொடுக்கிறதற்குவந்துcontainerஒன்றுsetபண்ணிவிட்டுமேலவந்துduetagஐமேலேcloseபண்ணவேண்டும்.இந்தமாதிரிஎழுதிக்கொள்.மேலேஒருheadlineஒன்றுஇந்தமாதிரிஎழுதினேன்.அதாவத�
ஒருreadingஒன்றுவேண்டுமேநமக்கு.இந்தமாதிரிமேலேஎத்தனைஇரண்டுdustartபண்ணியிருக்கிறோம்.அந்தஇரண்டுdueவையும்கீழேcloseபண்ணிவிட்டேன்.sameஇப்போதுநம்applicationrunபண்ணிபார்ப்போம�
எப்படிவந்துuserinterfacedesignஇருக்கிறது.அதற்குrefreshஆகிவிட்டது.இந்தஅப்பஉங்களுடையformdesignவந்துsuccessஆகவந்துஅவர்களுக்குவந்துrunஆகிக்காட்டுகிறது.okayஇப்போதுஇவ்வளவ�
successஆக ஆகிக்காட்டுகிறது. இப்போது நாம் பார்ப்போம். எப்படி records வந்து insert பண்ணுவது என்பதை பார்ப்போம்
Okay இப்போது recordsஐ வந்து நாம் type பண்ணுகிற value வந்து நம் formamஇல் save save பண்ணுவதற்கு இந்த விஷயத்தை நீங்கள் import பண்ணவேண்டும்
உங்களுடையformamக்கு.NGmodelஎன்கிறவிஷயத்தைநாம்implementபண்ணவேண்டும்.okayஇப்போதுவந்துஇதைவந்துநாம்implementபண்ணுவோம்இங்கNGmodel.NG
model இதை வந்தீர்கள் என்றால் கொடுக்க வேண்டும். ஏனென்றால் name கொடுப்போம். நீங்கள் என்ன value type பண்ணுகிறீர்கள் இந்த modelஇல் தான் save ஆகும்
இந்தvalueஅதைதான்நீங்கள்கொடுக்கவேண்டும்.standaloneproofஇதைநீங்கள்கொடுத்துக்கொள்ளவேண்டும்.இதெல்லாம்நமக்குத்தேவையில்லை.இந்தஇரண்டுமுக்கியமானவிஷயங்கள�
வந்துநீங்கள்செய்துகொள்ளவேண்டும்.இதுதான்ரொம்பமுக்கியமானவிஷயம்.Nameஇந்தஇதெல்லாம்நான்உங்களுக்குcodesஎல்லாம்கொடுப்பேன்.codesஅப்படியேsitesஇல்இருக்கிறது.Linkdescriptionஇல்கொடுத்துdownloadபண்ணிக்கொள்ளலாம்.பார்த்தேன�
address. Right, address, address அதற்கு முன்னுக்கு நான் வந்து export toolக்கு வந்து variables create பண்ணிக்கொள்கிறேன்
இப்போதுfirststepவந்துangularஎன்னபண்ணப்போகிறோம்என்றால்logiclogicஇல்வந்துநாம்என்னபண்ணப்போகிறோம்என்றால்,variablescreateபண்ணிக்கொள்ளலாம்.என்னென்னvariablesதேவையோநமக்குrecordsinsertபண்ணுவதற்குஅந்தvariables�
create பண்ணிக்கொள்ளலாம். copy பண்ணிவிட்டு, இந்�
variables create பண்ணிக்கொள்ளலாம். இப்போது first nameக்கு name. String data type அதை address
string data type அடுத்து phone number வைத்தது stringer. வந்த�
நாம்நம்fieldsஎல்லாம்தேவையில்லை.இந்தமாதிரிநமக்கானvaluesஐவந்துஇப்படிvariablesstoreபண்ணிக்கொள்ளலாம்.இப்போதுபோய்பார்த்தீர்கள்என்றால்,rightஇப்போதுநாம�
வந்து.இப்போதுநீங்கள்nameஎன்னnametypeபண்ணுகிறீர்களோஅந்தnameவந்துஉங்களுக்கானnameஎன்கிறvariableஇல்போய்விட்டுstoreஆகிவிடும்.இதில்வந்து,இதில்பாருங்கள்.app
module TS என்று ஒரு file இருக்கிறது. இதில் வந்து நமக்கு செய்ய வேண்டிய விஷயம் formsஐ implement பண்ணவேண்டும்
இதனால்firstவந்துHTPHTPrequestஇல்தான்நமக்கானfrontfrontandbackendவந்துநமக்குconnectஆகிறது.இப்போதுHTPclientmoduleஐவந்துimportபண்ணிக்கொள்ளவேண்டும்.First
form data இதை வந்து invert பண்ணிக்கொடுங்கள். Tata Module right இதை first வந்து ஒரு form implement பண்ணுவதற்கு இத�
வந்துinsertபண்ணிக்கொள்வோம்.அடுத்துவந்துcommaECTPம்ம்பண்ணுவோம�
HTP இப்போது பார்ப்போம். இந்த அந்த HTP client
model இந்த இதை வந்து இந்த இந்த name spaceஐ வந்து இங்கே import பண்ணிக்கொண்டு இங்கே import பண்ணிக்கொள்வோம்
import பண்ணிவிட்டு இதற்கான name spaceஐ வந்து மேலே type பண்ண வேண்டும். இதற்கான name spaceஐ வந்து மேலே type பண்ண வேண்டும்
Right HTP client model வந்து எந்த name spaceக்கு இருக்கிறது என்பதை கொடுக்க வேண்டும்
இப்போதுஇந்தnamespaceஐஅப்படியேஎடுத்துக்கொண்டுபோய்விட்டுஇதில்மேலேகொடுத்தீர்கள்என்றால்இந்தnamespaceக்குஉள்ளேதான்இந்தHTPclientmodelஇருக்கிறதுஎன்பதைநாம்சொல்லவேண்டும்.அதைதான்நான்விளங்குப்படுத்திஇருக்கிறேன்.Right
அவ்வளவுதான்செய்யவேண்டியவிஷயம்.Okayஇவ்வளவுதான்நீங்கள்செய்யவேண்டியவிஷயம்.இந்தஇந்தpackageக்குதான்இந்தHTPclientmoduleஎன்கிறname
space இருக்கிறது என்பதை நீங்கள் தெளிவாக சொல்லவேண்டும். அப்படியென்றால் தான் அதற்கு விளங்கும். right இப்போது இந்த form module and HTTP client module இது இரண்டையும் நீங்கள் insert பண்ணாலும் நீங்கள�
formஇல் data வந்து save பண்ணு. இப்போது பாருங்கள் அதை கொடுத்ததற்கு அப்புறம் பாருங்கள் உடைய error ஒன்று வந்தது
இப்போதுஇந்தerrorஎல்லாம்இல்லைcompleteஆகokayenginemodelnameஇந்தnameஎன்கிறvariableநாம்எதில்createபண்ணியிருந்தோம்componentTSfiveஇல்அதில்என்னென்னvariableஇல�
கொடுத்திருந்தீர்களோஅந்தvariableஐநீங்கள்நீங்கள்கொடுத்துequalபண்ணிக்கிறீர்கள்.இந்தTSfileஇல்என்னென்னவே.name,address,phonenumberஇதுமூன்றுதான்கொடுத்திருந்தீர்கள்.okayright.பார்த்த�
நாம்என்னபண்ணப்போகிறோம்என்றால்,Employee
TS five. இந்த register இதை அப்படியே copy பண்ணுங்கள். இதை நான் எடுத்து copy
பண்ணிஎடுக்கிறேன்.இந்தcourseஐநான்உங்களுக்குகொடுக்கிறேன்.ஏனென்றால்இதைcopyபண்ணிஎடுக்கிறேன்என்றால்lateஆகும்.இல்லையென்றால்இந்தcourseஐமுடிப்பதற்கு.right.Alright
இப்போதுஇந்தcientmodelHTPclientஇதையும்வந்துcopyபண்ணிஇந்தconstructorpasteபண்ணி.இதைஎதற்குநாம்useபண்ணுகிறோம்என்றால்,நாம்வந்துrestfullAPIவந்துநாம்requestsendபண்ணுவதற்குதான�
இந்தrequestநாம்useபண்ணுகிறோம்.இந்தconstructorconstructorவந்துஅப்படியேcopyபண்ணிpasteபண்ணிக்கொள்கிறது.Okayஇந்தமாதிரிcopyபண்ண�
இதில்வந்துpasteபண்ணிக்கிறேன்.இந்தமாதிரிcopyபண்ணிpasteபண்ணிக்கிறீர்கள்.HMrequest.Rightஇப்போதுஇதுவந்துerrorஇல்ல�
இதைவந்துநாம்அந்தnameஇதற்கானnamespaceஐகேட்கிறதுஇதைclickபண்ணிவிட்டுநாம்அந்தnamespaceஐimportபண்ணிவிட்டோம்என்றால்நமக்குஅந்தerrorபோய்விடும்.இதுநமக்குதேவையில்லாதlineநாம்nexttutorialஇல�
பார்ப்போம்.right.இதில்வந்துஇந்தconstructorஐநாம்implement.HTTPHTPclientஇதில்தான்நமக்குrequestவந்துநமக்குவந்துresponserequestresponseவந்துmanageபண்ணுவத�
இந்தHTTPclientஎன்கிறmoduleஇல்தான்.அடுத்துஎன்னஅப்படிஎன்றால்registerஎன்பதுregisterஎன்கின்றmethodopenபண்ணுகிறோம்closeபண்ணுகிறோம்.இதற்குள்வந்துபாருங்கள்body
data bodyஇல் name Address அடுத்தது phone number இது மூன்றையும் நான் எழுதிக்கொள்கிறேன். எழுதிவிட்டு இது எனக்கு password feel தேவையில்லை
இந்தnameஐவந்துநான்இங்கேsetபண்ணுகிறேன்.addressஐவந்துஇங்கேsearchபண்ணுகிறேன்.phonenumberஇது.அந்தஉங்களுக்குவந்துleftsideஇல்இருக்கிறதெல்லாம்வந்துஉங்களுக்குவந்துdatabaseஇல�
உள்ளவிஷயம்.இந்தdisdotnameஎல்லாம்வந்துஉங்கள்phoneஇல்என்னென்னvaluesநீங்கள்அங்குகொடுக்கிறீர்களோஅதைdatabasefieldக்குsetபண்ணுகிறது.அதாவதுpostmanஇல்setபண்ணுகிறமாதிரி.இப்போதுnameஇல்என்னகொடுதுname
variableஇல் store ஆகும். addressஇல் கொடுக்கிற address phone numberஇல் கொடுக்கிற phone number இந்த மாதிரி disk என்பதை save ஆகி இதை அப்படியே assign பண்ணும்
உங்களுடையdatabaseஇல்உள்ளகுழம்பிட்டnameக்குname,address,phonenumberஎன்கிறகுளம்பஉங்களுக்குassignஆகும்.இதெல்லாம்எனக்குதேவையில்லை.அதுசரிஎன்றால்,அவர்களுடையpostrequestஇல�
போய்விட்டுஉங்களுடையஇதுவந்துஉங்கள்backhandஇல்நீங்கள்எப்படிஇருக்கிறீர்கள்வந்துநீங்கள்postmanஇல்checkபண்ணிபார்த்தீர்கள்என்றால்அந்தrequestஅனுப்பியAPIதான்இது.usercreateஎன்றுஒருrequestவந்ததுஎன்றால�
உங்களுக்குவந்துஎன்னபண்ணவேண்டும்என்றால்recordஐவந்துinsertபண்ணவேண்டும்.Okayஇப்போதுபார்த்தீர்கள்என்றால்உங்களுடையbackendnotbutஇதுநான்பார்த்தேன்Right
அந்தrouteஇல்வந்துஅவர்களுக்குவந்துusercreateஎன்றுஒருrequestவந்ததுஎன்றால்உங்களுக்குrecordஐவந்துஎன்னபண்ணவேண்டும்addபண்ணவேண்டும்.okayஅதுதான்createmethod.அதான�
நான்கொடுத்திருக்கிறேன்.இப்போதுஇந்தroundsஇல்போய்காட்டுகிறேன்.இங்குபார்த்தீர்கள்என்றால்இரண்டாவது.userஇல்createஎன்றுஒருஉங்களுக்குவந்துஒருRequest
ஒன்றுவந்ததுஎன்றால்,நான்என்னபண்ணினான்நான்முதலில்போய்விட்டுஇந்தcreateusercontrollercontrollerக்க�
போய்விட்டுநாம்அதைஎங்கேந்துcallபண்ணியிருக்கிறோம்.Rightuserஎன்கின்றcontrollerக்குபோய்விட்டுநாம்வேலைசெய்யும்.இதில்வந்துபாருங்கள்crossorenஇல்வந்தீர்கள்என்றால்நமக்குவந்துஇன்னொருவிஷயம�
செய்யவேண்டும்.நீங்கள்notenoteGSஓடfrontandangleஓடconnectபண்ணுகிறநேரம்noteJSல்வந்துபாருங்கள்serverusecrossஎன்றுஒருவிஷயம்இருக்கிறது.இதைimplementபண்ணிவிட்டேன�
இதில்வந்துநமக்குஏதாவதுpostissuesஇருந்ததுஎன்றால்நீங்கள்இந்தமாதிரிசெய்துகொள்ளுங்கள்.Crossஎன்றுகொடுத்துவிட்டுஇங்கேநம்முடையphotoகொடுத்துக்கொள்ளலாம்.கொடுத்தும்கொடுக்காமலும்விடலாம�
சிலவேளைஏதாவதுபிரச்சனைவந்ததுஎன்றால்நீங்கள்வந்துஇதைகொடுக்கவேண்டும்.serveruseCROS.இதைவந்துகொஞ்சம்மேலேகொடுப்போம்.கீழேதானேஇடித்த�
மேலேகொடுப்போம்.Right.இதுவந்துமுதலில்loadஆகும்.நீங்கள்frontendஓடநீங்கள்backendஐconnectபண்ணுகிறநேரம்இதுமுக்கியம்.இந்தcrossஎன்கிறவிஷயம�
okay அப்போது நான் தான் அது work பண்ணும். இந்த மாதிரி implement பண்ணிக்கொள்ளலாம். Bye
இந்தtokenநாம்useபண்ணுவதுCORSஎன்பதுஇந்தlibraryநான்alreadyinstallபண்ணிவிட்டேன்.இப்போதுஉங்களுக்குவந்துஇதைவந்துimplementபண்ணிக்கொள்கிறேன்.RCCROSஇத�
எப்படிநாம்installபண்ணவேண்டும்என்றால்MPMICORSஎன்றுஅடித்தீர்கள்என்றால்அந்தlibraryinstallஆகிவிடும்.உங்களுடையterminalஇல்இப்போதுபார்த்தீர்கள்என்றால்ஒருerrorஒன்றுவந்திருக்கிறது.நான்already
cross திரும்ப நான் இது பண்ணிவிட்டு திரும்ப run பண்ணுகிறேன் applicationஐ. implement பண்ணுகிற நேரம் முதலில் ஒரு error ஒன்று வந்திருக்கிறது
ஆங்இதுதான்நம்முடையfolderநம்இதில்அடித்துவிட்டுCMDஎன்றுஅடித்துவிட்டுஇந்தbackஐrunபண்ணுவார்கள�
திரும்ப.இப்போதுநாம்requestbackandநாம்connectபண்ணுவதுஎன்னவென்றால்CORStokenஐநாம்implementபண்ணோம்.No
server dot run பண்ணுகிறோம் அந்த fileஐ again. DB எல்லாம் connected வந்துவிட்டது. angular இலும் ஒரு பிரச்சனையும் இல்லை
இரண்டும்workபண்ணுது.இப்போதுநாம்,இந்தTVstarterஎன்றுவருகிறது.நாம்வந்துformamஇல்போய்விட்டுபார்ப்போம்.refreshபண்ணிவிட்டுஇப்போதுdataaddபண்ணிப்பார்ப்போம�
add ஆகிறதா இல்லையா என்பதைப் பார்ப்போம். சும்மா ஒரு data கொடுக்கிறேன். ஜம் address Phone number
கொடுத்துவிட்டுsubmitபண்ணுகிறேன்.இந்தstudentregistrationsuccessfullyஎன்றுவந்தது.நமக்குrecordவந்துaddஆகிformsஇல்உள்ளvaluesஉம்clearஆகிக்காட்டுகிறது.பார்த்தீர்கள�
என்றால்valuessimpleஆகவந்துdataவந்துaddபண்ணிக்காட்டுகிறது.அதுவந்துஅந்தalertஎன்கிறmessageஇல்தான்ஒருdataaddபண்ணிக்காட்டுகிறது.okayrightஅதாவதுவந்துஇந்தமாதிரிதான்உங்களுக்குஇல்வந்துஎழுதுகிறது.record
add பண்ணியதற்கு அப்புறம் clear பண்ணுவது அப்படிதான். this dot name equal clear என்று கொடுத்திருக்கிறேன்
அந்தமாதிரிதான்clearபண்ணுவது.இரண்டுblankபோட்டீர்கள்என்றால்clearஎன்றுஅர்த்தம்.buttonஇல்registerஎன்கிறbuttonregisterஎன்கிறbuttonsubmitஇல்clickபண்ணினீர்கள்என்றால்registerஎன்கிறmethodக்க�
போகும்.okayநீங்கள்addressஇல்என்னtypeபண்ணுகிறீர்கள்,phoneஇல்என்னtypeபண்ணுகிறீர்கள்.எல்லாtextboxஐயும்typeபண்ணிவிட்டுregistersubmitbuttonஐclickபண்ணினால்registerஎன்கிறfunctionக்குபோகும்.Registerஎன்கிறfunctionஇல�
அவ்வளவுvaluesformvaluesஉம்name,address,phonenumberஐஎடுத்துவிட்டு,உங்களுக்குஇந்தAPIக்குள்போய்விட்டுபதிவுசெய்யவேண்டும்.இந்தcreateAPIஇல்போய்விட்டுஉங்களுக்குsendபண்ண�
உங்களுக்குdataவைவந்துபதிவுசெய்துகாட்டும்.இதுதான்வந்துஇங்குநடக்கவேண்டியவிஷயம்.Right?அப்புறம்வந்துஉங்களுக்கானmessageவந்துஎல்லாவற்றிலும்பதிவுசெய்துகாட்டப்படும்.Student
register successfully இவ்வளவு தான் செய்ய முடியும் விஷயம். Thank you for watching இதில் சந்தம் என்ன என்றால் commentஐ தெரிவிக்கங்கள்
Record ஒன்று எப்படி add பண்ணுவது என்பதை நாம் last videoவில் பார்த்தோம். இன்றைக்கு நாம் பார்க்கப்போகிறோம்
ஆங்எப்படிrecordsவந்துஒருtableஇல்வந்துviewபண்ணிகாட்டுவதுஎப்படிகாட்டுவதுஎன்பதைபார்க்கபோகிறோம்.இப்போதுநாம்என்னபண்ணப்போகிறோம்என்றால்நாம்,ஆஇந்�
HTML fileக்கு போவோம். student credஇல் HTML நாம் வந்து table design பார்ப்போம். இப்போது இங்கே வந்து headingஐ வந்து student registration change பண்ணிவிட்டு கீழ�
நாம்tableஐdefineபண்ணுவோம்.Rightஇப்போதுtableஐவந்துநான்வந்துஇந்தமாதிரிtabledisplayபண்ணிகாட்டுவதற்குஇந்தமாதிரிபோட்டிருக்கிறேன்.tableக்குஒருheadingRight
இப்போதுவந்துbootstraptableஇந்தcodingவந்துநான்உங்களுக்குvideodescriptionஇல்கொடுக்கிறேன்.நீங்கள்downloadபண்ணிக்கொள்ளலாம்.இப்போதுஇந்தtableக்குவந்துநாம்studenttableஎன்றுகொடுப்போம்.பெயர்.Okay
இதாவதுஅதாவதுஒருsimpleHTMLformஇல்உள்ளtabledesignதான்நான்காட்டியிருக்கிறேன்.Rightஇப்போதுtableheadingஉம்கீழேவந்துTbodyக்குஉள்ளேநாம்என்னென்னrecords
நாம்displayஆகவேண்டுமோஅந்தrecordஐவந்துநாம்forloopஇல்கீழேகாட்டியிருக்கிறேன்.displayபண்ணுவதற்கு.Okay.Rightஇப்போதுஅதில்வந்துநமக்குதேவையா�
மாதிரிஇங்கவந்துtableகுளத்துnameஐவந்துகொடுத்துக்கொள்ளும்.headingஐகொடுத்துக்கொள்ளும்.rightஇப்போதுteabodyஉள்ளுக்குதான்நமக்கானவிஷயம்வந்துdisplayபண்ணிகாட்டவேண்டும்.இப்போத�
என்னபண்ணப்போகிறோம்என்றால்இதுவந்துநமக்குதேவையானமாதிரிmodifyபண்ணிக்கபோகிறோம்.ஆஇப்போத�
அதில்என்னென்னநமக்குfieldவந்துheadingக்குதேவை.name,address,phoneright.Soஇதில்வந்துகொஞ்சம்நாம்arrangeபண்ணிக்கொள்வோம்.இந்தமாதிர�
arrange பண்ணிட்டு கொஞ்சம் Bye இப்போது வந்து நாம், இங்கே வந்து நம் name என்று கொடுத்துக்கொள்வோம�
இதேaddressphone.அதாவதுநான்காவதுவந்துoptionஎன்றுஒன்றுஇருக்கிறது.அதாவதுoptioncolumnஎதற்க�
கொடுக்கிறோம்என்றால்,Editanddeleteபண்ணுவதற்குஇரண்டுbuttonbuttonஐவந்துஅந்தகுளத்தில்குளத்தில்வந்துநமக்குdisplayபண்ணிகாட்டவேண்டும்.இப்படிதான்நமக்குefficientwayஆ�
ஒருcredapplicationஎழுதுவது.இப்போதுஅதில்வந்துநாம்என்னவென்றால்studentitem.அததான்displayபண்ணிகாட்டப்போகிறோம்.studentitem,student
item student item என்று மாற்றிக்கொள்வோம். அதாவது completely அந்த அறையில் நாம் load பண்ணி ஒரு itemஆக one by one by oneஆக நாம் எடுக்கிறோம்
அதுதான்கொடுக்கிறோம்.Rightஅதுதான்letஅப்படிஎன்றால்ஒருfourloopதான்அதுNGfourஎன்பதுangularஇல்fourloopஆல்நாம்loadபண்ணிஎடுக்கிறோம்.ஏனென்றால்uppercaseஎன்றால்அந்தname
வந்துuppercaseஇல்வந்துஉங்களுக்குshowபண்ணிகாட்டவேண்டும்என்றால்angularஇல்ஒருவிஷயம்இருக்கிறது.uppercaseஎன்றுஒன்றுஇருக்கிறது.அப்போதுஅதுஇந்தமாதிரிதான்defineபண்ணுகிறேன்.defineபண்ணினால்அதுவந்துuppercaseஇல்அதாவதுcapitalஇல�
வந்துஉங்களுக்குdisplayபண்ணிக்.அதைதான்நான்கொடுத்திருக்கிறேன்.perfectஆக.Rightஅவ்வளவுதான்வந்துநாம்கொடுக்கவேண்டியவிஷயம்.இப்போதுகீழேவந்துநாம�
எழுதுவோம்.employeeTSfileஇல்இதுஅப்படிய�
நம்மபங்கானகுறையைபோட்டு.இப்போத�
அடுத்துநாம்பார்க்கபோகின்றவிஷயம்வந்து,employeeஅறைஇந்தஅறையைநாம்எடுத்துcoverபண்ணிபோட்டுவிடுகிறேன்.இந்�
இந்தarrayஐநாம்defineபண்ணினால்தான்நமக்குவந்துformamவந்துநமக்குdisplayஆகும்.Rightfoamவந்துdisplayபார்க்கவேண்டும்என்றால்அந்தar.Employeearyஎன்பதற்குவந்துநாம்வந்துஇத�
வந்துநாம்studentarrayஎன்றுமாற்றிக்கொள்ளலாம்.Rightஇப்போதுஇதில்தான்recordsஐவந்துநாம்loadபண்ணுவது.நாம்tabletableக்க�
நாம்passபண்ணுவதற்குrecordஐloadபண்ணுவதற்குஇந்தமாதிரிarraycreateபண்ணிவிட்டுஎன்னஎன்றுசொல்லிவிட்டுtypeஐகொடுத்துவிட்டுஇங்கேநாம்வந்துblankarrayஐவந்துselectபண்ணிக்கலாம்.இதற்குள்தான்நாம்loadபண்ணப்போகிறோம�
Records. அந்த records எங்கே இருந்து load பண்ணப்போகிறோம் என்றால் அந்த rest full API right
இப்போதுஅதில்வந்துநாம்என்னபண்ணப்போகிறோம்என்றால்getallஇந்தmethodஐஎடுக்கப்போகிறோம்.இந்தgetall.Employeeஇந்தஇதுokaybye.இ�
நான்கொழுந்துவிட்டேன்.errorஒன்றுகாட்டவேண்டும்.errorஎன்னதற்குஎன்றால்நாம்அந்தmethodஐஇன்னும்நாம்createபண்ணவில்லை.getallstudentஎன்கின்றmethodright?இதில்ஒன்றும�
இல்லை.இதைஅந்தAPIக்குsendபண்ணிஅந்தAPIஇல்இருந்துநாம்resultஎடுக்கிறோம்.எந்தஒருdatabaseconnectionஇல்இதில்வந்துஒருdatabaseconnectionestablishஎன்றுஇல்லை.Right?Only
இந்தAPIமூலியமாகதான்இதுவேலைசெய்கின்றது.Right?OnlyAPIநீங்கள்postmanஇல்உள்ளAPIworkபண்ணுகின்றமாதிரிஅந்தAPIஐவந்துநாம்அங்கேworkபண்ணுகிறோம்.அவ்வளவுதான்.ஆங்declare
இந்தstudent.இதைவந்துdeclareபண்ணவேண்டும்.இப்போதுஇதற்குள்வந்துநாம்methodcreateபண்ணவேண்டும்.இப்போதுநான்createபண்ணியிருக்கிறேன்.இதைஅப்படிய�
copy பண்ணி, கொண்டாந்த இது உள்ளே போகும். Court தான் API. இத�
அப்படியேஇதுபண்ணிவிட்டு,நாம்எங்கபோடுRight.இப்போத�
இதில்தான்நமக்குவந்துloadபண்ணவேண்டும்records.சரியா.இப்போதுஇந்தAPIஇல்தான்நாம்recordsவந்துloadபண்ணுகிறோம்.இந்தஇதெல்லாம்postmanஐகாட்டினஎப்பட�
load பண்ணுவது என்று அப்போது get resultக்கு எடுத்து get resultஐ வந்து நாம் எதற்கு pass பண்ணப்போகிறோம் என்றால் நாம் அந்த முதலில் create பண்ணினோமே student ar என்று சொல்லி அந்�
இறைக்குநாம்வந்துpassபண்ணப்போகிறோம்.இந்தஇறைக்குpassபண்ணப்போகிறோம்.Rightஅதாவதுஅந்தAPIஇல்வருகின்றஇந்தURLஇல்callபண்ணினால்completeஇல்employeedetailsவந்த�
student details load பண்ணிவிடுவோம். அதை வந்து இந்த employee student இறைக்கு pass பண்ணோம். அதை தான் நாங்க செய்து இருக்கிறோம்
Right இந்த student. இதை வந்து one by one என்றால் உங்களுக்கு வந்து student itemஇல் அந்த இறையில் என்னென்ன items இருக்கிறதோ அதை one by one உங்களுக்கு வந்து நீங்கள�
name, address, phone number என்கின்றதை display பண்ணவேண்டும். அதை NG phone கொடுத்தீர்கள் என்றால் எத்தனை values இருக்கிறதோ அதை loop பண்ணி உங்களுக்கு print பண்ணி காட்டும்
அதைதான்கொடுத்திருக்கிறோம்.இப்போதுஇந்தஇடத்தில்வந்துநாம்,Editbuttonக்கானonclickmethodஐபோடவேண்டும்okayஇப்போதுநாம்saveபண்ணிவிட்டுநாம்பார்ப்போம�
எப்படிworkஆகுதாஇல்லையாஎன்று.இந்தworkஇந்தrecordsவந்துஎல்லாமேloadபண்ணிஅந்தAPIஇல்உள்ளதுloadபண்ணிஅவர்கள்காட்டுகிறது.இப்போத�
நமக்குபாருங்கள்editanddeletebuttonக்கானoptionஐதான்நாம்செய்யவேண்டும்.இன்றைக்குபோய்விட்டு.Recordஐஎப்படிeditபண்ணுவது,எப்படிdeleteபண்ணுவது.இந்தoptionவந்துநாம்இனிபண்ணப்போகிறோம்.recordவந்த�
successஆக நமக்கு load பண்ணி காட்டிவிட்டது. இப்போது நமக்கு பாட்ட போ வேண்டிய விஷயம் வந்து edit and delete functionஐ பற்றி தான் நாம் பார்க்கப்போகிறோம்
Right வைங்க. இது edit இப்போத�
நாம்செய்யப்படவேண்டியவிஷயம்.இதுஅப்படியே?copyபண்ணிவிட்டுஇத�
நான்pasteபண்ணிக்கொள்கிறேன்.இப்போதுவந்துபாருங்கள்oneclickmethodஇல்நாம்கொடுக்கப்போகிறோம்.Setupdateஇல்வந்துஇதுஎன்னstudentitemகொடுக்கிறோம்.இதைவந்துstudentitemஐகொடுத்துவிட்டுset
update set delete என்று கொடுக்கிறோம். declare பண்ணுவோம். method
set update method இதை வந்து இந்த method set delete என்கின்ற method எல்லாம் வந்து எதில் create ஆகிவிடும் என்றால் நமக்கான
Hangulஇல் வந்து TS fiveஇல் நாம் create create ஆகிவிட்டது. இதை வந்து நாம் data என்று எடுத்து என்ன என்று சொல்லி போடுவோம்
இதைவந்துdataஎன்றுசொல்லிடுவோம்.இப்போதுவந்துஇதைஇதற்குள்வந்துmethodநாம்createபண்ணிவிட்டோம்.இந்தmethodஇல்என்னநடக்கவேண்டும்என்கிறவிஷயத்தைநாம்காட்டவேண்டும்.Right
அந்தmethodலவந்துநம்மஇதைவந்துகீழேஅப்படியேpasteபண்ணிகீழேதூக்கி.இப்படிகொடுத்துவிட்டு.இப்போவந்த�
நம்ம,Updateஎன்கிறfunctionஐclickபண்ணினால்updateஆனிறdeleteஎன்கிறதைclickபண்ணினால்deleteஆகும்.இப்போதுஅதற்குவந்துநான்என்னபண்ணப்போகிறேன்என்றால்,Number
Right பெரிய சின்ன codes தான் நான் எழுதியிருக்கிறேன். ரொம்ப hard code எல்லாம். ஒரு சின்ன codes இந்த set update completeஆக அந்த codeஐ வந்து நான் எடுக்கிறேன்
copy பண்ணி எடுக்கிறேன். Right எடுத்து நான் paste பண்ணிவிட்டு உங்களுக்கு சொல்லித்தருகிறேன். ஏனென்றால் அதை எழுதி சொல்லிக் கொடுக்கப் போனோம் என்றால் late ஆகும் இந்த videoவை முடிப்பதற்கு
right அதனால் தான் நான் paste பண்ணுகிறேன். இந்த codeஐ completeஆக நான் தந்துவிடுவேன் உங்களுக்கு என்ன siteஇல் நீங்கள் download பண்ணிக்கொள்ளலாம்
இப்போதுநான்என்னபண்ணப்போகிறேன்என்றால்setupdate.Rightஇப்போதுநமக்குஇந்தeditbuttonஐclickபண்ணினால்என்னஆகவேண்டும்என்றால்,இந்தcompleteஇந்தrowrecordபோய்விட்ட�
நம்முடையformஇல்போய்விட்டுபதிவுசெய்யப்படவேண்டும்.அங்கேதான்நாம்என்னபண்ணப்போகிறோம்என்றால்recordஐவந்துநாம்editபண்ணப்போகிறோம்.Rightஏனென்றால்இந்தrecordஐநாம்editபண்ணுவதற்குமுன்புஎந்தrecordedit
பண்ணுவதுஎன்கின்றதுrecordஐவந்துதெரிவுசெய்தால்தான்recordவந்துformஇல்போய்விட்டுeditplacedஆகும்.அதைநாம்வந்துnameஇல்nameaddressஇல்addressandphoneஇல்phonenumberஎன்றுசொல்ல�
placed ஆகும். அதைத்தான் நாம் edit பண்ணப்போகிறோம். இப்போது வந்து, அந்த formஇல் வந்து அந்த recordஐ click பண்ணினால் set update என்கிற formஇல் போய்விட்டு இந்த மாதிரி record வந்து காட்�
வேண்டும்.இந்தமாதிரிphonenumber.இந்தமாதிரிகொடுக்கிறார்கள்.அதுஎதில்வைத்துக்காட்டவேண்டும்.அந்தID
current student ID. இந்�
current student ID place பண்ணும். அவ்வளவு தான். இப்போத�
இங்கநான்வந்துஎன்னitsnameAddressatphone.save
பண்ணுவோம்.பாருங்கள்clickபண்ணிeditbuttonஐclickபண்ணிselectபண்ணுகின்றeditbuttonஐclickபண்ணினால்அந்தrecordவந்துநம்formஇல்போய்விட்டுஇந்தமாதிரிstoreபண்ணிக�
காட்டுகிறது.இதைபார்த்தீர்கள்என்றால்formஇல்போய்விட்டுஇந்தமாதிரிபதிவுசெய்கிறது.Right.இப்போதுநமக்குeditபண்ணவேண்டும்.right.இப்போத�
நாம்இதில்வந்துeditபண்ணுவதற்கானcodeஎழுதுகிறோம்.இதைவந்துகீழேவந்துநாம்இதில்வந்துphonenumberaddressஇல்phonenumberஅதுதான்அந்தஇதுவந்தது.பார்ப்போம்.இந்�
கணக்காகபாருங்கள்.adjustஆகிவந்தது.நாம்clickபண்ணுகிறrecordவந்துformஇல்இந்தமாதிரி.அவர்களுக்குகாட்டுது.இப்போதுeditபண்ணுவத�
இந்தமாதிரிmakechangesபண்ணிவிட்டுsubmitbuttonஐclickபண்ணினால்நமக்குவந்துஎன்னஎடுக்கவேண்டும்.recordவந்துupdateஆகும்.Rightஇப்போதுஅதற்குவந்துநான்வந்துஒருfunctionஒன்றுcreateபண்ணியிருக்கிறேன்.saveஎன்றுசொல்லிஒருfunction
அதாவதுஒரேbuttonஐவைத்துதான்நாம்இரண்டுactionசெய்யப்போகிறோம்.இதுதான்ஒருஒருefficientway.Recordஐaddபண்ணுவதும்editபண்ணுவதும்ஒரேbuttonsamebuttonஇப்போதுஇந்தமாதிரிதான்நமக்கானநேரம்நமக்கா�
course வந்து நம் efficientஆக எழுதி போகிறது. Okay பார்த்தீர்கள் என்றால் save and update இப்போத�
இதில்வந்துநாம்saveஎன்றுபார்க்ககொடுப்போம்.இப்போதுஅதற்கானஒருvalidationபண்ணவேண்டும்.IDவந்துஉங்களுக்குIDஇருந்ததுஎன்றால்recordஐவந்துupdateபண்ணவேண்டும�
ID இல்லையென்றால் save பண்ணவேண்டும் edit buttonஐ click பண்ணினால், என்ன record வந்து இந்த உங்களுக்கு வந்து edit பண்ணிவிட்டு submit buttonஐ click பண்ணுகின்றத�
நமக்குrecordவந்துupdateஆகும்.What?இப்போநமத�
TS five இப்போது அதில் வந்து நாம் அதற்கான API இணை போட்டுவிட்டு என்ன API AP
Right நம்முடைய API நாம் என்ன API API right update பண்ணுவதற்கான API API வந்து நான் உங்களுக்கு வந்து postmanஇல் check பண்ணி பார்த்தோம்
அந்தAPIகொடுத்துஇந்தemployeeregistrationupdateஎன்றுவருகிறது.student
update வந்தது பார்த்தீர்களா? Right இப்போது பார்த்தீர்கள் என்றால் record வந்து உங்களுக்கு வந்து update ஆகிவிட்டது
இப்போதுவந்துஎன்னupdateஎன்றுசொல்லிபோடுவோம்.studentupdateஎன்றுசொல்லிபோ.recordவந்துஇப்போதுupdateஆகிவிட்டது.வேறுஒன்றுமேகிடையாது.அந்தஎந்தவிதையcodeஉம்இல்லை.Only
அந்தpostmanஇல்உள்ளவிஷயத்தைதான்இங்கநாம்எழுதுகிறோம்codesஇல்Butpostmanஒருfrontendcheckபண்ணிபார்ப்பதற்குவந்துpostmanuseபண்ணுகிறமாதிரிஇதுformஇல்frontendவந்துcheckபண்ணிபார்க்கிறோம�
Back handஇல் உள்ள dataவை எடுத்து. Right இந்த form இதை click பண்ணுகின்ற நேரம் இந்த மாதிரி அவர்களுக்கு data வந்து name
address, phone என்கிறது இதெல்லாம் வந்து நமக்கு formக்கு set ஆகும். Right அந்த ID
Okay அதை தான் காட்டியிருக்கிறேன். name இது வந்து நம்முடைய form field உள்ள fields அதற்கு அப்புறம் நம்முடைய update buttonஐ click பண்ணி record வந்து update ஆகவேண்டும்
அந்தrestAPI.Okayஅதைத்தான்நான்விளங்கப்படுத்திஇருக்கிறேன்.Okay.பார்த்தீர்கள்என்றால்உங்களிடம்phoneஇந்தformஇல்வந்துname,address,phone
number என்று இருக்கிறது. இது தான் அங்கே வந்து உங்களுக்கு வந்து dish dot Student இதில் பாருங்கள் this dot form address அதில் வந்து பதிவு செய்யப்படுகிற விஷயம் அது
அடுத்துவந்துupdateநீங்கள்updateபண்ணுகிறநேரம்உங்களுக்குவந்துஅதையேமாதிரிaddபண்ணுகிறமாதிரியேதான்இங்கேவந்துஇங்கேவந்துname,addressandஇங்கேவந்துநம்nameஎன்றுமாற்றி.Name
Address என்ன phone. knife இது வந்து நம்முடைய, Form this என்று கொடுப்பது வந்து நம�
formஇல் இருந்து வருகின்ற data அதை வந்து நாம் set பண்ணவேண்டும். நாம் back handஇல் என்ன value கொடுத்திருக்கிறோமோ name
address, phone number என்க back handஇல் கொடுத்திருக்கிறோம் அந்த value set பண்ணி நாம் update பண்ண வேண்டும்
அதைதான்நான்கொடுத்திருக்கிறேன்.Okayஇவ்வளவுதான்நாம்காணசெய்யவேண்டியவிஷயம்.இதுதான்அந்தpatchஇப்போதுநாம்recordஐவந்துupdateபண்ணுகிறோம்என்றால்நாம்useபண்ணுகின்றmethodpatchஅதில�
போய்subscribeஐகொடுத்துவிட்டோம்என்றால்subscribeஎன்றால்அதுவந்துsubscribeபண்ணிக்கொண்டுஇருக்கிறோம்.நமக்குவந்துrecordவந்துupdateபண்ணுகிறவரைக்கும்.அதாவதுsubscribeபண்ணஒருmethodமூலியமாகதான்angularஇல�
வந்துநாம்.Creadoperationuseபண்ணுவதற்காகநாம்subscribeபண்றmethodநாம்பார்க்கிறோம்.இப்போதுவந்துபார்த்தோம்என்றால்,Clickபண்ணினோம்என்றால்பார்த்தீர்கள்என்றால்record
வந்துஇந்தformஇல்போகிறது.இப்போதுநான்வந்துchangeபண்ணிவிட்டு,சாமிபார்த்தஎன்றால்சுnotupdate.Right
இப்போதுபாருங்கள்.Soஇந்தrecordவந்துupdateஆகிவந்துவிட்டது.ரொம்பsimpleபார்த்தீர்கள்என்றால்,இந்தworkவந்துரொம்பsimpleஆகவந்துஇதுworkஆகிறது.Okay
இப்போதுவந்துஇதுgetallstudent.இப்போதுஇதைவந்துஎன்னஎன்றால்updateஆனதற்குஅப்புறம்அந்தstudentஎன்கிறஇதைவந்துநமக்குrefreshபண்ணிகாட்டவேண்டும்.இத�
வந்துஅதனால்இப்போதுrecordupdateபண்ணியதற்குஅப்புறம்இந்தgetallstudentஎன்கிறtableஐதிரும்பதிரும்பloadபண்ணிகாட்டுவதற்குவந்துஇதைவந்துகீழேகொடுப்போம்.Like
அதுதான்நான்கொடுத்துஇருக்கிறேன்.இப்போதுregisterஆனதற்குஅப்புறமும்நமக்குloadபண்ணிtableஐகாட்டவேண்டும்.அதனால்அந்தஅவனையும்நான்callபண்ணிவிட்டேன்.Right
அடுத்ததுவந்துstudentTSrightஇங்கேவந்துநாம்இந்தIDவந்துஇல்லாமல்இருந்ததுஎன்றால்recordவந்துupdateaddஆகவேண்டும்.அதாவதுregister
ஆகவேண்டும்.IDஓடவந்ததுஎன்றால்recordவந்துupdateஆகும்.அதற்குதான்வந்துsaveஇல்வந்துஒருfunctionகொடுத்திருக்கேன்.currentIDnotஇல்லாமல்இருந்ததுஎன்றால்நாம்register
work பண்ணவேண்டும். current ID ஓட வந்தால் update records என்கிற function வந்து work பண்ணும். Right
Okay இவ்வளவு தான் நாம் எழுத வேண்டிய simple. இதை வைத்து தான் நாம் cd operation நாம் எழுதி
Alright, very simple. அடுத்த�
வந்துபார்க்கப்போவதுdeleteஅதாவதுஅந்தdeleteஅந்தநாம்எந்தrowdeleteபண்ணப்போகிறோமோஅந்தrowஐclickபண்ணினால்நாம்recordவந்துdeleteஆகவேண்டும்.அப்போதுஅதற்கானfunctionsetdeletefunctionஇந்தcodeஐcomplete
பண்ணகொடுப்போம்.Right.இப்போத�
இந்தAPIக்குதான்போய்விட்டுநமக்குrecordவந்துdeleteஆகிறது.deleteஆனதற்குஅப்புறமாகஎங்களுக்குtablenoteபண்ணிகாட்டவேண்டும்.இப்போதுstudentgetstudentஎன்றுசொல்லிக்கொடுத்துவிட்டுஇங்கேவந்துஅந்தID
நான்வந்துAPIஇவனைவந்துநமக்கானஐந்துஇதில்தான்நமக்குrecordவந்துdeleteஆகப்போகிறது.இங்குநான�
வந்துupdateuserஇல்deleteஆகொடுக்கிறேன்.அவ்வளவுதான்நடக்கக்கூடியவிஷயம்.DeleteID
வந்துஇந்தமாதிரிதான்backhandஇல்IDdefineபண்ணியிருக்கிறோம்.Rightஇப்போதுநாம்கொடுத்துவிட்டுஇப்போதுபார்ப்போம்.recordவந்துஎப்படிஇதுconnectஆகிவிட்டத�
நமக்கு.இந்தerrorஎதுவும்வந்ததுஎன்றால்இந்தமாதிரிconsoleஇல்இதுபார்த்தீர்கள்என்றால்recordவந்துclickபண்ணனேdeleteஆகும்.Rightஇதஒருsimpleஆ�
வந்துபார்த்தீர்கள்என்றால்ஒருcreditimplementationவந்துநான்வந்துபண்ணியிருக்கிறேன்.angularஐயும்.NoteJSSuseபண்ணு.இப்போதுநம்மால்recordஒன்றுaddபண்ணமுடியும்.editபண்ணமுடியும்anddelete
பண்ணமுடியும்.இதைநீங்களும்செய்துபாருங்கள்.இதில்completesourcecodeவந்துநான்கீழேdescriptionஇல்நான்வந்துlinkகொடுத்திருக்கிறேன்.அதில்போய்விட்டுநீங்கள்downloadபண்ணிக்கொள்ளலாம்.Right
Download பண்ணி நீங்கள் இந்த blockஇல் போய்விட்டு நீங்கள் வந்து படித்துக்கொள்ளலாம். Complete source codeஆக கொடுத்திருக்கிறேன்
Thank you for watching இதில் எதாவது சண்டை இருக்கும் என்று எனக்கு commentஇல் தெரிவீர்கள். ந� �ன்அதைவந்துஉங்களுக்குவந்துகாணுகிறேன்.நான்freeஆகஇருந்தால்answerபண்ணுகிறேன்