Code With Zahir
Code With Zahir
  • 48
  • 18 149
Props In Next JS | GIAIC | [ Urdu/Hindi ]
In this video, I am explaining what are props and what is the purpose of them and how can we use them in Next JS.
***********************************Resources***********************************
Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true
Props Next JS Docs: nextjs.org/learn/react-foundations/displaying-data-with-props
My Code ( Route Groups and Layout Practice Code): github.com/zahir9048/Governor-Initiative-TypeScript-Programs/tree/main/Q2/props
Watch my last video on Next JS Route Group and layout.tsx : ua-cam.com/video/_Ag0DNvzmXc/v-deo.htmlsi=o9QaQBzop8kKGxNP
Learn TypeScript from my playlist:
Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv
********************************Video Chapters***********************************
00:00 Introduction
00:38 Create Next JS Project
03:31 Run the Project
04:01 Edit Home Page
04:58 Create a Component
07:18 Import & Use Component
09:00 What are Props
10:52 Dynamic Data
14:21 Data Fetching using Props
17:43 Small TypeScript Recap
21:43 Use variables inside JSX
27:24 Implement Props in Next JS
39:26 Recap
44:35 End
Channel Name: Code With Zahir @ZahirKhan-121
Переглядів: 28

Відео

Route Groups & Layout In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 178День тому
In this video, I am explaining what is Route Groups, and what's the advantage of Route Groups along with what is the purpose of layout.tsx file and how can we make different layouts for different route groups. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true Route Groups Next JS Docs: nextjs....
Components In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 225День тому
In this video, I am explaining what are components, advantages of using components in Next JS / React JS and how can we import and use them in Next JS. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true Learn TypeScript from my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF...
Anchor & Link Component In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 250День тому
In this video, I am explaining and demonstrating how to link different pages of Next JS Project using anchors and link components. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true Learn TypeScript from my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=p...
Routing & Nested Routing In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 456День тому
In this video, I am explaining and demonstrating Routing & Nested Routing in Next JS. Resources Commands Link: docs.google.com/presentation/d/1NwZDRnJ5G3VSkkqEeYvf5AZELNWRglx-/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv Vide...
Next JS Introduction | Create First Project In Next JS | GIAIC | [ Urdu/Hindi ]
Переглядів 42214 днів тому
In this video, I am giving introduction of React JS & Next JS and creating first Next JS Project. Subscribe for more Next JS playlist. Resources Commands Link: docs.google.com/presentation/d/1WtiGX0EX7b0ok9O7v66T1stQK_EXC_wT/edit?usp=sharing&ouid=116079804639474115999&rtpof=true&sd=true If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVA...
HTML CSS JS Introduction | How Websites Work ? | GIAIC | [ Urdu/Hindi ]
Переглядів 12514 днів тому
In this video, I am explaining the structure of a basic website and introduction to HTML, CSS & JS in Web Development. In this playlist, we will cover basics of Web Development including HTML, CSS, JS & Bootstrap. Resources If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv Video Chapters 00:0...
Installing VS Code & Important Extensions | Web Development Series | GIAIC
Переглядів 7728 днів тому
In this video, I am installing VS Code and some important extensions for web development. In this playlist, we will cover basics of Web Development including HTML, CSS & Bootstrap. Resources If you want to learn TypeScript, you can watch my playlist: Learn TypeScript: ua-cam.com/play/PL2YfvHYmQ5JBVAgE9mn5qF9tcc9HRBQy0.html&si=pQfuOeXBVR4gh8Kv Video Chapters 00:00 Introduction 02:50 Download & I...
What is Web Development | HTML | CSS | JS | GIAIC [ Urdu/Hindi ]
Переглядів 145Місяць тому
In this video, I am explaining what is web development and how can we start learning it. I have also discussed about the Frontend tools and technologies like HTML, CSS, JS, Bootstrap, React JS and Next JS. Subscribe for learning more about these tools and technologies. Resources Frontend Technologies & Tools Document: drive.google.com/file/d/1SaTpJBR77gDQPSaKeTKeIocPUjIMmaIu/view?usp=sharing Le...
Important Inquirer Package Update & Error Solution | NodeJS | TypeScript
Переглядів 145Місяць тому
In this part, I am explaining the workaround & solution for the inquirer package error that comes in inquirer version 10 when we use it with old inquirer code. Resources Asynchronous Programming (MUST WATCH): ua-cam.com/users/liveQpqvGyOQ2pE?si=en9ODRiPc8Yy9O_B Sir Zia Repo Step 0 to 10 Revision Playlist: ua-cam.com/play/PL2YfvHYmQ5JB-0NJD40hb2AocFdMQJOly.html&si=ewjRttMEAgGo5ftT My Code: githu...
Sir Zia Repo Step 10 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 1832 місяці тому
In this part, i am explaining step 10 of Sir Zia GitHub Repo (Tuples). Subscribe for more coding videos. Resources Asynchronous Programming (MUST WATCH): ua-cam.com/users/liveQpqvGyOQ2pE?si=en9ODRiPc8Yy9O_B Sir Zia Repo Step 0 to 10 Revision Playlist: ua-cam.com/play/PL2YfvHYmQ5JB-0NJD40hb2AocFdMQJOly.html&si=ewjRttMEAgGo5ftT Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v...
Sir Zia Repo Step 9c, 9d & 9f Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 3502 місяці тому
In this part, i am explaining step 9c, 9d & 9f of Sir Zia GitHub Repo ( Function Default Params, Function Rest Params, Function Overloading). Subscribe for the remaining steps of Sir Zia Repo. Resources Asynchronous Programming (MUST WATCH): ua-cam.com/users/liveQpqvGyOQ2pE?si=en9ODRiPc8Yy9O_B Sir Zia Repo Step 0 to 10 Revision Playlist: ua-cam.com/play/PL2YfvHYmQ5JB-0NJD40hb2AocFdMQJOly.html&s...
Sir Zia Repo Step 9a & 9b Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 4032 місяці тому
In this part, i am explaining step 9 of Sir Zia GitHub Repo ( Functions, Types of Functions, Arrow Functions, Lambda Functions, Named Functions, Anonymous Functions). Subscribe for the remaining steps of Sir Zia Repo. Resources Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v-deo.htmlsi=bonwD68F6_6FoX-r Sir Zia Repo Step 3 Explanation: ua-cam.com/video/tSIVln_e5KM/v-deo.htm...
Sir Zia Repo Step 8 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 3962 місяці тому
In this part, i am explaining step 8 of Sir Zia GitHub Repo ( Arrays & Array Methods (Push, Pop, Shift, Unshift, Slice, Splice) ). Subscribe for the remaining steps of Sir Zia Repo. Resources Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v-deo.htmlsi=bonwD68F6_6FoX-r Sir Zia Repo Step 3 Explanation: ua-cam.com/video/tSIVln_e5KM/v-deo.htmlsi=CMwmOHAbdTbGfCBN Sir Zia Repo St...
Sir Zia Repo Step 7a & 7b Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 3172 місяці тому
In this part, i am explaining step 7a & 7b of Sir Zia GitHub Repo ( Enums & Const Enums ). Subscribe for the remaining steps of Sir Zia Repo. Resources Sir Zia Repo Step 0, 1, 2 Explanation: ua-cam.com/video/iq31xPq4Gg8/v-deo.htmlsi=bonwD68F6_6FoX-r Sir Zia Repo Step 3 Explanation: ua-cam.com/video/tSIVln_e5KM/v-deo.htmlsi=CMwmOHAbdTbGfCBN Sir Zia Repo Step 4 Explanation: ua-cam.com/video/1LgoR...
Sir Zia Repo Step 5d, 5e, 5f & 6 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 4212 місяці тому
Sir Zia Repo Step 5d, 5e, 5f & 6 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Sir Zia Repo Step 5a, 5b & 5c Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 5692 місяці тому
Sir Zia Repo Step 5a, 5b & 5c Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Sir Zia Repo Step 4 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 6812 місяці тому
Sir Zia Repo Step 4 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Variables & Operators Quiz Solution + Explanation | TypeScript Revision | GIAIC | [ Urdu / Hindi ]
Переглядів 3632 місяці тому
Variables & Operators Quiz Solution Explanation | TypeScript Revision | GIAIC | [ Urdu / Hindi ]
Sir Zia Repo Step 3 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 7072 місяці тому
Sir Zia Repo Step 3 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
Sir Zia Repo Step 0 to Step 2 Practice + Explanation | TypeScript Revision | [ Urdu / Hindi]
Переглядів 8152 місяці тому
Sir Zia Repo Step 0 to Step 2 Practice Explanation | TypeScript Revision | [ Urdu / Hindi]
GIAIC | Class 15 | Object Oriented Programming Part 4 | Polymorphism | TS | JS | [ Urdu/Hindi ]
Переглядів 1643 місяці тому
GIAIC | Class 15 | Object Oriented Programming Part 4 | Polymorphism | TS | JS | [ Urdu/Hindi ]
GIAIC | Class 15 | Object Oriented Programming Part 3 | Encapsulation | TS | JS | [ Urdu/Hindi ]
Переглядів 1863 місяці тому
GIAIC | Class 15 | Object Oriented Programming Part 3 | Encapsulation | TS | JS | [ Urdu/Hindi ]
GIAIC | Class 15 | Object Oriented Programming Part 2 | Abstraction | TS | JS | [ Urdu/Hindi ]
Переглядів 2413 місяці тому
GIAIC | Class 15 | Object Oriented Programming Part 2 | Abstraction | TS | JS | [ Urdu/Hindi ]
Cli UMS Using TypeScript Part 2 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
Переглядів 3413 місяці тому
Cli UMS Using TypeScript Part 2 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
Cli UMS Using TypeScript Part 1 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
Переглядів 4323 місяці тому
Cli UMS Using TypeScript Part 1 | OOP Project | TS | JS | GIAIC | [ Urdu/Hindi ]
GIAIC | Class 14 |Object Oriented Programming |Classes & Objects |Inheritance |TS|JS |[ Urdu/Hindi ]
Переглядів 6573 місяці тому
GIAIC | Class 14 |Object Oriented Programming |Classes & Objects |Inheritance |TS|JS |[ Urdu/Hindi ]
GIAIC | Class 13 | setTimeout | Callbacks | Promises | Then | Await & Async | TS|JS | [ Urdu/Hindi ]
Переглядів 7633 місяці тому
GIAIC | Class 13 | setTimeout | Callbacks | Promises | Then | Await & Async | TS|JS | [ Urdu/Hindi ]
GIAIC | Cli Countdown Timer Project Using TypeScript | TypeScript | NodeJS | [ Urdu / Hindi ]
Переглядів 2884 місяці тому
GIAIC | Cli Countdown Timer Project Using TypeScript | TypeScript | NodeJS | [ Urdu / Hindi ]
GIAIC | Class 12 Revision | Null | Type Narrowing | Interface | Structural Typing| TS|[ Urdu/Hindi ]
Переглядів 5914 місяці тому
GIAIC | Class 12 Revision | Null | Type Narrowing | Interface | Structural Typing| TS|[ Urdu/Hindi ]

