🛒 Building a Shopping Cart with Redux Toolkit  📅 Skillwaala’s Free Full Stack Web Development Course! - video Dailymotion

skillwaala

🎯 What You’ll Learn Today  ✅ Creating a Cart Slice with Redux Toolkit ✅ Adding Products to Cart ✅ Increasing / Decreasing Quantity ✅ Removing Products from Cart ✅ Calculating & Displaying Total Price ✅ Connecting Cart with UI

Transcript

00:00D Shop form

00:11can

00:13तो देखो आज की क्लास में पन्धिस्कस करने वाले है अपने complete

00:17रिडक्स पर हाला इसी के डिसकस कर लिया football की कि तरह की स्टरिके से करते हैं

00:26इस आपने अपने स्ट्रूल का सइटाप करते हैं इस तरह केसम अपने

00:28slices अपन यहाँ पर create करते हैं

00:31यह सारी चीज़ अपने discuss कर लेती हैं

00:34आज उसी में आगे देखते हैं

00:35एक बार मैं complete flow आपको वापस बता रहा हूँ

00:37क्या flow था, किस तरीके से अपने उसको use किया था

00:40वो सारी चीज़े में एक बार repeat कर रहा हूँ

00:42ताकि आपको clarity मिलेगी किस तरीके से

00:43Redux को use करना है

00:45तो यह सारी चीज़े एक बार मैं वापस repeat कर देदा हूँ

00:48ताकि आपको clarity मिले

00:49फिर अपन यहाँ पर अपना एक shopping card का एक project बनाएंगे

00:54जिसके अंदर कोई भी product को अगर अपन add करते हैं

00:57तो वो अपने card के अंदर add होना चीए

00:59ठीक है अगर wish list वाला काम करवाना है

01:01तो wish list वाला काम भी अपन करवा सकते है

01:03easy ठीक है तो यह चीज़ अपन यहाँ पर create करने वाले है

01:07अरजुन करें कि

01:09गुरू का दरज़ा भगवान से भी उंचा है

01:11तो बहुत सही बात है

01:13उनकी करवा से ही जीवन सच्चा है

01:16मेरे फेवरेट टीचर को मेरा सलाम

01:18आप से ही रोशन हुआ है मेरा नाम

01:21ओके वाव क्या तगड़ा लिखाया है

01:25सलाम सलाम नमस्ते

01:29सलाम नमस्ते नमस्ते नमस्ते

01:33हम कुछ नहीं समझते समझते समझते नहीं अच्छा लिखा है आपने बहुत प्यारा है यह

01:41तो देखो आज जो अपन डिसकस करने वाले एक बार मैं आपको complete flow समझा देता हूँ कि क्या flow था अपना ठीक है फिर अपना आगे बढ़ेंगे इसी चीज़ के अंदर

01:52तो अपने आजाते हैं अपने स्क्रीन पर वननोट के उपर आ जाता हूँ मैं ताकि आपको एक बार समझा दूगी क्या flow था अगर आपको flow समझ में आ जाएगा तो फिर कोई इश्यू नहीं है तो अपन यहां पर अपना

02:05लेडस का सैटीप में देखा था कि अपने किसका जाते हैं ड़ा साटके पर अपने तूल के अपन रिडक्स टूल किट प्र चाट अब

02:24सारे चीज़े मैंने आपको explain कर दी थी किस तरीकी से अपने पास अपना Redux Toolkit है

02:27तो Redux नहीं अपने Redux Toolkit का देखाता तो यहाँ पर अपन Redux Toolkit पर आ जाते हैं

02:33get start फिर उसके बाद quick start के उपर अपना जाते हैं

02:35और इसका setup के लिए क्या क्या चीज़े अपने को यहाँ पर install करनी परती है

02:39एक तो यहाँ पर first अपने को अपना react Redux यहाँ पर install करना परता है

02:46second अपन यहाँ पर क्या install करता है अपना जो Redux Toolkit है

02:51ठीक है Redux Toolkit अपन यहाँ पर install करते है

02:54यह दो चीज़े अपने को इंस्टॉल करनी पड़ती है

02:56फिर उसके बाद में जो रोल रहता है

02:59क्योंकि Redux यहाँ पर क्या करता आपकी

03:01Centralized State आपको यहाँ पर प्रोवाइड करता है

03:04State Management के लिए अपन यहाँ पर इसको यूज लेते है

03:08अपने किसको Redux को

03:09यही काम करते क्या

03:11और यह आपको क्या करता है

03:13यह आपको यहाँ पर

03:14Centralized State यहाँ पर आपको प्रोवाइड करता है

03:33अब इस store के अंदर ही आपकी सारी जो भी states है

03:37वो यहाँ पर रहने वाली है

03:38जो भी states है वो पन इसके अंदर store करने वाले है और यह जो store है यह आपका centralized store है आपके सारे components के लिए जैसे मालो आपका यहाँ पर main component है उसके अंदर एक और component अपना आ रहा है उसके अंदर एक और component आ रहा है उसके अंदर एक और component है फिर यहाँ पर इसके अंदर तीन component अपने �

04:08अब जैसे मालो मेरे पास कोई state है

04:10जैसे मालो मैं यहाँ पर कह रहा हूँ

04:11कि मेरे पास अपने value देखाता

04:13तो मैं आपर कहता हूँ

04:14मेरे पास value 0 है

04:15अब इस value 0 को मैं को print करवानी है

04:18यहाँ पर जैसे मालो

04:19इस component के अंदर print करवाना है

04:21जो मैं इहां पर कर रहा है,

04:23कि इस value 0 को IS komponent में print करवाना है

04:25और IS komponent में ओर is komponent में print करवाना है,

04:28ये तीन komponent जो मैंने बताय है,

04:29इन तीनों komponent में अपने को print करवाना है,

04:32तो ये काम अपन कर सकते हैं,

04:33अपने Redux की तोहूं बिल्कुल ईजी लिए,

04:35ठीक है, Redux के थुरू easily अपन कर पा रहेते हैं, कैसे कर रहेते हैं अपन यहाँ पर, यहाँ पर अपने store का अपन सैटर करते हैं, उसके लिए सबसे पहले अपन इंपोर्ट करते हैं, किसको अपने configure store को, configure store को इंपोर्ट करना है, पहला काम यह, मतलब आपको एक file बनानी है, ज

05:05क्या होता है, अपने slices की code जाती है, बस इतना सा चीज आपको याद रखनी है, अपने store के लिए, पहला गाम यह, फिर second काम में, यहाँ पर बोलाओं कि मेर को क्या करना है, यह सारी state, इस component में, इस component में, इस component में provide करनी है, आपका parent component कौन सा है, app.js, तो यहाँ पर जो आपका

05:35तो second काम आपको क्या करना है, जो आपकी main file है, जो अपने पास होती है, अपनी index.js या फिर main.js, यही दो file थी, तो यहाँ पर अपन क्या करेंगे, इस file के अंदर अपने provider को बुलाएंगे, provider कहां जाएगा आपका, react redux से, provider को बुलाके, उसके अंदर अपन यहाँ पर अपन

