βοΈNextJS Live Class(Day 1):-
How many of you ready to join class daily consistently until i complete the course? Reply me?
i am again starting from scratch. i also forget many things & am very lazy stopped learning nextjs. when i learn pesonally not able to continue with consistend. so this class will never ends until i complete the full course. if you come with me,you will also be full stack developer once we completed.
π₯Class starting today
β Daily Time : 8pm to 10pm
NextJS =>
Anton Francis Jeejo
https://www.youtube.com/playlist?list=PL5mydh8SndyORPx83CBUcbOf8QbWFHHZn
π₯Pre-requirements:-
β Javascript
Error Makes Clever
https://www.youtube.com/watch?v=poo0BXryffI&t=6772s
Note : if you dont know javascript ,no problem join the class, i will teach javascript also whenever needed.
Some days i have sudden personal work at the time,i will cancel class, please adjust for that, sorry guys.
How many of you ready to join class daily consistently until i complete the course? Reply me?
i am again starting from scratch. i also forget many things & am very lazy stopped learning nextjs. when i learn pesonally not able to continue with consistend. so this class will never ends until i complete the full course. if you come with me,you will also be full stack developer once we completed.
π₯Class starting today
β Daily Time : 8pm to 10pm
NextJS =>
Anton Francis Jeejo
https://www.youtube.com/playlist?list=PL5mydh8SndyORPx83CBUcbOf8QbWFHHZn
π₯Pre-requirements:-
β Javascript
Error Makes Clever
https://www.youtube.com/watch?v=poo0BXryffI&t=6772s
Note : if you dont know javascript ,no problem join the class, i will teach javascript also whenever needed.
Some days i have sudden personal work at the time,i will cancel class, please adjust for that, sorry guys.
Some days i have sudden personal work at the time,i will cancel class, please adjust for that, sorry guys.
Today no class,i am preparing, we will start tomorrow until Start watching JavaScript+ NextJS videos guys
Today class at 7pm to 7.30pm
https://docs.google.com/document/d/1SbnPM4Zgy7zYgw5qjHZYXJqCtv_dL2lpXNJx1MDylos/edit?usp=sharing
https://docs.google.com/document/d/1SbnPM4Zgy7zYgw5qjHZYXJqCtv_dL2lpXNJx1MDylos/edit?usp=sharing
Google Docs
NextJS
Nodejs Installation (Above 18 version):- https://nodejs.org/en NextJs Installation:- https://nextjs.org/docs/getting-started/installation npx create-next-app@latest nvm list available nmv install v20.17.0 nmv use v20.17.0 npm run dev
β start server npmβ¦
β start server npmβ¦
Day 2(NextJS):-
β Metadata & Fonts
Time : 7pm
Revision:
β Installation
β Project Structure
β Components
Note : Please send everyone your homework before joining the class,thanks you
β Metadata & Fonts
Time : 7pm
Revision:
β Installation
β Project Structure
β Components
Consistently doing any work make you get success in everywhere
Note : Please send everyone your homework before joining the class,thanks you
Python Django Tamil-Channel
Day 2(NextJS):- β
Metadata & Fonts Time : 7pm Revision: β
Installation β
Project Structure β
Components Consistently doing any work make you get success in everywhere Note : Please send everyone your homework before joining the class,thanks you
Today i am going to teaching complete basic series of NextJS, i attached the link, this video is 1 hour, today we will complete it, until no restπ
https://www.youtube.com/watch?v=65VoBceDiZ4&t=366s
https://www.youtube.com/watch?v=65VoBceDiZ4&t=366s
YouTube
Next JS for Beginners in Tamil
π€ **Donate & Help this Channel:**
UPI: 9444914384@okbizaxis
PayPal: https://paypal.me/jvlogesh
Buy me Kofi : https://ko-fi.com/jvlcode
π **Join Udemy Courses**
React Developer Course: https://www.udemy.com/course/angular-developer-course-in-tamil/
Angularβ¦
UPI: 9444914384@okbizaxis
PayPal: https://paypal.me/jvlogesh
Buy me Kofi : https://ko-fi.com/jvlcode
π **Join Udemy Courses**
React Developer Course: https://www.udemy.com/course/angular-developer-course-in-tamil/
Angularβ¦
Whoever joined my class daily,Please everyone share your thoughts in some words here, it will help others can about to join our free class π
Day 3(NextJS):-
Time : 7pm
Consistently doing any work make you get success in everywhere
Note : Please send everyone your homework before joining the class,thanks you
Time : 7pm
Consistently doing any work make you get success in everywhere
Note : Please send everyone your homework before joining the class,thanks you
Python Django Tamil-Channel
Day 3(NextJS):- Time : 7pm Consistently doing any work make you get success in everywhere Note : Please send everyone your homework before joining the class,thanks you
Day2:-
route segments-completed
layouts & props-completed
linking & navigating
useRouter(hooks) & .push()
client & serverside
dynamic routes (slug)
params & children=>buildin
nested dynamic routes (...slug)
route handlers(GET() POST())
get request data
<Image width={100} height={100} priority={false}/>
<Link></Link>
<input />
<label htmlFor="name" className="w-1/4">Name:</label>
Day 3:-
blog project:
installation
https://nextjs.org/docs/messages/next-image-unconfigured-host
<Image className="w-full h-48 object-cover mb-4" src="https://picsum.photos/200" alt="Post Image" width={100} height={100}/>
.back()
components
headers & footers setup
useState()
const [currentvalue,updatefunc()] = useState();
useEffect()
fetch() .then()
map()
https://nextjs.org/docs/pages/api-reference/components/image#priority
<Image className="w-full h-48 object-cover mb-4" src="https://picsum.photos/200" alt="Post Image" width={100} height={100} priority={false}/>
route segments-completed
layouts & props-completed
linking & navigating
useRouter(hooks) & .push()
client & serverside
dynamic routes (slug)
params & children=>buildin
nested dynamic routes (...slug)
route handlers(GET() POST())
get request data
<Image width={100} height={100} priority={false}/>
<Link></Link>
<input />
<label htmlFor="name" className="w-1/4">Name:</label>
Day 3:-
blog project:
installation
https://nextjs.org/docs/messages/next-image-unconfigured-host
<Image className="w-full h-48 object-cover mb-4" src="https://picsum.photos/200" alt="Post Image" width={100} height={100}/>
.back()
components
headers & footers setup
useState()
const [currentvalue,updatefunc()] = useState();
useEffect()
fetch() .then()
map()
https://nextjs.org/docs/pages/api-reference/components/image#priority
<Image className="w-full h-48 object-cover mb-4" src="https://picsum.photos/200" alt="Post Image" width={100} height={100} priority={false}/>
nextjs.org
`next/image` Un-configured Host
Today no class guys.
Happy Holiday,
take rest every Sunday β€οΈ
Happy Holiday,
take rest every Sunday β€οΈ
Day 4(NextJS):-
Time : 7pm
β Consistent = Success
Note : Please send everyone your homework before joining the class,thanks you
Time : 7pm
β Consistent = Success
Note : Please send everyone your homework before joining the class,thanks you
Tomorrow Homework:-
Learn & come these hooks
useState
useEffect
useRef
UseContext
map()
Learn & come these hooks
useState
useEffect
useRef
UseContext
map()
Day 5(NextJS):-
Time : 7pm
β Consistent = Success
Note : Please send everyone your homework before joining the class,thanks you
Time : 7pm
β Consistent = Success
Note : Please send everyone your homework before joining the class,thanks you
Python Django Tamil-Channel
Day 5(NextJS):- Time : 7pm β
Consistent = Success Note : Please send everyone your homework before joining the class,thanks you
Sorry guys, today Class cancelled,i have some personal work today
Please complete this hooks
Tomorrow Homework:-
Learn & come these hooks
useState
useEffect
useRef
UseContext
map()
filter()
localStorage()
controlledinputs()
props()
Please complete this hooks
Tomorrow Homework:-
Learn & come these hooks
useState
useEffect
useRef
UseContext
map()
filter()
localStorage()
controlledinputs()
props()
π2