[0:05]Good morning, sir. Good morning, Pranjal. Kaise ho? Sir, theek. Thank you. Aur Pranjal, maine aapka resume toh pura dekh liya hai. Kuch aisi cheezein batao mujhe aapke baare mein jo aapke resume mein nahi hai. When I was in, uh, when I'm in younger age, uh, maine, uh, mathematical Abacus mein maine cheat winner tha as a first prize holder. Okay. So, and uske baad mein thoda-thoda increment hota raha is cheez mein. And then thodi si hobbies like mere ko touring, uh, tourism aur in sab mein shauk hai thoda sa. Ghumne firne ka shauk hai mujhe thoda. Okay, good Pranjal. Toh maine aapka resume dekha. Aap last six months se ek company mein as a front-end developer the aur aapne apne resume mein ye bhi likha hai ki aap six months as a freelancer front-end developer the. Toh Pranjal, aap mujhe ek chota sa difference bataiye ki front-end aur back-end ke beech mein kya difference hai? Matlab kya farak hai front-end aur back-end ke beech mein? Uh, sir front-end ek tarah se bol sakte hai ki jo bhi user apni website par aata hai toh usko kis type ki designing website ki dikhti hai. Jo cheezein user dekh sakta hai, woh apna front-end ke part mein aata hai. Aur jo cheezein user nahi dekh pata hai, woh apna back-end mein aata hai. Jaise ki koi user apna form fill kar raha hai, toh uska data kis tareeke se apne database mein ya kahan par store ho raha hai. Jo user nahi dekh paa raha hai, woh apna back-end ke part mein aa jaata hai. Okay, great Pranjal. Toh mujhe ye batao ki jo front-end developer hota hai, kya usko back-end ki knowledge honi zaroori hai? Uh, sir actually hota kya hai ki jo front-end developer hai, usko thodi si knowledge back-end ki bhi honi chahiye. Kyunki jo cheez apan bana rahe hai, apni jo website, usko thoda sa kis tareeke se back-end wala uske saath play on karega ya fir usko kaun-kaun si cheez ki need hai apni front-end ke through. Woh apan ko usme integrate karani padegi. Jaise ki example ke taur par le, toh jaise ki apan forms koi cheez integrate kara rahe hai. Toh forms mein kya hota hai ki ek name naam ka attribute hota hai jo back-end developer jo data lekar aayega, woh kahan se lekar aayega usko bhi toh pata hona chahiye. Toh apan wahan par back-end ke liye apan name attribute add kar dete hai, jaise an example. Toh thoda sa. Toh, uh, ye toh cheez jo hai woh back-end developer khud hi kar sakta hai. Toh matlab front-end developer jo hai, woh agar ye na karke de, tab bhi chal sakta hai na? Nahi sir, agar ye cheez na karke de, tab ye cheez work karegi. But kya hota hai ki ye cheez thodi long lasting ho jayegi. Agar main us cheez pe work kar raha hoon, toh main ye cheez pehle se hi saari cheezein bana kar rakhunga. Kyunki front-end jo, jo apna back-end developer hai, woh cheez kya karega bas usko lekar aa jayega. Agar woh cheez usme lagane baithega, tab woh thoda sa time thoda consuming ho jayega aur woh long lasting website kheechti jayegi. Okay. Dekho, waise Pranjal, itna zyada fark nahi padta is cheez ka. But agar aap as a front-end developer ye cheez karte ho, toh ek plus point hai. Achhi baat hai ki aap kuch attributes aise laga ke de rahe ho jo back-end developer ko zarurat padegi. But agar aap karte ho toh bhi theek hai, agar aap nahi bhi implement karte ho, then also it is okay. Chaliye, koi baat nahi. Apun...
[3:05]Thoda sa is cheez ke baare mein samajh lete hai ki jo static aur dynamic websites hoti hai. Okay. Unmein ye jo static word hai ya ye jo dynamic word hai, woh represent kya kar raha hai? Actually kya batana chahta hai static word ya dynamic word? Uh, sir, like, websites jo hoti hai, woh basically do types ki hoti hai. Ek hoti hai static website and ek hoti hai dynamic website. Static websites mein kya hota hai ki jo bhi content aur jo bhi apni images hai, woh throughout hamesha same rahegi. Usme koi changes nahi hone wale aage ke times mein. Ab jaise ki agar apan dynamic ki baat kare, toh dynamic mein kya hota hai, apna content, apni images regular basis par change hoti rehti hai. Jaise ki maine koi apna blog likhta hoon ya fir main koi bhi newspaper ki website lekar aata hoon, toh usme kya hota hai, uh, koi bhi, uh, jo developer hai ya fir jiski liye woh website bani hai, woh regularly us cheez ko update karta rehta hai. Jaise ki koi nayi news aayi, toh woh news mein kya ho raha hai, naya content aa rahe hai, nayi images aa rahi hai, ya fir naya blog aata ja raha hai.
[4:02]Toh isme kya ho raha hai ki jo bhi apni dynamic cheezein baar-baar change hoti jaa rahi hai. Toh dono mein yahi difference hai ki ek mein website mein apni images aur apna content change nahi hoga, toh woh apni static websites ho gayi. And dynamic websites mein apna content aur apni images regular basis par change hoti rehti hai. Okay. Toh kya sirf images hi change hoti hai ya fir kuch aur cheezein bhi ho sakti hai change hone mein? Uh, matlab us website ka layout change ho gaya ya fir uski images, content, ye saari cheezein depend karti hai. Kuch bhi changes, kuch bhi cheezo mein changes aa jata hai, toh woh as a dynamic mein count hone lag jaati hai. Okay. Dekho, generally website mein layout changes toh nahi hote hai. Kyunki layout change hone ka matlab toh ye ho gaya ki aapne koi blog bataya tha, ab us blog mein jo image section tha, uske neeche content section tha. Ab layout change ka matlab toh ye ho gaya ki aapne dynamically us layout ko bhi change kar diya. Dekhiye, hota hai websites ke andar ki layouts change hote hai. Matlab aise content management systems aapne sune honge jinme layouts bhi change hote hai. But hum layouts change consider na karke, hum log ye bol dete hai ki theek hai, images aur videos ya uske jitne bhi content hai, jo bhi assets hai, woh change ho sakta hai. Theek hai, badhiya.
[5:09]Okay, toh Pranjal, kuch idea aapko HTTP ke baare mein hai ki HTTP kya hota hai? Sir, mereko iska itna in-depth mein nahi idea pata hai. Matlab iska in-depth mein itna idea nahi hai ki but iska ye hai ki overview ki jo HTTP hai, woh HyperText Transfer Protocol hota hai jo browser se server ke beech mein response aur Request. Request ka kaam karta hai. Okay, great.
[5:36]Uh, jab ek developer, matlab jab ek initial stage mein koi front-end developer banne jata hai, toh kaun-kaun si core technologies hai ya jab kisi hum front-end developer ki agar baat karte hai jo ki ek fresher hai. Toh kaun si core technologies hai jo use aani hi chahiye? Sir, jo core technologies rehti hai, woh sabse pehle rehti hai aapki HTML, and then uske baad mein CSS. Toh in dono se, in dono ke combination se aap website ki designing kar sakte ho aur matlab ki usme kaun sa color code and all the other things matlab kya-kya layout rehna chahiye. Ye cheez rehta hai. Aur uske baad mein jo bhi cheez hai, matlab jaise maine koi website host kari, toh har ke paas at present laptop nahi rehta. Toh woh kya karta hai, jiske, jo bhi device uske paas available hota hai, jaise ki mobile hua ya laptop, tablet hua, toh woh uske andar open kar leta hai. Toh aapke liye aapko har cheez responsive way mein aapko bana ke rakhni padti hai. Toh aapke liye media query rehti hai. Aur saath mein agar koi framework use karte ho, jaise. Toh aapko nahi lagta ki ek front-end developer ko core technology mein JavaScript bhi add karni chahiye? Matlab sirf HTML CSS kyun, JavaScript bhi. Yes sir, JavaScript bhi ek important role play karti hai as an event handling and manipulating language hai. Toh wahan par bhi aap role play karti hai ki main, media query wagera implement kar li, uske baad mein ki main kahin click karta hoon toh kuch perform hona chahiye, kuch event trigger hone chahiye. Toh wahan par JavaScript ek important role play karti hai. Toh basically jo ek front-end developer hota hai, beginner bhi ho chahe, chahe woh fresher ho, jaise chahe six months, one year experience bhi ho use, lekin use HTML, CSS, and JavaScript, ye cheezein aani chahiye. Theek hai. JavaScript jo hai, woh kis type ki language hai? Matlab ki JavaScript ko hum log kis cheez mein consider kar sakte hai? Kya woh scripting language bol sakte hai? Kya use programming language bol sakte hai? Kya use hum log style sheet language bol sakte hai? Ya hum use ek markup language bol sakte hai? Kis cheez mein hum JavaScript ko consider kar sakte hai? Sir, JavaScript ek scripting language hai kyunki iske andar apan bahut saare scripts wagera likhte hai aur saath-saath mein ye ek tarike ki thoda sa programming language mein bhi kyunki usme apan apne logics lagate hai kyunki isme bahut saare loops, conditionals aur ye saare statements type ke hote hai. Aur saath hi saath mein ye ek tarike ki manipulating language hai, event handling language hai kyunki apan kisi cheez pe click karne par kuch event trigger karwate hai aur saath hi saath mein manipulating isliye hai kyunki apan ye cheez manipulate karti hai cheezo ko ki kabhi kisi cheez par apan hover kara ya click kara toh usko manipulate karke kuch aur cheez apan ko show up kar de.
[8:09]Manipulations ka matlab ye hai na ki DOM mein changes lekar aana.
[8:16]Toh DOM ke baare mein kuch idea hai aapko, DOM kya hota hai? Sir, like, DOM jo hota hai, woh Document Object Model hota hai jisme document jahan par bhi apna jo object pada hua hai, matlab jahan par bhi jo document hai, jahan par woh cheez view ho rahi hai user ke through, wahan par usme jo bhi changes karate hai apan, woh apan ko user ko show ho.
[8:39]Ye pseudo classes kya hoti hai Pranjal? Pseudo classes ke baare mein suna hai aapne? Yes sir, pseudo classes CSS ka ek part hai. Apun isko main koi class, ID ya tag nahi bolunga. Pseudo classes ek tarike ki selection based classes bol sakte hai jisme main direct tags ko trigger karta hoon, yaani ki main direct tag ko target kar kar apna kaam karwata hoon ki matlab, agar bahut saare tags hai ek page ke andar, toh main alag-alag classes ya ID na dekar, main usko direct tag ko bata dunga ki jitne bhi tags hai, woh saare ye-ye properties follow kare.
[9:16]Aur uske baad mein apne paas mein jaise ki hover hai, active hai, link hai, visited hai, jo anchor tag ke liye mainly kaam aate hai, aur, uh, ye saare apne pseudo classes ke andar aate hai.
[9:27]Jo UI aur UX hota hai, kabhi iske baare mein suna hai aapne, UI UX kya hota hai? Sir, actually iska mereko itna idea nahi hai, but haan, iska overview pata hai jaise ki UX jo hota hai, woh user experience hota hai. Apun jo cheezein banate hai, woh UI ke upar hota hai, user interface. Toh iska itna... Toh ek jo front-end developer hota hai, woh matlab agar usko UI UX na aata ho, toh bhi kya woh front-end develop kar sakta hai? Matlab aapko agar UI UX ke baare mein idea nahi hai, toh kabhi aapko problem aayi hai front-end develop karte ho? No sir. Nahi aayegi. Great. Uh, ek aur question tha Pranjal mera ki JavaScript ko jo humne abhi JavaScript ke baare mein baat ki, toh kya main JavaScript ko sirf client side pe use kar sakta hoon ya main server side pe bhi use kar sakta hoon? Uh, sir JavaScript ko apan client side as well as server side pe bhi use kar sakte hai. Okay. Kyunki kya hai ki, Node.js jo ek framework hai JavaScript ka, woh as a server side pe bhi use kiya jata hai. Usse apan through APIs and other things implement kar sakte hai. Okay. Ye aapne bilkul sahi kaha ki JavaScript ko hum log server side pe use kar sakte hai, but Node.js is not a framework. Node.js ek run-time environment hai JavaScript ka. Theek hai. Toh kabhi aap iske baare mein padhiyega, bahut interesting cheez hai. Kyunki aap ek front-end developer hai. Abhi toh aap fresher hai. But jab-jab jaise-jaise aap aage badhenge, toh aap React ya Angular ki taraf jayenge, tab aapko ye jo cheezein hai, Node mein jo cheezein sikhi hogi aapne, ya jo ye jo basics hai, aapko woh bahut kaam aayenge. Aapko behind the scene workings samajh mein aayegi. Theek hai. Toh Pranjal, mujhe ye bataiye ki aapko library aur framework ke baare mein kuch difference pata hai? Ya koi library framework aapne kabhi use kiye hai? Yes sir, uh, libraries kya hoti hai jisme apne bahut saare functions likhe hue hote hai and then apan un functions ko apan call karte rehte hai jisse ki kya hoga ki apna jo code ki complexity hai, woh thodi si kam ho jayegi. Jo cheez pehle bani hui hai mere paas mein, main unko bas direct call karunga. Aur uske baad mein jaise apan frameworks ki baat kare, frameworks kya hota hai, usme bahut saari libraries bani hui hoti hai and then apan usko baar-baar use kar sakte hai. Toh koi library aur example framework ka ek-ek bataye? Koi ek framework ka example aur ek library ka example. Uh, jaise ki agar main library ka example lu, toh apne paas jQuery ek library hai. Okay. Toh usme kya hai ki bahut saari cheezein JavaScript ke through hi bani hui hai, bas unko apan implement karna thoda sa easy ho jata hai kyunki apne paas cheezein bani hui hai. Aur agar apan framework ki baat kare, for example HTML and CSS and JavaScript ka ek framework hai jiska naam Bootstrap hai. Woh kya hai ki apne paas ye saari cheezein bani hui hai and then usko apan apne iske andar use kar sakte hai. Okay. Uh, jo JavaScript hai Pranjal, uske andar hum log jo this keyword aapne kabhi suna hoga agar JavaScript ke andar, toh ye this keyword kya hota hai? Matlab this keyword kaise use hota hai ya kyun use hota hai? This keyword jo hai, woh ek tarike ka kisi bhi cheez ka, kisi bhi object ke baare mein reference apan ko deta hai. Ki hai na main kisi bhi kisi bhi cheez ko main trigger karna chahta hoon, jaise ki main koi button hai aur aise mere paas 5 to 6 buttons hai toh main usme har par jaake ek individual functions nahi lagaunga. Toh iske liye apan kya karte hai ki apan this ka use karte hai ki main particular us button ki hi baat kar raha hoon. Main us button ke reference ke reference par main kuch cheez trigger karwana chahta hoon. Toh ye jo button hote hai na, button toh HTML tag hai. Fir usme this kaise use ho raha hai? Matlab ye cheez kaise relate ho paa rahi hai? Kuch aapko is cheez ke baare mein idea hai? Jaise ki HTML jo hai, usme hum log this use kar rahe hai aur woh jo hai, woh ek ek object ke jaise, jaise aapne kaha ki object ka reference hota hai this toh. Toh button kaise koi object ban sakta hai ki this uska reference ban jaye? Kuch?
[13:16]Sir, yahan par object yaani ki main kis particular instance pe baat kar raha hoon? Jaise ki mere paas koi button hai. Toh main agar wohi button mein same function call kar rakha hai, toh main kya karunga wahan par us this laga dunga. This lagane se kya hoga ki mereko us object ka, matlab us jo button hai, uska reference pata lag jayega ki main us particular us cheez ki baat kar raha hoon. Dekho, actually ye jo hai, woh concept hai DOM ka. DOM ka matlab Document Object Model hota hai. Toh jitne bhi aapke attributes hote hai, woh saare kya bante hai, ek object ban jate hai. Toh ye us tareeke se kaam karti hai cheez. Theek hai.
[13:53]Uh, next hum log baat karte hai ki aapne kabhi JavaScript mein NaN property ke baare mein suna hai? NaN. Yes sir. NaN hota hai not a number ki for example ke taur pe baat karu toh, jaise ki maine user se koi number liya aur main chahta hoon ki woh jo number de raha hai, woh as a number hi mereko mile, as a string nahi mile kyunki woh jo mereko dega, woh as a string milegi. Toh woh mereko kya hoga ki wahan par mereko undefined show kar dega agar main usko number ke taur pe leta hoon toh. Toh koi aisa function JavaScript ka jo is cheez ko implement karwane ke liye use hota hai, jo not a number ko check kar sake?
[14:32]Sir, isNaN hai. Okay. Toh woh kya karta hai ki woh number ko as a woh deeply check karta hai ki matlab agar woh not a number hai, tab toh woh false present kar dega, otherwise woh true dega apan ko. Okay, great. Toh ek, ek aur question tha mera isi cheez ko lekar ki jab hum log not a number check karwa rahe hai, toh aisi kaun-kaun si situations hoti hai? Matlab hum user se aisi kaun si situation mein ya aisa kaun si jagah par hum data lenge ki wahan chances hai ki string hi aayegi? Aap samajh rahe hai meri question ko ki hum not a number kyun check kare? Matlab aisa kaun sa aisi kaun si jagah hai jahan par user two dalega tab bhi woh string ke jaise jayega?
[15:20]Uh, for example, kisi ki email ID hui. Toh wahan par kya hota hai, email ID mein characters bhi hote hai, plus numbers bhi hote hai kisi ki emails mein. Toh wahan par main jo cheez lekar aa raha hoon, woh as a string aani chahiye. Agar woh wahan par sirf aur sirf two dalta hai toh woh mereko number ke taur pe mil jayega. Jaise suppose humne koi age ke liye box banaya. Theek hai. Ab usme maine user ko bola apni age input karne ke liye. Toh user apni age dalega 28. Theek hai. Toh ab kya hume not a number function ki zarurat padegi? Uh, yes sir. Ek input box hai jisme user ne apni age daali hai form pe. Toh kya hume not a number function ki zarurat padne wali hai? Not a number ki need us time mein nahi padegi kyunki woh apan ko direct number provide kar raha hai. Aur agar wahin par hi galti se usne koi character input karwa diya, toh wahan par woh apan ko bata dega ki ye NaN hai, yaani ki not a number hai. Okay. Toh suppose jaise user ne 28 dala aur main us 28 par 28 + 3 likhta hoon. Theek hai. Agar maine likha, jo user ne data dala woh maine uthaya, ek variable mein store kiya, I added 3 to that. Plus kiya maine, add nahi kiya, plus likha aur three kiya. Toh result jo hoga, woh kya aayega? 28 jo user ne input mein dala tha, woh maine wahan se pick kiya, ek variable mein store kiya. I added 3 to that. Plus kiya maine, add nahi kiya, plus likha aur three kiya. Toh result jo hoga, woh kya aayega? 28 jo user ne input mein dala tha, woh maine wahan se pick kiya, ek variable mein store kiya, I added 3 to that. Plus kiya maine, add nahi kiya, plus likha aur three kiya. Toh result jo hoga, woh kya aayega? 28 jo user ne input mein dala tha, woh maine wahan se pick kiya, ek variable mein store kiya, I added 3 to that. Plus kiya maine, add nahi kiya, plus likha aur three kiya. Toh result jo hoga, woh kya aayega? 28 jo user ne input mein dala tha, woh maine wahan se pick kiya, ek variable mein store kiya, I added 3 to that. Plus kiya maine, add nahi kiya, plus likha aur three kiya. Toh result jo hoga, woh kya aayega? 28 jo user ne input mein dala tha, woh maine wahan se pick kiya, ek variable mein store kiya, I added 3 to that. Plus kiya maine, add nahi kiya, plus likha aur three kiya. Toh result jo hoga, woh kya aayega? Sir, is baare mein apan concatenation ka use kiya jata hai, kyunki concatenation mein apan ek variable ko dusre variables ke saath join karte hai ya fir koi bhi number ke saath apan join karte hai. Toh yahan par jo cheez aa rahi hai, woh as a string mere paas aa rahi hai. Toh wahan par jo aaya 28, to 8 aur three mereko milega kyunki yahan par string plus usne apan ne add number kara hai. Agar main yahan par NaN dalta hoon toh yahan par kya hoga ki woh mereko bata dega ki ye personally check karega data type ko ki ye number hai ya nahi hai. Agar ye number nahi hota hai, tab toh ye mereko 283 milega aur agar number hota hai toh 28 plus 3, 31 milega. But 28 toh number hi hai na. Toh NaN ko toh yahi lagega ki 28 jo aaya hai user ke through, woh ek number aaya hai. Toh hum us number ko convert kaise kar sakte hai? Matlab jo string aayi hai na, 28 is a string, double quote ya single quote mein. Main usko convert karna chahta hoon ek number mein. Matlab jo string data type hai, usko main actually ek number banana chahta hoon, tak ki main addition karwa sakoon us pe. Sir, iske liye apne paas ek JavaScript ka function hai jiska naam hai parseInt. Woh kya karta hai, woh us particular data type ko check karta hai. Woh jo cheez aa rahi hai, jaise iska naam hai parseInt. Toh ye integer ke regarding check karega jo cheez aa rahi hai, woh integer hai ya nahi hai. Nahi Pranjal, actually woh integer check nahi karega, woh integer bana ke dega hume. Return karega, integer return karega. Suppose mere user ne 28.5 dala hai, toh mujhe kaun se function ko use karna chahiye? Sir, waise apne paas parseFloat bhi hai. Toh apan us cheez ko wahan par use kar sakte hai. Theek hai. Toh suppose mera koi user 28.5 dalega, koi 28 hi dalega, toh us case mein mujhe parseFloat laga ke rakhna chahiye ya parseInt laga ke rakhna chahiye? Sir, better rehta hai ki apan parseFloat use karein kyunki agar koi bhi number aisa dalta hai jisme point decimal ke baad mein koi digit ho. Toh aur agar koi whole number dalta hai, jaise ki 28, toh basically woh 28.0 ho gaya. Toh yahan par parseFloat kaam aayega.
[18:38]Ternary operators ke baare mein kabhi suna hai Pranjal aapne JavaScript mein ternary operators? Yes sir, ye ek tarike ke apan conditional bol sakte hai ki usme apan condition pass on karte hai and then uske baad mein woh apan ko jo bhi apan ne unko bola hua hai ki matlab, jo unko condition ke true hone par kya cheez pass on karni hai, woh apan ko wahan par de dega. Okay. Toh jaise main ek example leta hoon ki ek banda hai, uski age hai 18 plus. Theek hai. Toh jo ternary operator hoga, woh better rehta hai, mujhe kya karna hai? Mujhe 18 plus hone par ek statement print karwana hai bas. Mujhe ye karwana hai ki agar banda 18 plus hai toh yes, aur 18 plus nahi hai toh no. Toh us case mein aap, aap kya likhoge? Aap kya code likhoge? Aap if fir uske andar data dal ke fir string likhoge, fir else banaoge ya aap ternary operator use karoge? Sir, agar mere paas do hi condition hai, tab toh main ternary use karunga. Condition toh ek hi hai hamare paas. Condition toh ek hi hai. Jo difference hai na, woh ye hai ki pehli baari condition jo thi, usme ek hi statement execute karna tha. Dusri baar jo condition hai, usme multiple statements execute karna hai. Matlab ek line nahi print karni. Condition true hone pe char-paanch karna hai ya bahut bada logic chalana hai. Tab aap ternary pe jayenge ya if-else pe jayenge?
[19:53]Sir, us time main if-else par jaunga. Okay. Kyunki mere paas bahut saari conditions available hai ki matlab, for example, agar apan koi clock ki baat kare ki agar morning hai toh itne se itne time par mereko morning wish hona chahiye. Agar itne se itne time par hai toh mereko afternoon wish hona chahiye. Aur agar after four hai toh mereko evening wish hona chahiye. Toh basically, mere paas yahan par more than one, two condition hai.
[21:03]Aapke according jo nested if-else hote hai na, nested if-else ka matlab ki if-else ke andar if-else aur fir uske andar if-else. Toh kya unki jagah ternary operators ko replace kiya ja sakta hai? Matlab uski jagah ternary se kaam karwaya ja sakta hai ki nahi karwaya ja sakta hai? Sir, uske saath mein apan ternary ko use kar sakte hai kyunki agar maine ek. Nahi, uske saath nahi. Hume bilkul uski jagah karwana hai. Matlab usko replace kar dena hai. Main if-else lagaunga hi nahi. Main pura ternary operator lagana chahta hoon. Sir, toh us time mein main apna if-else hi use karunga kyunki nesting karne ke liye apan if-else ko zyada preference dunga main us regarding. But nahi, preference toh aap, aap apne code ko aap apne tareeke se likhiye, koi problem nahi hai. But kya koi developer ye chahe ki main if-else na likhoon, main jo hai, woh apne ternary operators use kar lu. So, is it feasible ki woh if-else na likhe aur ternary kare toh bhi same kaam karwa sakta hai woh? Matlab woh nested jo hai, woh same cheez yahan implement ho payegi? Kya ye possible hai? Sir, jaise ki abhi apne baat kari thi ki ternary jo hota hai, woh single condition pe work karta hai. Toh yahan par agar main ternary use karunga toh main single condition ki baat kar raha hoon aur nesting ke liye ternary thoda sa. Dekhiye Pranjal, jo nesting jab hum karwa rahe hai na, tab zaruri nahi hai ki hum log if-else use kare. Hum ternary ko bhi use kar sakte hai. But woh depend karega ki us developer ki kitni abilities hai, us developer ne kitna ache se skilled kar rakha hai us cheez ko ki woh nesting mein bhi ternary use kar le raha hai. Kyunki nesting mein bhi kya hota hai ki ek statement print karwana hai. Hume ek statement execute karna hai. Aur woh statement kitna bhi bada ho, kya farak padta hai. Theek hai.
[22:40]Toh jo CDNs hote hai, jo CDN aapne agar word suna hoga kabhi, toh ye CDNs kya hote hai? CDNs kyun use kiye jate hai? Kuch idea hai inke baare mein aapko? Sir, CDN like Content Delivery Network hota hai. Jisme ki kya hota hai ki saara ka saara files ka jo bhi work hota hai, woh ek server par uploaded hota hai. Jisse ki jab bhi mereko woh cheez lekar aani hogi, toh main us server ka ek particular link hoga jahan par woh file stored hai. Main wahan se woh link lekar apne, apne editor ke andar laga dunga, jisse ki jo bhi cheez hogi, main server ke end se main get kar paunga. Toh kuch difference hai, matlab koi fayda hai mera CDN use karne ka? Main agar normal kisi file ko apne folder mein, local folder mein rakh ke attach karu ya main CDN se attach karu. Is there any difference between these things? Sir, CDN jo hota hai, woh basically server ke end se mereko ye cheez la kar deta hai. But main jo hoon, main basically files ko apne folder ke andar, zyada agar apan rakhte hai, magar un files ko agar apne usme rakhte hai, toh jo websites hoti hai, woh website ki thori quantity heavy ho jaati hai. Toh isliye apan kya karte hai ki usko apne CDN ke through apan le lete hai. Jisse ki jo apni jo code hai, woh thoda sa, apna jo files hai saari ki saari, woh thodi compress rahe. Jitni kam, jitni kam apne paas file rahengi, utni achhi apni website ki speed rahegi. Okay. Actually CDN ka ek aur reason bhi hota hai. Aap iske baare mein padhiyega zarur. CDNs jo hote hai, woh aapke website ki speed ko fast karne mein ek dusri tareeke se help karte hai, because CDN pure duniya mein apne servers faila ke rakhta hai. Cloudflare ke baare mein kabhi padhiyega aap toh aapko idea lagega. CDN ke jo servers hote hai ya woh pure world mein faile hue hai. Toh jab bhi aapki website load hoti hai, woh apne nearest server se aapka data uthati hai. So that ki aapka jo parent server hai, udhar se data na aaye, kisi dusre server se data aa jaye. Theek hai. Uh, jab hum log kisi website ko bana rahe hai, kisi website ke layout ko bana rahe hai. Us case mein aap as a developer Flex use karoge ya Float use karoge? Uh, sir nowadays flex zyada flexible hai kyunki isme kya hota hai ki ye cheez pehle se hi us cheez ko customize karke apan ko provide karwati hai. Ki jaise ki koi bhi cheez apan lekar aa rahe hai, toh apne paas do div hai. Toh dono ko main agar flex deta hoon toh woh equal uske parent ko agar flex deta hoon toh woh childs ko equally divide karke apan ko help karegi. Agar main agar main float deta hoon toh mereko dono ke parent ke childs ko float dena padega. Agar meri ek hi property se kaam ho raha hai toh main aage do properties aur kyun lagaunga. Okay. Jab media query hum log use karte hai Pranjal, toh media query mein kya ye zaruri hai ki hum log har screen ke liye, uh, divisions karein? Kya main sirf mobile ke liye divisions karke aur apne desktop ke liye division karke chhod doon, toh meri website responsive nahi ho payegi? Matlab tab mere tab pe agar meri website khulegi, toh kya meri website responsive nahi hogi? Maine ek mere phone ke liye kiya hai aur ab maine ek mere laptop ke liye dono ke liye media query likh diye. Aur ab main ab main tablet pe chalana chahta hoon. Toh meri website udhar responsive hogi ki nahi hogi? Sir, aapne jo responsive ke liye code kiya hai, woh sirf aapne apne mobile ke liye code kiya hai kyunki aajkal har mobiles ke liye apni screen ka resolution alag alag hota hai. For example. Nahi, maine ab sirf mere mobile ke liye nahi. Matlab maine mobile phone ki screen ke liye code kiya hai. Woh koi bhi mobile phone ho sakta hai. Aur maine tablet, aur maine laptop ki screen ke liye code kiya hai. Ye dono ke liye maine code likha hai. Aur ab main ab main tablet pe chalana chahta hoon. Toh meri website udhar responsive hogi ki nahi hogi? Sir, toh fir woh aapki responsive nahi hogi. Wahan par aapka scroller aayega kyunki aapki laptop ki screen bahut badi hoti hai, aapke tablet ke according. Toh aapne apne phone ke liye toh bana liya, aapne apne PC ke liye bana liya, but aapne tablet ke liye nahi banaya. Toh wahan par aapki ye responsive fail hogi.
[26:29]jQuery ke baare mein kuch idea hai Pranjal aapko, jQuery kya hai? Haan sir, jQuery JavaScript ka ek library hai. Jisme block of codes likhe hue hi hai jahan par apne functions hai bahut saare, bas apan ko us cheez ko lekar aana hota hai aur apan implement karwa sakte hai apne isme. Okay. jQuery ki apni koi library hai kya? Aur koi aapko jQuery ki khud ki koi library? Matlab jQuery is a JavaScript library. Is there any jQuery library jo jQuery pe kaam karti ho? Koi aisi library jo jQuery pe kaam karti ho? Sir, iske regarding jQuery ka koi idea nahi hai ki iski koi library hai ya nahi hai. But I will get to know about it. Okay. Dekho jQuery ki apni ek jQuery UI naam se library hai, jo ki aapko user interface banane mein thoda sa help karti hai. But woh itna zyada use nahi ki jati, isliye maybe aapko idea na ho kyunki bahut rare usko use kiya jata hai. Okay. Toh Pranjal, kyunki aap ek technical background se aate hai, aapne BCA kar rakha hai jo ki abhi aapka recently complete hua hai. Toh object oriented programming ke baare mein koi idea hai aapko, what is an object oriented programming?
[27:38]Sir, object-oriented, object-oriented programming yaani ki oops, jo ki apan apne lives, apne jo present time hai uske according leke work karte hai. Agar main iske regarding baat karu jaise ki for example, ek animal hai. Animal ke andar apne paas bahut saare jaise ki cow, dog, ye saare hue. Toh yahan par kya hota hai ki jo animal hai, woh ek tarah ki class hai aur cow, dog and other animals, jo bhi apne aate hai, woh saare ek tarike ke objects hai. Toh jo oops hota hai, woh basically aapke, jo classes hoti hai, jo aapka animal hua, aap usko physically access nahi kar paate. Aap uske object ke through us cheez ko access kar sakte hai. Theek hai Pranjal. Toh object oriented jo hai, woh kya JavaScript mein use kiya ja sakta hai? Ya fir object oriented sirf C C++ mein hi use kiya ja sakta tha? Nahi sir, ye JavaScript mein bhi use kiya jata hai kyunki isme apan bahut saare apne objects aur classes ko use kar kar apan apni programmings ke through apne isme implement karwate hai. Okay. Koi framework kabhi aapne use kiya hai Pranjal front-end development ke liye ya kisi framework ko kuch padha ho ya kuch bhi apne kyunki aapke resume mein toh nahi tha, but I am just asking ki kisi framework ke baare mein kabhi aapne padha ho, as a front-end developer aapne kabhi socha ho ki is framework pe main jana chahunga. Jaise frameworks kaafi saare available hai, libraries kaafi saari available hai. Agar main baat karta hoon hamare Angular ki toh ek framework hai, React ek framework hai. Toh aap kaun se framework ki taraf ya kaun si library ki taraf, React ek library hai. Toh aap kaun se library ya framework ki taraf jana chahenge? Sir, basically maine ek lab, ek framework use kiya tha jisko apan HTML, CSS aur JavaScript ka jaise ki Bootstrap hai, woh ek framework hai. Toh maine usko use kiya tha aur aage further on main karna chahunga toh main Angular pe karna chahunga. Okay. Theek hai. Toh ek mera last question hai Pranjal, isi cheez se leke. Uh, ki jo API aapne word use kiya, is API word ke baare mein kuch idea hai?
[30:11]Sir, API like application programming interface hai. Jo ki ek different-different servers par bina uske apan usko implement karwa sakte hai. Okay. So, exactly API matlab ki ek server-less application ke liye data laane wala koi URL ho gaya. Theek hai. Ye hum log keh sakte hai API ke liye. Toh Pranjal, kya ek front-end developer ko API banani aani chahiye? Matlab aap ek front-end developer ho, aapko agar API banani nahi aati hai, toh kya aap Angular pe kaam kar paoge ki nahi kar paoge? Toh uske regarding mereko implement karne ke liye mereko API jo hai, woh ek back-end developer bana kar dega aur usko use karna, matlab usko apni website par implement karna, woh mera kaam hota hai. Theek hai. Okay Pranjal. It was great meeting to you. Thank you so much.