06:05component के लिए, यह पूरे complete application के लिए, यह centralized store अपना यहाँ पर create हो चुका है, जिक है, तो यह काम अपने करा, दो step होगे अपने पास, पहला store create करना, दूसरा उस store को सारे components को provide करना, फिर उसके बाद थर्ड काम अपने पास यहाँ पर होता है, कि आपने यह जो store बनाया है, इस store

06:35जो अपने slices होते है, उसके अंदर क्या होता है, एक तो अपनी state होती है और उस state के उपर क्या actions आपको यहाँ पर hit करवाने है, या फिर क्या मेरे पास यहाँ पर payload आ रहा है, मतलब क्या data आ रहा है front end से, यह सारा आपन slices के अंदर काम करते हैं, मतलब जो भी logics वाला जो भी क

07:05create slice को, create slice को मैंने यहाँ पर import करा, इस create slice के अंदर अपन चार पांच चीजे पास करते हैं, तीन चीज पास करते हैं वैसे तो, name अपन ने पास करा कि name क्या है, दूसरा अपन ने initial state, मतलब जो initial state आप यहाँ पर पास करो भी वो ही आपको store में show होने वाली है, कैसे, वो मैं आ

07:35functions यहाँ पर create करते हैं, कि अपने को क्या functions, मतलब क्या actions यहाँ पर hit करवाने हैं, चीक है, और यह actions हिट करेंगे अपने किस के basis पे? store के basis पे, क्योंकि store के अंदर अगर कोई भी state update करवानी है, कुछ भी changes करवाने हैं, तो वो अपन actions के basis पे ही करवा सकते हैं, तो वो सारे actions अ

08:05भी दो, तीन, चार आपने actions यहाँ पर create करें, उनको export कर दो, बिल्कुल easy है, फिर उसके बाद जो आपने यहाँ पर complete आपका slice बनाया है, इसको आप export default कर दो, जिसके फूर अपन यहाँ पर particular किसी भी name से अपने इसको import कर सकते हैं, another file के अंदर, फिर मैं यहाँ पर store के अंदर

08:35वो value आ जाएगी, ठीक है, मतलब वो आपकी initial state जो भी होगी, वो आ जाएगी, अब उसको अगर आपने update कर दिया, changes करा दिया, तो वो change होती रहेगी, ठीक है, तो यह इतना सा बस setup था अपना redux का, बिल्कुल easy सा setup था, redux toolkit का, यही setup करा किया, अपने redux toolkit का, यहाँ तक कोई

09:05अपने value को zero कर रहा रखा है, अब आपको क्या करना है, इस value को front end पे print करना है, अपने react के उपर, अब किसी भी component में print करना है, जैसे मालो यह component है, यह component है, यह, यह, किसी भी component में अपन print करने की बात कर रहे है, तो उस component में किस तरीके से print करेंगे, जैसे मालो मैं इस component में print कर

09:35देता है मैंने आपर एक function बना दिया

09:37उस function में first parameter के अंदर

09:39आपकी state आती है

09:40मतलब उस first parameter के अंदर जो भी आपने

09:42store के अंदर यह जो reducer

09:45जो pass करा है वो complete reducer

09:46आपका आता है तो यहाँ पर

09:49अपने बाद एक function आता जिसके तो आप

09:50अपने store के अंदर से अपनी initial state

09:52access कर सकते हो

09:53अब उस store वाली state को अगर

09:56update करवाना है तो उसको update

09:58करवाने का काम करेगा आपका use

10:00dispatch

10:01अब आप use dispatch को use तो

10:04लोगे यह आपको एक function return करके देता है

10:06अब यहाँ पर अगर आपको

10:11use dispatch को use लेना है

10:12तो इसके basis पे अपने पास

10:14यहाँ पर क्या होता है कि आप कौन से action को

10:16hit करवाना चाते हो ठीक है

10:18जैसे आप यहाँ पर value को

10:20increase कराना चाते हो value को

10:22decrease कराना चाते हो value को delete करना

10:24चाते हो value को update करना चाते हो

10:26कुछ भी काम करना चाते हो

10:28तो उसके लिए यहाँ पर अपने पास

10:30अपना use dispatch work करेगा

10:31और use dispatch के अंदर ही

10:33अपने actions यहाँ पर assign करते वे

10:36चलते कि कौन सा action आपको hit करवाना

10:38अपने slice वाला और वो ही

10:39action हीट होगा उसके basis पर आपके store में

10:42सारा काम complete होने वाला है

10:43सारी functionality run होने वाली है

10:45तो basically अपने को यहाँ पर flow ही समझना है

10:47कि क्या flow है अगर flow समझ में आया

10:49तो आप easily इसको समझ जाओ कि किस तरीके से

10:51सारे चीज़े यहाँ पर work कर रही है

10:53तो use dispatch से जैसे अपने action हीट करा है

10:55अब आप इस action के साथ यहाँ पर

10:57कुछ भी statement भी भी भीज़ सकते हो

11:00जैसे मैंने statement भीज दिया

11:01जैसे switch case अपने अपने

11:03actions में create कर रखे है या फिर

11:05conditions अपने create कर रखी है

11:07या फिर अपन directly without

11:09कुछ argument भीज़े भी अपन ये काम करवा सकते है

11:12अगर अपन actions के साथ

11:14कुछ भी data भीज़ते हैं जैसे मालों

11:15मैंने एक object भीज़ दिया एक string भीज़ दी

11:18या फिर कोई number भेज़ दिया

11:20तो उस data को अपन access करते हैं

11:22अपने action के अंदर जो आपने reducers

11:24बनाया था अपने slices के अंदर

11:25उस action के अंदर अपन कैसे access करते हैं

11:28उस action के अंदर दो parameter आते हैं

11:30एक तो पहला state और दूसरा actions

11:32पहला state वाले के अंदर तो जो आपकी initial

11:36state है वो initial state आपको

11:38मिलती है और actions के अंदर

11:40जो भी आपके पास payload बनता है

11:42मतलब front end से कुछ भी data

11:43अगर आ रहा है तो उसको अपन यहाँ पर

11:45actions के अंदर access करते हैं

11:47उसी में अपना payload generate होता है

11:49और उसी में अपना data आता है complete

11:51अगर अपन कुछ data पास करते हैं

11:52अपने use dispatch के साथ

11:54अपने action के उपर तो उसी को

11:56अपन access करते हैं यहाँ पर actions

11:58जो अपन यहाँ पर parameter ले रहे हैं

12:00उसके अंदर payload बनता है और उसी से

12:02अपन access करते हैं उसी के साथ वो आपको

12:04type भी देता है कि किस type के उपर

12:06वो आपने hit करा है कहाँ पर आपका data

12:08आ रहा है तो यह सारी चीज़े होती है

12:10अपने इस redux toolkit के अंदर

12:12यही flow था और I hope

12:14कि आपको यहाँ पर flow समझ मैं किस तरीके से

12:16अपने इसको use करा किस तरीके से अपना

12:18redux यहाँ पर work करता है

12:20यहाँ तक की चीज़ किलियर है तो एक बार

12:22comment करके बताओ कि यह सर

12:24अब मैं कह सकता हूं कि

12:26किलियर है वही सारी चीज़े थी

12:28पहला अपने को यहाँ पर क्या करना है

12:30configure store को बुलाना है

