Quarter 2 Onsite Class 3 Part 1: Next.js Intro Sir Mubashir Ali | Governor Sindh IT Initiative
HTML-код
- Опубликовано: 15 ноя 2024
- Part 2 of this video link is: • Quarter 2 Onsite Class...
GIAIC 3rd Class Summary - Next.js with Sir Mubashir Ali
Class Details:
Date: September 25, 2024
Location: Governor House Karachi
Instructor: Sir Mubashir Ali
In our latest session of the GIAIC 3rd class, we delved into the essentials of building a Next.js application. Here are the key takeaways from our lesson:
Key Learnings:
1. Creating a Next.js Project:
To initiate a new Next.js project, use the command:
npx create-next-app@latest
Access your project locally at: `localhost:3000`
2. Understanding the File Structure:
The `app` directory contains your main pages:
Root Page: `app/page.tsx` (accessible at `/`)
About Page: `app/about/page.tsx` (accessible at `/about`)
Contact Page: `app/contact/page.tsx` (accessible at `/contact`)
Contact Team Page: `app/contact/team/page.tsx` (accessible at `/contact/team`)
3. Component Naming Conventions:
Ensure all component names start with a capital letter for consistency and to avoid errors.
4. Navigation Without Refresh:
Use the `Link` component for navigation. Import it as follows:
```javascript
import Link from 'next/link';
```
5. Key Concepts:
Navigation: Ensure smooth transitions between pages.
Naming Conventions: Keep your components organized.
Linking: Use the `Link` tag to facilitate seamless navigation.
Import/Export: Leverage ready-made components efficiently.
Error Handling: When encountering repetitive code, refactor into components to enhance functionality across multiple pages.
Assignment:
Create a website with a minimum of 5 pages, applying the component architecture principles we discussed in class.
This session was insightful, providing us with a solid foundation for our Next.js journey. Looking forward to applying these concepts in our upcoming assignments!
Connect with me:
LinkedIn: / mudasser-haryani-8907b...
WhatsApp Channel: chat.whatsapp....
#ITeducation
#ProgrammingTutorials
#WebDevelopment
#SoftwareEngineering
#TechExplained
#CodingBasics
#ComputerScience
#DigitalSkills
#ITtraining
#DeveloperResources
#TechTips
#LearnProgramming
#CodeLearning
#SoftwareDevelopment
#ITcommunity
#TechEducation
#ProgrammingLanguages
#CodeTips
#TechUpdates
#itcareer
#Next.js
#WebDevelopment
#JavaScript Framework
#React
#FrontendDevelopment
#FullStackDevelopment
#BuildingWebApplications
#ComponentArchitecture
#NavigationinNext.js
#PageRouting
#GIAICClass
#GovernorHouseKarachi
#TechEducation
#ProgrammingTutorial
Hashtags:
#NextJS
#WebDevelopment
#JavaScript
#ReactJS
#FrontendDev
#Coding
#TechEducation
#Programming
#LearnToCode
#WebDesign
#FullStack
#DeveloperLife
#TechTutorial
#GIAIC
#KarachiTech
~-~~-~~~-~~-~
Please watch: "Master Responsive Design in Next.js with Tailwind CSS | GIAIC Class by Sir Naeem & Sir Mubahir Ali "
• Master Responsive Desi...
~-~~-~~~-~~-~
Love you Brother bohat se logon ki pareshani solve kardi allah bless you
Jazakallah
@@fahadikhlas1908 like subscribe and share
Bht bht Shukria apka. Itni jaldi vid upload krne ke lye
Welcome
Very nice effort
Thanks a lot
Thank you Bhai last class me hm log pechy bethy thy aur screen nahe chal Rahe then mgr ab SB clear ho gya thank again ❤
Welcome
zber10st bro plzz upload class4rth also
Uploaded
Please Like subscribe and share
Kiya baat he thanks alot please hr class ki video upload kijiye ga
Quarter 1 also available
@@MudasserHaryani okay thanks i hope q1 sir mubashir ki classes hogi
@@sitarasheikh3693 yes
@Mudsser Haryani
Thank you very much
Can you record class video
Video k sath samjh asani sey or jaldi aiga
@@Nipanipa-c1p insha'Allah will try
Nice dost Likn Yar Sir Ki Screen Ke sath banao Na Yar Video
insha'Allah will try
@@MudasserHaryani❤️