КОМЕНТАРІ

  • @nausheenraza110
    @nausheenraza110 День тому

    Ap bohat Acha samjahty hein like always 😊

  • @Codewithrabia1
    @Codewithrabia1 День тому

    Oosum deeply explanation sir jazakallah,.....

  • @aqeelafarooq7505
    @aqeelafarooq7505 День тому

    Hi thanks ,too good explanation please what is the reason when I run 1st command npx create _app_@latest .all files r create but page.tsx file not create ,page .js or lay out.js file create please reply must

    • @ZahirKhan-121
      @ZahirKhan-121 День тому

      Aap jab ye command run krrhi hongi to aapke paas would you like to use typescript? Yes no ismai aap yes pe select krein arrow key say phir enter krein, aapki tsx ki files aajyengi .

    • @aqeelafarooq7505
      @aqeelafarooq7505 22 години тому

      Thanks

  • @sairarizvi1617
    @sairarizvi1617 День тому

    Assalam o Alikum Sir Mashallah very good video...I liked it...I have cleared my concept after watching your video and got all the blur questions which are disturbing my mind..Jazak Allah..Allah bless you 😊

  • @sairarizvi1617
    @sairarizvi1617 День тому

    Assalam o Alikum Sir, I am a beginner student, I tried hard to understand in the class and watched different channels, but the understanding was better and the concept was clear from your video. I wish you to always be successful and happy and keep making good videos for us, thanks😊

  • @ZahirKhan-121
    @ZahirKhan-121 День тому

    Video Topics: 00:00 Introduction 00:38 Create Next JS Project 03:31 Run the Project 04:01 Edit Home Page 04:58 Create a Component 07:18 Import & Use Component 09:00 What are Props 10:52 Dynamic Data 14:21 Data Fetching using Props 17:43 Small TypeScript Recap 21:43 Use variables inside JSX 27:24 Implement Props in Next JS 39:26 Recap 44:35 End

  • @ahmadawais2914
    @ahmadawais2914 2 дні тому

    Great toturial

  • @sakratsuperstar8231
    @sakratsuperstar8231 4 дні тому

    Bhai TodoList banwa do

  • @ahmadawais2914
    @ahmadawais2914 4 дні тому

    very easy to understand thank you so much 😇 kindly upload videos on daily basis

    • @ZahirKhan-121
      @ZahirKhan-121 4 дні тому

      JazakaAllah bro 😇 yes i try to upload as much as possible to help you guys .

  • @hafsahafsa7791
    @hafsahafsa7791 4 дні тому

    Excellent apki vidoes sy sara asani sy smjh ajata hay jazakAllah ❤

  • @nausheenraza110
    @nausheenraza110 4 дні тому

    Great work 👍

  • @MustafaTariq-yv6mk
    @MustafaTariq-yv6mk 4 дні тому

    More power appreciate it ❤ Sir ashi videos upload krte rhn please

  • @ZahirKhan-121
    @ZahirKhan-121 4 дні тому

    Video Topics: 00:00 Introduction 01:08 Create Next JS Project 06:04 Public & Private Pages 12:32 What is Route Groups 14:09 Make Route Groups 25:30 layout.tsx file 31:56 Add Components in layout.tsx 39:10 Different Layouts for Route Groups 01:06:38 End

  • @talathennaartist.439
    @talathennaartist.439 5 днів тому

    Assalam o alaikum Bhai ap 3rd week Ka lecture bhi upload Karen plz groups Ka private group or public group Jo sir hamzah Syed ne karwaye thy or aj Ka bhi 4th lecture upload Karen aj bhi sir hamzah Syed ne tailwind CSS use karwai hy or Pura header banwaya Hy phir usko layout me import karwaya hy

    • @ZahirKhan-121
      @ZahirKhan-121 4 дні тому

      @@talathennaartist.439 yes bro i am uploading topics one by one, inshaAllah soon 💯

  • @SmartAlikhand
    @SmartAlikhand 5 днів тому

    Thanks you 👍

  • @ZahirKhan-121
    @ZahirKhan-121 6 днів тому

    Subscribe for more Next JS videos ☺

  • @ZahirKhan-121
    @ZahirKhan-121 6 днів тому

    Video Topics: 00:00 Introduction 01:14 What are Components 05:08 Create Next JS Project 08:52 Edit Home Page HTML 09:47 Make Component 10:32 Make Components Folder 11:13 Make Header Component 13:44 Import Header Component 17:14 Use Header Component 18:56 Make Another Component 20:42 Component Folder Location 27:22 Make Project With src Folder 31:11 Make Components Folder 32:04 Make Header Component 32:47 Import Header Component 34:48 Use Header Component 35:10 Components Folder Location 41:46 About Page(Components in Extra Pages) 45:44 Advantage of Components 47:46 End

  • @shazaibhingoro7647
    @shazaibhingoro7647 7 днів тому

    Nice bhai jazakallah ❤ Thanks jan

  • @StoicSage356
    @StoicSage356 7 днів тому

    next video plzzz

    • @ZahirKhan-121
      @ZahirKhan-121 7 днів тому

      next video coming soon, stay tuned :)

  • @sharooqayaz4632
    @sharooqayaz4632 8 днів тому

    Koi btae ga Jo link pe click krna hai host wali uspe click q NAHI ho raha mere pas se

    • @ZahirKhan-121
      @ZahirKhan-121 8 днів тому

      @@sharooqayaz4632 ctrl daba ke click krein mouse say hojayega

  • @GANGAMING209
    @GANGAMING209 8 днів тому

    Great

  • @mehakishrat3367
    @mehakishrat3367 8 днів тому

    sir new class 3 me yeh topic cover kiye hai : 1. Link all components together using the 'Link' component. 2. Add navigation for all routes using buttons and useRouter. 3. Study Parent and Child components, and learn how to pass data through props. sir in topic pr plz videos bna de assignments complete k liye...

    • @ZahirKhan-121
      @ZahirKhan-121 8 днів тому

      @@mehakishrat3367 ok mai bnata hu inpe videos

  • @Amaan_Hacker_786
    @Amaan_Hacker_786 10 днів тому

    Sir apne html K tagg tu btay nhi .pla html or CSS or JS K tagg tu btay plz

    • @ZahirKhan-121
      @ZahirKhan-121 9 днів тому

      @@Amaan_Hacker_786 ji mai uspe video bnaonga

  • @irfanmemon9500
    @irfanmemon9500 10 днів тому

    البھترین 👌

  • @Sadlofi22
    @Sadlofi22 10 днів тому

    Kia next sy phly react krna zaruri hai

    • @ZahirKhan-121
      @ZahirKhan-121 10 днів тому

      @@Sadlofi22 next js se pehlay react seekhna zaroori nhi lekin agr kisi ne seekhi wi hai react pehlay to usko zyada aasani hogi next js ko seekhne mai, to its recommended to learn react first but not necessary.

  • @interestingtopics4100
    @interestingtopics4100 10 днів тому

    Video me sb khas toor per Anchor tag & Advantage of link Component achhe se btaya ha. 👍

  • @shiekhatika3238
    @shiekhatika3238 10 днів тому

    sir ap bht detailed video bnaty hn pori dekhny k bad koi doubt hi nhn rehta Allah pak apko iski jaza dy...

    • @ZahirKhan-121
      @ZahirKhan-121 10 днів тому

      Ameen, JazakaAllah, keep supporting me 😊

  • @shiekhatika3238
    @shiekhatika3238 10 днів тому

    sir after following you instruction video smjh agye aur myny hello world bhi print krlia... Thank you so much

    • @ZahirKhan-121
      @ZahirKhan-121 10 днів тому

      Great work, keep practicing and working hard 🙂

  • @nausheenraza110
    @nausheenraza110 10 днів тому

    Bohat achy say concept clear karty hein app

    • @ZahirKhan-121
      @ZahirKhan-121 10 днів тому

      thank you always for your support 😇

  • @ZahirKhan-121
    @ZahirKhan-121 10 днів тому

    Video Topics: 00:00 Introduction 00:58 Linking In Any Website 04:46 Create Next JS Project 07:15 Start Project 10:18 Make Some Pages 13:38 Linking By Anchor Tag 21:35 Linking By Link Component 26:22 Advantage Of Link Component 30:41 End

  • @mehakishrat3367
    @mehakishrat3367 10 днів тому

    sir please class me jo assignment mil rahe hai unki videos bana diya kre

    • @ZahirKhan-121
      @ZahirKhan-121 10 днів тому

      ok, i will try to make videos on the assignments. 👍

  • @nausheenraza110
    @nausheenraza110 11 днів тому

    Ap bohat acha samjhaty ho 😊ap ka teaching style bohat acha hai... MashAllah

    • @ZahirKhan-121
      @ZahirKhan-121 11 днів тому

      @@nausheenraza110 JazakaAllah 😇

  • @ZahirKhan-121
    @ZahirKhan-121 11 днів тому

    Video Topics: 00:00 Introduction 01:34 Next JS In Simple Words 03:05 Create a Next Project 07:16 Run the Project 08:03 page.tsx file 10:19 Routing in Websites 14:07 Routing in Next JS 23:44 Nested Routing in Next JS 35:58 End

  • @zoshahphotography7815
    @zoshahphotography7815 11 днів тому

    Good bhai keep teaching us 👍🏻

    • @ZahirKhan-121
      @ZahirKhan-121 11 днів тому

      @@zoshahphotography7815 thanks bro 😇

  • @Shahidshahid-tn5nc
    @Shahidshahid-tn5nc 11 днів тому

    Thanks sir ap bhai hat acha samjhatay hain ye kia is haftay ki class ka hai

    • @ZahirKhan-121
      @ZahirKhan-121 11 днів тому

      @@Shahidshahid-tn5nc ye last week ki class ka hai, next video mai iss week ka krwaonga

    • @Shahidshahid-tn5nc
      @Shahidshahid-tn5nc 11 днів тому

      @@ZahirKhan-121 Ok

  • @shiekhatika3238
    @shiekhatika3238 13 днів тому

    sir pora q1 apk Chanel sy pass kia h pr is video myn bht sari chezien mujhsy catch nhn ho payen,,,

    • @ZahirKhan-121
      @ZahirKhan-121 13 днів тому

      @@shiekhatika3238 aapne Meri last video dekhi html css ki ?

    • @shiekhatika3238
      @shiekhatika3238 13 днів тому

      @@ZahirKhan-121 nhn dekhi sir

    • @ZahirKhan-121
      @ZahirKhan-121 13 днів тому

      @@shiekhatika3238 agr aapne last video nhi dekhi to ye smjh nhi aayegi, web development ki videos hain wo dekhein phir ye dekhein aapka acha background ban jayega dekh ke.

    • @ZahirKhan-121
      @ZahirKhan-121 13 днів тому

      @@shiekhatika3238 ua-cam.com/play/PL2YfvHYmQ5JBKtyV7oDKK9pc3XjEUPyO2.html&si=axlIIpXe0RQgJXSq ye playlist dekhein shru se

    • @shiekhatika3238
      @shiekhatika3238 13 днів тому

      @@ZahirKhan-121 Okay Noted sir !

  • @khankhela_yusufxai
    @khankhela_yusufxai 14 днів тому

    sir is k ye slides kaha p milengi

    • @ZahirKhan-121
      @ZahirKhan-121 14 днів тому

      @@khankhela_yusufxai sldies ppt wali? Link hai description mai...

    • @khankhela_yusufxai
      @khankhela_yusufxai 14 днів тому

      @@ZahirKhan-121 thanks ❤️

  • @interestingtopics4100
    @interestingtopics4100 15 днів тому

    Video Bnai to khobsurt ha but shru ki video mere to 😇 se guzar gai , as k bad ki video me Achhe se Smajha ha. 👍.

    • @ZahirKhan-121
      @ZahirKhan-121 14 днів тому

      ok i will try my best from next video.

  • @nausheenraza110
    @nausheenraza110 15 днів тому

    Ap bohat Acha explain karty hein aur bohat mehnat say banaty heinn videos MashAllah....

    • @ZahirKhan-121
      @ZahirKhan-121 15 днів тому

      @@nausheenraza110 JazakaAllah 😇😇

  • @ZahirKhan-121
    @ZahirKhan-121 15 днів тому

    Video Topics: 00:00 Introduction 01:25 What is React JS 10:45 What is Next JS 20:59 Node JS Installation 22:16 Create New Next JS Project 27:17 Run Next JS Project 29:07 Customize Index Page Of Project 32:17 React JS & Next JS Version 32:53 End

  • @interestingtopics4100
    @interestingtopics4100 18 днів тому

    Information video.

    • @ZahirKhan-121
      @ZahirKhan-121 18 днів тому

      @@interestingtopics4100 thanks 😇

  • @umerahsan9019
    @umerahsan9019 18 днів тому

    Excellent work bro 👏 Fingers crossed for NextJS playlist 🤞

  • @nausheenraza110
    @nausheenraza110 18 днів тому

    Great work❤

  • @ZahirKhan-121
    @ZahirKhan-121 18 днів тому

    Next JS videos coming soon 🔥 Subscribe :)

  • @ZahirKhan-121
    @ZahirKhan-121 18 днів тому

    Video Topics: 00:00 Introduction 01:46 Hackathon 03:58 Website Structure & HTML 07:21 CSS 09:16 JS 16:59 Creating Our First Web-Page 19:58 End

  • @booksandtutors2129
    @booksandtutors2129 22 дні тому

    const min = Math.floor((timediff % (3600 * 24)) / 3600); const sec = Math.floor(timediff % 60); console.log(`${min}:${sec}`); bhai ye method kia ha please explain krdo ye kia hua ha?

    • @ZahirKhan-121
      @ZahirKhan-121 22 дні тому

      @@booksandtutors2129 iss method mai hum loog minutes and seconds calculate krrhe hain har 1 second ke baad, jitna bhi time difference hai uske through

    • @booksandtutors2129
      @booksandtutors2129 22 дні тому

      @@ZahirKhan-121 thank you sir

  • @rxsey2145
    @rxsey2145 23 дні тому

    good

  • @pinkyshergill135
    @pinkyshergill135 28 днів тому

    Sir kindly make video on React.js and Next.js as well. Thank you

  • @interestingtopics4100
    @interestingtopics4100 Місяць тому

    Good

  • @nausheenraza110
    @nausheenraza110 Місяць тому

    Bohat achi video ..sir 😊