12:31store का setup करना है reducer आता है

12:33reducer के अंदर आपके slices जाते है

12:35फिर उसके बाद आपको अपने store को

12:37provide करना है सारे components के अंदर

12:39सारे components में provide कर दिया

12:41फिर उसके बाद आपको यहाँ पर अपना slice बनाना है

12:43कि आप किस slice को यहाँ पर create करना चाते हो

12:46जैसे counter slice है

12:47अपना add to cart वाला slice है

12:49wish list वाला slice है

12:50कुछ भी नाम से बना सकते है

12:52basically slice ही तो अपने पास

12:53slice मतलब एक part है अपने पास

12:55अपने store को कुछ काम करवाने के लिए

12:58तो यहाँ पर अपने यह slice यहाँ पर create कर रखा है

13:02इसी में अपने पास name आता है

13:04initial state में आप यहाँ पर अपनी initial state

13:06पास कर सकते हो

13:07आप कोई थोड़ा सा ऐसे लगता है तो आप यहाँ पर भी

13:09पास कर सकते हो directly एक object

13:11कैसे भी कर सकते हो

13:12अलग से एक variable बना के जितना short code कर सकते हो

13:15उतना कर सकते हो

13:15कोई issue नहीं उसमे

13:16reducers के अंदर अपने पास अपने actions होते है

13:19जो अपन यहाँ पर use dispatch के उपर hit करवाते है

13:21और इसी के basis पर अपना जो

13:23initial state है उसको अपन यहाँ पर change करवाते है

13:27अपटेट करवाना है जो भी काम करवाना है

13:30फिर export कर देते है फिर उसके बाद अपन यहाँ पर

13:32अपने जो store है उसके अंदर अपन किसको पास कर देते है

13:35अपने reducer को जो आपने अपना slice बनाया था

13:38उसी reducer को अपन यहाँ पर पास कर देते है

13:40और फिर उसके बाद आप यहाँ पर dispatch और स्लेक्टर के तुर सारा काम easily कर सकते हो

13:45चीक है

13:47तो यह अपने पास अपना redux था

14:08अब अपन यहाँ पर आगे discuss करते हैं अपने किस चीज के उपर

14:11अपन एक project बनाते है

14:13अब देखो इस project को बनाने के लिए complete अपन create भी कर सकते हैं

14:17अपनी tellwin की classes लगा के और मैंने आपको AI की class में बताया था

14:21अपन गिटब को पाइलेट को यूज करके अपना code भी लिखवा सकते है

14:25जैसे अपन उससे लिखवाते है अगर अच्छा देता है तो ठीक है

14:27नहीं देता तो कोई बात है अपन खुछ से लिखेंगे उस code को

14:30तो जैसे अपन यहाँ पर use करते है चीज को अपन देखते है किस तरीके से अपन इसको create कर सकते है

14:35ताकि अपना UI जल्दी से create हो जाए फिर अपन फंक्शनिटी को समझेंगे कि फंक्शनिटी किस तरीके से अपनी work करेगी

14:40ठीक है तो यहाँ पर आ जाते है और यहाँ पर आके अपन अपनी VS code पर आ जाते है

14:47VS code पर आ जाओ और file then open folder और इसी के अंदर अपन एक नया folder create कर लेते हैं

15:03जिसको अपन यहाँ पर कह देते है shopping cart करके अपन यहाँ पर बना लेते हैं एक folder

15:12इस folder को मैं आपर open कर लेता हूं folder को अपन यहाँ पर open कर लिया github को पाई लेट यहाँ पर open यह उपन यह उपन कर लेंगे

15:21कोई शुनी यह बंद कर दो चलो यहाँ पर आ जाओ और यहाँ पर अपन सेट अप करते हैं अपने किसका रियक्ट का रियक्ट का सेट अप कैसे करते हैं बहुत इजी है आप आता है

15:31npm आप लिखोगे create wheat atherat latest ठीक है यह कमांड लिखते हो बस इस कमांड को यहाँ ना लिखके

15:44git batch पर लिख दो यहाँ पर इसकी error दे रहा तो कोई शुनी है यहाँ पर अपन लिख देते हैं npm create wheat atherat latest ठीक है यह कमांड मैंने आप लिखी

15:58wheat project का नाम पूछ रहा है तो यहाँ पर अपन कहते है cart यहाँ पिर मैं कहते हूँ add to cart ठीक है add to cart करके अपने यहाँ पर कह दिया और react अपन वीरियंट

16:10select कर लेते हैं और javascript वाला वेरियंट है CD करके मैं किस में जाता हूँ अपने add to cart के अंदर npm करके अपन इसको install कर लेते हैं दैन उसके बाद npm run देव अपने को यहाँ पर करना है ठीक है यह तो easy सा setup है अपने पास यहाँ पर

16:25npm add to cart में आगे अपन तो यहाँ पर लिखना है npm run और देव ठीक है यह command मैं ने यहाँ पर लिखी यह अपना front end यहाँ पर run हो चुका है इसी के साथ अपन यहाँ पर अपने tellwin का setup भी कर लेते हैं क्योंकि अपन tellwin के through करेंगे तो जल्दी से हो जाएगा अपना काम तो मैं

16:55जाते हैं वीट के साथ अपने कोच यह guide पूरी install tellwin css यहाँ से copy करो और इसको install कर लो मैं यहाँ पर एक नया टर्मिनल open कर लेता हूं और इसको यहाँ पर अपन इंस्टॉल कर लेते हैं

17:11ठीक है tellwin.confident.jss file आपकी यहाँ पर आ चुकी है आपको इस file को बस replace करना है Kayla here

17:25यहाँ पर आके यहाँ पर आके मैं इसको replace करते हूं इतना सा काम हो गया फिर उसके बाद next आपको यहाँ पर क्या करना है जो आपकी indies.css

17:33है उसको यहाँ पर change करना है तो index.css पर आ जाओ

17:37src के अंदर index.css इसको यहाँ पर आ के अपन कर देते

17:40change ठीक है फिर उसके बाद next आपको यहाँ पर क्या करना

17:45है next आपको यहाँ पर run करना है बस और कुछ नहीं करना

17:48सब कुछ perfect है एक बार मैं वापस run कर लेता हूं इसको

17:50यहाँ पर आ जाओ क्योंकि वो suggestion नहीं देगा फिर

17:53git bash आपको यहाँ पर open ही है आपको यहाँ पर क्या करना है

17:58यहाँ नहीं करना आपको यहाँ करना है CD करके आ जाओ अपने किसके अंदर

18:02add to cart के अंदर और npm run और देग यहाँ पर अपन इसको run कर लेते है

18:08ठीक है यह अपना run हो चुका है perfectly run हो रहा है कोई issue नहीं है

18:12change कर लो यहाँ पर आके app.jsx पर आके अपन इसको हटा देते हैं

18:16वापस से recreate कर लेते हैं rafc करके ठीक है और उसके अलावा

18:22index.css change करी दी और इसको भी हटा दो बस इतना सा काम कर लो यहाँ पर आपकी यह file

18:30save है app.jsx पर आ जाओ और ठीक है perfect अब यहाँ पर अपन एक अपना

