On this channel, Code With Zahir. I make content about Programming Concepts and try to explain these concepts and logics in an easy and understandable way.
#codewithzahir #programming #by #zahir #code
Contact me on my Email Address... zahir99@outlook.com zahir9048@gmail.com
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
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 .
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 😊
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😊
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
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
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
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
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...
@@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.
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
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
@@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.
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
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?