18:39component बना लेते हैं जिसको मैं आपर कहता हूं navbar.jsx चीक है यहाँ फिर एक काम करो एक

18:46फोल्डर बना लो src के अंदर के उतना सा आपने काम किया और यहाँ पर अपन

19:01शौपिंग काट करके अपना शौपिंग काट यहाँ पर आ रहा है अपनी यहाँ पर एपलाई होरी

19:11लगा के देख लो आप यहां पर लिखोगे class name आपने बोला text ठीक है और आपने बोला यहां पर center तो यहां पर आपकी tellwind apply होनी चीए tellwind apply हो रही है अपनी ठीक है आप जैसे अपने पास github को पाइलेट था तो उसी से अपने एक बार देखते हैं मैं यहां पर आता हूं github

19:28अनी शोल कर लेगावस एक्सेंच निएक।

19:58यहां पर आओ और एक बार के लिए अपन देखते हैं से ट्राइ करके कैसा क्या देता है यह यहां पर आजाओ विंडोश शिप्ट

20:08गिटब को पाइलेट

20:14को पाइलेट

20:28यह तो चैट है इसको मत खोलो यार खुल कैसे नहीं रही है

20:34यहां से उपन कर दो चलो ठीक है यह अपने पास यह आ रहा है नेवबार.js

20:44जैसे मैं यहां पर कहता हूं क्रिएट है नेवबार लेप्ट साइट

20:52लोगो एंड़

20:58सेंटर में अपने को क्या करना है

21:02सेंटर में अपने को यहां पर

21:04राइट साइड अपने को क्या करना है

21:12आइड टू कार्ट आइकन ठीक है इतना सा काम करते हैं

21:28क्रिएट यहां पर अपन कहते हैं कम्प्लीट रेस्पॉंसिव नेवबार लेफ्ट साइड लोगो

21:38सेंटर में अपन लिंक्स कर देते हैं राइट साइड एड टू कार्ट आइकन और इसी के साथ अपन यहां पर कह देते हैं इसको क्या

21:45यूजिंग

21:48टैल्विंड

21:50सी एसस ठीक है देखते क्या करके देता है यह यह एक नयवबार यहां पर क्रिएट करके दे रहा है

21:57ठीक है रियक्ट आइकन्स यहां पर यह यूज कर रहा है जो अपने को यहां पर इंस्टॉल करने पड़ेंगे

22:04फर्फेक्ट एक वार चेक करते क्या ने बार अपनी यहाँ पर लगा देता है

22:18आपर आओ, एरर आ रही है, एरर आ रही है, रियक्ट आइकन्स की, रियक्ट आइकन्स आपको इंस्ट्रॉल करने पड़ेंगे, तो रियक्ट आइकन्स यहाँ पर आके इंस्ट्रॉल कर लो,

22:30CD करके अपन किसमें आजाते है, add to, cart वाले में, और npm, install, react, icons, ठीक है, react icons करके, या फिर react icon ही है, एक बार चेक कर लो, यहाँ पर आ जाओ, और यहाँ पर आके चेक कर लो,

22:48sorry, यहाँ तो dependency में तो आएंगी निए, वो तो अपने यहाँ पर ले रखाए, यहाँ पर चेक करो, क्या ले रखा है, react icons ठीक है, react icons यहाँ पर install कर लो, अपने react icons यहाँ पर install हो जाने चीए, सब कुछ perfectly यहाँ पर run हो जाएगा, चीक है, यहाँ पर आके चेक करो, यह अपने प

23:18तो देखो, यहाँ पर अपने पास यह एक इस तरीके से आ रहा है, इसको अपन customize कर लेंगे अभी थोड़ा सा, ठीक है, अब एक काम करो, यहाँ पर अपने product दिखाने हैं, तो अपन pages के अंदर एक यहाँ पर homepage बना लेते हैं, मैं यहाँ पर करता हूँ, homepage.jsx, ठीक है, homepage.jsx

23:48और यहाँ पर आजाओ, जैसे अपने काम करते हैं, इस homepage के उपर अपन क्या करते हैं, अपना hero वाला section बना देते हैं, जैसे मैं यहाँ पर इसको paste कर लेता हूँ, और यहाँ पर अपन कहते हैं, shopping website, यह मैंने यहाँ पर कह दिया, ठीक है, तो यह homepage जो आपने create करा है, इसको �

24:18आके चेक करो, एक बार refresh करके देख लो, आ गया है, लेकिन वो नयवबार के नीचे जा रहा है वो, नयवबार पर इसने कुछ classes ऐसी लगा रखी, जिसके करण वो अपना यहाँ पर जा रहा है, उसने fixed कर रखी हूँ इसको या तो fix कर रखी है, ठीक है, तो fix कर रखी है, इस

24:48ठीक है, यहाँ तक की चीज़ समझ में हैं कि आप सभी को, कैमरा कैसे off हो या,

25:08समझ में आया है कि आपको अपने कैसे help लीज की, मैं आपको पूरा code बता रहा हूँ, क्या code लिखा है इसने, अपने एक बार आते हैं,

25:16ठीक है, जैसे इसने bg white कर दिया, shadow md लगा दी class, width full कर दी, fix कर दिया, top से 0 कर दिया, left से 0 कर दिया,

25:24z, यहाँ पर z index है, z का मतलब, maximum width इसने 7 xl लिये, और maximum जो mx यहाँ पर लिया है, margin जो लिये, left और right से वो उटू लिये, center में करने के लिए, और pxy लिया है,

25:35ठीक है, मतलब x direction में जो padding लगा रहा है, और small device पर यह क्या कर रहा है, small device पर पर नहीं बोल रहा है,

25:41px6 रखना और lg से उपर यहाँ पर px8 रखना, तो यह break points भी यहाँ पर set कर रहा है, यह जो main view है,

25:48इसके अंदर ही इसने logo लगा रखा है, इसके अंदर ही इसने यहाँ पर अपने link जो items है वो लगा रखा है, और अपना जो shopping cart वाला जो icon आ रहा है, वो लगा रखा है, तो इसने यहाँ पर flex लगा है, item center लगा है, justify between लगा दिया, मतलब तीनों की बीच में यहाँ पर space आ जा

26:18है, home यह सारी चीजे, ठीक है, home, product, about यह वाले, और contact यह सारी चीजे, फिर right card जो icon है, उसमें इसने क्या दिखा रखा है अपना, जो fast shopping cart करके अपने पास अपना icon आ रहा है, वो इसने दिखा रखा है, और उसी के अंदर spend tag करके इसने यहाँ पर क्या पर रखा है, यहाँ प

26:48कर रहे है, तो click करने पर यहाँ पर, जो hidden class है, इसकी वो class यहाँ पर यह चेंज कर रहा है, अगर आप देखोगे, तो यहाँ पर इसने क्या कर रखा है, यहाँ पर देखो अपने पास जो link items आ रहे है, उस link items पर इसने hidden लगा रखिये, by default class, medium device से उपर flex लगा रहा है, ठीक ह

27:18करने पर अपने पास यहाँ पर इसने क्या कर रखा है, वोई on click, on click पर इसने document.getelementbyid, mobile menu करके इसने ले रखा है, और mobile menu कि इसको पास कर रखा होगा, अगर आप यहाँ पर देखोगे, तो यहाँ पर आओ, और check करू, mobile menu इसने यहाँ पर class पास कर रखी है, font medium,

27:36यह directly नहीं जाएगा यहाँ से, mobile menu यहाँ पर देखोगे, इसने कहाँ दे रखी है, यह रही, mobile menu यहाँ पर इसने ID दे रखी है, sorry, class नहीं दे रखी है, तो जब अपन इस पर click करेंगे, तब अपने पास अपनी यह वाली menu open हो गयाएगी, जिसकी इसने padding, margin, सारी side करेके, left side �

28:06open हो गयाएगा, ठीक है, क्योंकि MD से नीचे इसने hidden कर दिया, अपने यह वाले जो दिख रहे न, अपने को center link, यह hidden हो जाएगे, MD से नीचे, जैसे आप 768 pixel से नीचे जाओगे, तो यह hidden हो जाएगे, जैसे मैं यहाँ पर आता हूँ, 768 pixel से नीचे आते ही, वो आपके center में �

28:36hide हो जाएगे वो, लेकिन फिर उसके basis पर अपने पास यहाँ पर क्या जाएगा, उसके basis पर आपके पास यहाँ पर आपका button आजाएगा, यह toggle वाला button आजाएगा, ठीक है, क्योंकि इस toggle वाले button को इसने यहाँ पर show कर रखा है, यह toggle वाला button आएगा, तो इस पर जैसे आप �

29:06ठीक है यहां तक की चीज के लिए रहे अब देखो अगे बढ़ते हैं अब अपन इसको थोड़ा सा ओर चेंज करते हैं देखो यहां पर अपने को

29:26की बढ़ते हैं जल्दी से आके यह अपना इंस्टॉल करना है रूटर डॉम stri

29:51अपनने पास यहां पर इसका है पर सब्सक्राइब जो यहां पर ना हैं और यहां पर पुरा सब्सक्राइब उसने सजेशन नहीं लेता हूं और क्या करते हैं यह आपका उस

30:21तो इनिशली आपको यहां पर आने वाला है तो चैक करते हैं अपने पास वही सारी चीज़े हैं कोई चेंज़ेस नहीं हुआ है इसके अंदर जब आप पर प्रोड़क्त अबाउट कॉंटेक्ट यह सारे अपने दे रखें तो इस पे एक बार अपने को यहां पर अपने लिं

30:51और मैं आगे कर लेंगे चींज अब एक काम करते हैं यहां पर अपने पास यह अपना नयूबार है और यह अपना फोम पेज है ठीक है कोई दिक्कात नहीं है सीच के अंदर अब होम पेज क्यों पर आओ और होम पेज को थोड़ा सा मैं कस्टमाइज कर लेता हूं इसी की help �

31:21में इसमें इमीज रख लेना मैं एंड राीड़ साइड पर कोज़गे रख लेना Ver marketplace

31:42में धमोजिफो आंपन के देंते मृरिंफो का बटन्न यहां पर होना चाहिए थिजित Kin himself

31:48और थोड़ा सा पनिये भी कह देते हैं

31:50हीरो का सेक्षिन बनाना है तो एक पीज नया बना लो यहां पर जिसको आप यहां पर कह दो अपना

31:58हीरो.jsx करके मैं नया पर कह दिया और इंफो बटन यहां पर रख लेना और

32:08यूजिंग टैल्विंट css ठीक है यह काम मैं नहीं आपर बोला अपन चेक करते ही क्या बना के देता है

32:19अगर अच्छा होगा तो पन इसको यूज लेंगे नहीं होगा तो कोई बात नहीं पन कुछ से बना लेंगे

32:26इसने कुछ छोटा सा यहीं बनाया कुछ जादा बड़ा नहीं बनाया मेरे साब से यहीं पर शुरूत ही खतम कर दिये कि इसने बना रहा है यह यह इसको भीजता हूं

32:42यह अपने पास कंप्लीट आपका कोड यहां पर आ चूक्का है हीरोवला इसको अतरा है यहाँ और इस नहीं पर लगा लगाद Kart कि ए महीन होगा यह यह एच्फवनटेग को हटा दो और यहां पर आके

32:44यहां पर चुका है ही रो वाला इसको अपन यहां पर चेक करते हैं यह यहां पर यहां पर आपके चेक करो तो यह अपने पास अपना

33:05एक hero page यहाँ पर इसने इस तरीके से बना के दिया है आपको

33:08discover the best product online यह करके इसने यहाँ पर यह दे रखा है

33:14और यहाँ पर अपने पास क्या रही है अपनी एक image आ रही है

33:16और image यहाँ पर कुछ है नहीं अभी के लिए

33:19झैसे अपने एक बाद के लिए यहाँ पर आते है nevertheless

33:25hero image hero image करके हीरो यहाँ पर लेते कोई भी

33:27hero image हो तो

33:30ीक है जैसे मैं यहाँ पर आता हूं image इस वाले section में आजाँ एक बार के लिए

33:34कोई भी एक इमेज यहां पर ले लूँ जैसे यह वाली इमेज है इसको पन यहां पर ले लेते हैं मैं यहां पर करता हूँ

33:40कॉपी इमेज एड्रेस ठीक है और इसी को अपन यहां पर यूज कर लेते हैं इस जगह है यह जो इसने दे रखी हीरो वाले सेक्शन के अंदर चोटा सा सेक्शन इसने यहां पर क्रिएट करा है अगर आप यहां पर देखोगे यह अपने पास इसमें इसमेज लगा रखी ले

34:10चीक है तो यह अपने पास हो गया कि आपना यह लिया है अपना इमीच और यहां पर यह लिया को को अपने है इसका यूज नहीं लेंगे यह तो सर offer एक युवाई बनाना इसलिए मैं आपको बता रहां कि कि अन्-स सरी के से यूवाई बना सकते हैं तो अपन प्रोजेक्स �

34:40और यहां पर इसने डिव लिया है, MX यहां पर maximum width यहां पर इसने set कर रखी है, और यहां पर इसने margin set कर रखी है, X direction ने, flex लगा रहा है, flex column, जब MD device से उपर, मतलब 768 pixel से उपर हो, तब row wise हो, जब MD से नीचे हो, तब अपने बास column wise हो, तो यह automatically responsive होगा, यह चीज तो साब अ�

35:10तो वो automatically responsive हो रहा है, क्योंकि flex property लगी भी अपनी यहां पर, एक डिव में इसने image ले ली, जिसमें इसने object cover लगा रखा है, rounded LG, shadow LG, सारी classes यहां पर लगा रखी है, right content की बात करें, तो उसके अंदर इसने width फूल करके, और margin जो है, यहां पर MD इसने पास कर रखी है, minimum width इसने �

35:40अपने को यह अपना UI कुछ इस चरीके से दिखाई दे रहा है, चीक है, तो यह अपने पास हो गया, अपना क्या, कुछ छोटा सा UI, यहां तक की चीज समझ मैं क्या आप सभी को,

35:58यहां तक की चीज के लिए रहे क्या,

36:10अब देखो, यहां पर अपन इसको थोड़ा सा आगे और बनाते हैं, ठीक है, क्योंकि अपने को main जो इसमें देखना है, वो अपने को यहां पर देखना है, अपना

36:30रिडक्स के थुरू add to cart की functionality लगाना, कि जैसे माल लो अगर मैं same product add कर रहा हूं, तो same product add नहीं होना चीज है, अगर मैं product को increment, decrement कर रहा हूं, तो अपनी price का total यहां पर change होना चीज है, quantity कितनी है, quantity के हिसाब से अपने पास अपने product का total आना चीज है, जैसे माल लो अपने same product क

37:00जो है, वो create करा, जैसे आपको तो यह code मिल जाएगा, तो आप code की help से इसको complete बनाना, खुद से कि क्या-क्या classes लगी भी है, किस तरीके से classes लगा रखिए, क्योंकि practice है यह आपकी, अगर आप practice करोगे तो आपको चीजे और अच्छे से समझ में आईगी, चीक है, तो अगर �

37:30pages के अंदर ही, एक component मना लिए, जिसको मैं आपर करता हूँ, अपने products.jsx करके, तेक है, products.jsx करके, अपने यहाँ पर अपना एक component मना लिया, यहाँ पर भी अपने इसको create करते हैं, जैसे मैं आपर करता हूँ, create product card, जीक है,

37:56create a product card

37:58और यहाँ पर अपन कह देते है

37:59जिसमें अपन क्या क्या देना चाते है

38:01mention, title

38:08image

38:10description

38:13ठीक है

38:15एक तो यहाँ पर आपको क्या करना है

38:18title देना है, image देना है, description देना है

38:20और अपन यहाँ पर और क्या देते है

38:24add to cart का अपने को

38:26यहाँ पर क्या देना है, add to cart का

38:28यहाँ पर देतेना, icon

38:29and wishlist icon

38:32ठीक है

38:38name हो गया, title हो गया, description हो गया

38:41and price

38:42price भी तो होगी

38:43price से तो पता चलेगा

38:45card mention

38:49title, image, description

38:53add to cart icon and wishlist icon and price

38:55using

38:58इतना सा बना के देखते है

38:59क्या बना के देता है, tell win

39:01css, चीक है

39:03यह मैंने आपर बोला

39:04देखते क्या बनता है, अपना ही है

39:07अब देखो इसने product जो लिया है

39:10इसने product खुद ने यहाँ पर assign कर दिया है

39:13product जिसमें इसने wireless headphone

39:15assign कर दिया, classic watch

39:163 product यहाँ पर इसने set कर दिया

39:19और सके उपर map भी चला दिया

39:20क्या करता है, चीक है

39:22चलो कोई बात नहीं, यह काम तो बहुत अच्छा कर दिया

39:24यह जो दिया है, इसने भी अच्छा दिया है

39:26यहाँ पर आते हैं और अपने इसको करते हैं

39:28यहाँ पर use, चीक है

39:30complete आपका यहाँ पर

39:32हो गया है import तो यहाँ पर

39:34check कर लो इसको और इसको कर दो right

39:36ठीक है तो यह अपने

39:38यहाँ पर अपने product यहाँ पर

39:40show करवाए है चेक करते कि अपने पास

39:42यहाँ पर क्या आ रहा है home page के उपर

39:44जो hero वाला section है उसी के बाद में

39:46यहाँ पर लगाते है तो अपना product वाला

39:48जो products वाला जो

39:50component है उस component को अपने लगा देते हैं

39:52और check करते कि अपने पास क्या products आ रहा है

39:54तो जैसे our products आ रहा है

39:56जिसमें अपने पास यहाँ पर

39:58एक तो wish list का button यहाँ पर दे दिया

40:00और एक अपने पास add to cart का button आ गया

40:02और इसकी price आ गई ठीक है

40:04classic watch है watch कहा है इसके अंदर

40:06कहीनी degree मेरे को watch leather wallet है

40:08ठीक है

40:09ठीक है जैसे यह अपने पास आ रहा है

40:13और अपने इसको

40:14यहाँ पर एक बार change करते है

40:16यहाँ पर आओ इसने जो products करके

40:21यह जो अपने पास यह data ले रखा

40:23इस data को अपने एक बार के लिए change कर लेता है

40:25यहाँ पर आओ इससे अपने help लीटी इसी को मैं कहा देता हूं

40:29add more data on products area of object

40:42ठीक है यह चीज में यह आपर कह रहा हूं

40:47और यहाँ पर जैसे माल लोपन कहा देते है

40:50add total, 10 products यह अपने हाँ पर कह दिया

40:57अब यह क्या करेगा इसको यहाँ पर change कर देगा आपने यह data आ रहा है

41:01इसको यह data आ रहा था

41:04यह च्रश कितने product का था अपने पास

41:06तीन आप ऑने चेंज कर के इसको बोला

41:09आप 10 का कर दो इसको में कुछ 10 का चाहिए तो यहां पर यह 10 का करके दे रहा है एक बार चेक करते 10 का किस तरीके चाहरा है

41:15परफेक्ट कोई दिक्कत नहीं है इस चीज के अंदर और यहां पर अपने इसको कर लेते है चेंज

41:22एरर किस चीज की आ रही है एरर चेक करो

41:30एक बार के लिए इसको हटाओ और इसको फिर से लगा दो

41:39चीक है यहां पर सब कुछ परफेक्ट है परफेक्ट है एक बार चेक करो क्या अपने पास प्रोड़क्स आ रहे है अपने

41:48रिफ्रेश करके देखो क्रैश हो रहा है किस रीजन से हो रहा है चेक करो जल्दी से

41:55प्रोड़क्स यहां पर मेंशन है और

42:02कुछ ने कुछ इशू है

42:18एक्सपोर्ट डिफोल्ट किसको करना है प्रोड़क्स को ठीक है यह करके देखो

42:30तो यहां पर आपके वह सारे प्रोड़क्स यहां पर शो हो जाएंगे ठीक है तो जैसे यहां पर अपने को प्रोड़क्स यहां पर शो हो रहे है

42:37स्मार्ट फॉन्स ब्लिट५ुफ स्पीकर ऐसे कोई इमेज़ इसे ले नहीं रखी जो यहां पर दिखा रखी जैसे क्लासिक वॉच्च यहां पर दे रखिए तो पन क्लासिक वॉच्च की इमेज ले लेता है थोड़ा सा पने इसको चेंज कर देते हैं जल्दी से मैं यहां प

43:07यूरल आया भाई नहीं नहीं नहीं नहीं नहीं क्या कर रहा है तू यह वाला पन उपन करते हैं नहीं तो यह लेते हैं और

43:19copy image address ठीक है और यहां पर इसको paste करो यह आपकी पहली image यहां पर आ जानी चीए यह पहली

43:27यहां पर आता हूं और इसको पर यहां पर सर्च कर लेते हैं यहां पर आके उसको paste कर दो यहां पर आके पर उसको

43:50यहां पर आता हूं और इसको अपन बोल देते हैं इमेज चीक है लेदर वालेट इमेज कोई सी भी एक

44:08इमेज यहां पर ले लो इमेज आपको अच्छी लग रही हूं कोई सी भी ले लो एक पर ले लो यहां फिर इतना कंफूजन क्यों करना यह ले लो मैं आपर करता हूं कॉपी मेज एड्रेस ठीक है और यह वाइलेस हेड़फोन का था यह आपका लैदर वालेट है जो आपन

44:38स्मार्टफोन से तो यहां पर अपने स्मार्टफोन की कोई भी इमेज ले लेते हैं मैं यहां पर आता हूं और यहां पर आके बोलते हैं इमेज ठीक है स्मार्टफोन इमेज को इसी भी एक इमेज ले लो यह वाली अच्छी लग रही है इसी को ले लेता हूं मैं कॉपी इ

45:08भी यहां पर मैं करता हूं डेटा अपन यह यूज लेने वाले जो इसने दिया है ठीक है लिटूत स्पिकर बोस वाले ले लो बहुत अच्छे स्पिकर रही तो कॉपी इमेज अड्रेस और यहां पर आके इसको पेस्ट कर दो

45:21इस ठीक है यहां पर अपने पास स्पिकर की मेज आ जाने चाहिए वहां पर यह स्पिकर की मेज आ गई यहां पर अपने पास रणिंग शूज है तो रणिंग शूज की मेज ले लैं जल्emorत से

45:32ठीक है

45:38running shoes image अपने यहाँ पर search करते है

45:40और

45:41कोई सी भी एक image ले लो जैसे

45:44कि

45:45यह वाली ले लेते हैं

45:48मैं यहाँ पर करता हूँ copy image address

45:50ठीक है और यहाँ पर आके अपने उसको कर देते

45:52paste

45:52यह अपने running shoes आ गए

45:57ठीक है sunglasses है

45:58sunglasses अपने यहाँ पर ले लेते है

46:00यहाँ पर आओ और यहाँ पर आके अपन ले लेते हैं

46:03अपने sunglasses

46:03ठीक है

46:10sunglasses image पर आते हैं और

46:12कोई सी भी एक image ले लो

46:14यह रहे बहुत तगड़े दबंग वाला चश्मा आई है

46:17दबंग वाला चश्मा आ गया तो ले लो इसको यहाँ पर लगा दो इसको

46:21फिर उसके बाद अपने पास backpacks है

46:27backpacks भी अपन ले लेते हैं जल्दी से

46:29ठीक है

46:36backpacks image पर आते हैं और कोई सा भी एक backpack ले लो

46:39copy image address और यहाँ पर आके उसको paste कर दो

46:42ठीक है यह backpack आ गया fitness tracker fitness tracker भी ले लो जल्दी से थोड़ा सा

46:51महनत का काम है तो वो कर लेते हैं अपन लेकिन थोड़ा कम है यह काम

47:02महनत का

47:03copy image address करो fitness tracker है fitness tracker अपन यहाँ पर अपना पास कर लेते हैं

47:12ठीक है यहाँ पर fitness tracker पास कर दो और यहाँ पर जो coffee maker है coffee maker में अपन यहाँ पर इसको

47:23पर इसको यूज ले रहते हैं यहाँ पर आ जाओ और मैं यहाँ पर करता हूं कोई सी भी एक image ले लो

47:32coffee maker की यह रही है copy image address

47:35तो यह अपने पास अपने सारे products यहाँ पर आ रहे है जिसमें यह सारे products अपने आपर show करवा दिये

47:50अभी जैसे इसने तीन product एक line में ले रहे तो इसको थोड़ा सा change कर लो देखो कैसे change करेंगे पर यहाँ पर आके चक करते

47:56products है यह पूरा array of object है जिसके उपर इसने map चला रखा है ठीक है और यहाँ पर इसने लगा रखा है grid अगर आप देखो कि एक section ले रखा है

48:05py करके इसने 16 कर रखा है padding y direction में 16 बीजी कर रखा है अपने पास gray 50 ठीक है उसके लाव maximum width 7 xl दे रखी है responsibly pass कर रखी है

48:14अब अपने प्रोडक्स कुछ इस तरीके से अपने यहां पर शो होने वाले हैं अभी देखो

48:44अपने पास इस तर रिकी से आ रहे यह ईकी line के अंदर कितना रहे पांच जब आप

49:06फिर grid columns 1, कब जब वो यहाँ पर sm device से नीचे है, तब वो 1 में divide हो जागा, जब sm से md के बीच में तब 2 में रहेगा, जब md से lg के बीच में तब 4 में रहेगा, और जब lg से उपर है तब 5 में रहेगा, तो यह grid ही तो लगा रखा है, अपने grid पर discussion किया था, वोई चीज है,

49:36अपने एक बार, तो यहाँ पर loop चल ला रहा है, और यहाँ पर उसको print करवा रहा है, तो यहाँ पर अपने पास add to cart वाला बटन आ रहा है, तो क्या बिलकुल

49:59कितना easy तरीके से अपने यहाँ पर इसको create कर लिया

50:01अगर आपको classes पता है

50:04तो आप इसको बहुत easy तरीके से

50:06बहुत अच्छा user interface आप create कर सकते हो

50:09ठीक है

50:09क्योंकि अगर UI की बात आती है

50:12तो UI में आप AI की help ले सकते हो

50:15एक complete UI को बनाने के लिए

50:17लेकिन जब बात आती है

50:19front end और back end को complete connect करने के लिए

50:22और front end से जो भी

50:24अपने पास यहाँ पर अपने को hit करवाना है

50:26अपने back end पर APIs बनानी है

50:28यह सारा काम AI नहीं करवा पाएगा

50:31बहुत सारी दिक्कते आएगी

50:32बहुत सारी difficulties आएगी

50:34लेकिन front end create करने में कोई दिक्कत नहीं आती है

50:37बस आपको सारा syntax पता होना चाहिए

50:39हर एक चीज पता होनी चाहिए

50:41prompt दो और वो अपने को बना के देता

50:43जैसे अभी अपने को बना के दिया है

50:45इसने अपने इसको use कर लिया

50:46ठीक है तो उस तरीके से अपन इसको use कर सकते

50:48अपने इसाब से customize कर लो कैसे customize करना आपको

50:51button का color change करना है

50:53कुछ changes करने तो वो changes कर लो

50:54ठीक है क्या comment कर रहो आप

51:01जो पहले वाला video था rex.js की

51:04हो तो नहीं है

51:06क्या कह रहो आप

51:07I didn't get anjali only daily recording है

51:13AI recording नहीं है तो

51:15देखो जो recorded classes है

51:17वो आपको daily motion के उपर

51:19AI की recorded classes भी मिल रही है

51:21और जो अपनी regular classes हो रही है

51:23web development की वो classes भी आपको

51:25उसके अंदर मिल रही है

51:26जाके check करो daily motion के उपर

51:28skill वाला सरच करना है

51:29वहाँ पर मिल जाएगी आपको ये classes ठीक है

51:30उसके लाव full stack AI write

51:33हाँ

51:36full stack AI करके batch करके

51:38कुछ नाम होगा जिसे वेपन देखते सर्च करके

51:40तीन दिन की classes हुई है भी AI की

51:46और आज fourth class AI की

51:48तो AI की कोई ज्यादा बड़ी classes नहीं

51:50चार या फिर पास दिन की class है

51:52हो सकता है क्या पता आज अपन पूरा cover करें

51:53तो आज अपनी last class हो AI की

51:56साहिल करें कि

52:00YouTube channel कब तक चलेगा कोई idea नहीं है

52:02कब तक चलेगा YouTube channel

52:03बस review के उपर डाल रखा है उसने

52:05तो YouTube को कितना email कर लो

52:08वो कोई reply नहीं देता उस रीच का

52:09अब वो कब उसको review करके

52:12final उसका response करेगा

52:14कि भई वापस देना है या नहीं देना

52:16वो YouTube के उपर है

52:17राज अंदर करें कि

52:32daily motion पर सर पूरा

52:34playlist अपलोड नहीं है वेब डिलपेंट की

52:36नहीं पूरी नहीं जो अपनी यहाँ पर

52:38meeting जो जब से अपनी classes यहाँ पर

52:40start हुई अपने zoom session के उपर

52:42वहाँ से सारी classes अपलोड है

52:43पूरी नहीं है वहाँ पर

52:45यहाँ पर आओ जैसे अपनी यहाँ पर आके

52:47search करेंगे क्या अपना search करना है

52:49अपने को daily motion daily motion पर आना है

52:51यह जो classes है regular

52:53जो classes हो रही है वो सारी classes यहाँ पर

52:55upload है अगर आप regular class

52:57ले रहेते जो पुरानी classes है तो

52:59आपको दिक्कत नहीं आने वाली लेकिन

53:01अगर आप पुरानी classes skip करके बैठे हो तो दिक्कत आ सकती है

53:04क्योंकि पुरानी classes नहीं है अपने पास है ठीक है

53:08यहाँ पर आके search करते है अपना

53:11skill वाला क्या हुआ नेट चलतो रहा है अशानी हो सकता नेट ना चले

53:14यहाँ पर आके search करो skill वाला

53:23राउजर चेंज कर लो यहाँ पर आके देख लेता है पने एक बार के लिए

53:41daily motion

53:44यहाँ पर आओ और search करो अपना skill वाला

53:51ठीक है क्या issue आ रहा ही है ठीक है आ गया यहाँ पर आके आपको आना है किसके उपर अपने

54:02playlist के उपर

54:04यही प्लेलिस्ट फैब development course best 3 की complete playlist यहाँ पर है

54:10यहाँ जाब access कर सकते हैं इनको ठीक है

54:13यह रही जो classes हुई है अपनी एक तो तीन चार पात छे जो भी classes है ठीक है यहाँ पर है यह

54:21तो यहाँ से जाके आप explore कर सकते हैं इन classes को ठीक है तो अपने यहाँ पर यह जो क्रिएट करा है यह अपने

54:29अपने यहाँ पर यह जो क्रिएट करा है यह अपने complete क्रिएट करा है किसके थूँ अपने एई की help लेके अपने क्रिएट करा है जिसमें नयुबार अपने बनाया अपना

54:47हीरो सेक्षिन बनाया और अपने यहाँ पर अपने प्रोडक्स शो करा दिये अब एक फूटर का सेक्षिन और दो तिन सेक्षिन और बनाते है फिर अपन यहाँ पर add to cart की function देखने वाले है

54:55with redx, redx की थूपन यहाँ पर कैसे देखेंगे, सारे logics अपन यहाँ पर लिखने वाले है उसकी थूटरू, तो logics भी लिखेंगे और सारे चीज़े पर देखेंगे, यहाँ तक की चीज़े आप सभी को clear है

55:06sir attendance fill कैसे करेंगे, attendance fill करने के लिए आपको community में आपका जो attendance का form है, वह आपको share किया जा रहा है

55:25मतलब यह जो classes हैं, इनकी attendance fill करो आप, क्योंकि वो आपकी देखी जाएगे attendance, इससे पहले वाली है, उसमें आपन देख लेंगे क्या करना है

55:34लेकिन यह attendance आपको fill करनी है

55:37ठीक है, इसी के साथ आज की attendance के point 1 और point 2 मैं आपको पता जाता हूँ, attendance के point 1 क्या है

55:51attendance के point 1 में आपको mention करना है, आज जो अपन प्रोजेक्ट बना रहते हैं, जिसका UI अपने create करा है, वो mention करना है आपको add to cart

55:59ठीक है, तो आपको point 1 में mention करना है add to cart

56:04इसी के साथ attendance का point 2 क्या है, point 2 के अंदर आपको mention करना है

56:09क्या mention करना है, redux, redux के थूपन करना है, तो redux आपको mention करना है, point 2 के अंदर

56:15तो point 1 हो गया add to cart, point 2 अपना इहां पर क्या हो गया, redux, यह आपको point 1 और point 2 के अंदर mention करना है

56:21आज जो उनके रहते हैं, attendance form खोजने में problem होता है, इसलिए उसे pin करवा दे सर, ठीक है

56:31कल आपको जो community है, उसमें आपको जो attendance form है, वो pin मिलेगा, इक बार मैं team को बोल दूँगा, ठीक है

56:39तो आपको जो community है, उसमें pin मिलेगा आपका जो भी form है, जो attendance form आपको pin मिलेगा उसमें, ठीक है

56:49लिए रहे कि form भी सर बर दे फिर

56:58नहीं नहीं है, कर देंगे pin कोई बात नहीं, टेंचन मतलब आप

57:17ठीक है, अगर आपको कोई doubt है, तो अपने doubt mention करो, नहीं तो आज की class अपने इतनी रखते हैं, बाकि फिर अपने कल वाली class में discuss करेंगे, क्योंकि अपनी next class AI वाली class भी है

57:26तो उसमें pin discuss करने वाले है, आज थोड़ा सा interesting चीज मैं आपको बताने वाला हूँ उस class में, ठीक है, AI के तुरू आपकि इस तरीके से complete यहाँ पर setup कर सकते हो अपना,

57:41सर एक बार question 2 repeat कर दीजिए,

57:49attendance का जो point 1 है, उसके अंदर आपको mention करना है add to cart, attendance के point 2 के अंदर आपको mention करना है,

57:59reduce, यही attendance के point 1 और point 2 है, तो point 1 में आपको mention करना है, to cart, point 2,

58:06reduce, मैंने खुबा repeat कर दिया इसको, अब तो आप mention कर देना, ठीक है, तो यही आज की class थी जिसमें अपने discuss करें इन चीजों के उपर,

58:15कल अपन थोड़ा सा और enhance करेंगे इन चीजों को, ठीक है, थोड़ा सा और आगे देखेंगे, ठीक है guys, मिलते है फिर अपन अपनी कल वाली class के अंदर, कल अपना Friday है में भी, Friday है कल, हाँ, कल Friday है, तो कल वाली class में अपन complete UI बनाते,

58:34प्लस Redux का setup हो, और जितना अपन कर सके उतना अपन इसको complete करते हैं, ठीक है, ओके guys, आज की class इतनी, मिलते है फिर अपन अपनी कल वाली class के अंदर,

58:43बाई बाई everyone and take care all, सभी अपना ध्यान रखो, अपनी family का भी ध्यान रखो, ठीक है, बाई, love you all, बाई

🛒 Building a Shopping Cart with Redux Toolkit 📅 Skillwaala’s Free Full Stack Web Development Course!

Category

Transcript

Be the first to comment

Recommended