مخصوص اعضای ویژه 
بوت کمپ جاوا اسکریپت
محال است برنامه نویس وب باشید و به جاوااسکرپت و فریمورک های آن علاقه نداشته باشید، این زبان پستی و بلندی های زیادی را متحمل شده است و این روزها در اوج خود قرار گرفته است. زبانی جذاب و البته بسیار موفق که منظور ایجاد وب‌سایت‌های تعاملی، صفحات وب پویا، وب اپلیکیشن و حتی توسعه بازی مورد استفاده قرار می گیرد. این زبان در کنار css و html شگفتی ساز می شود و صفحات وب را به بهترین شمایل در می اورد. به جرأت می توان گفت پرکاربرد ترین زبان برنامه نویسی سال ۲۰۲۳ جاوااسکریپت است که یادگیری آن برای هر برنامه نویسی جزو واجبات است که در مسیر کاری خود به چالش برنخورد.
این زبان همه منظوره را می توان در اکادمی برنامه نویسان به بهترین شکل ممکن اموزش دید.
پس زمان را از دست نده و همراه ما شو...
قیمت این دوره: رایگانــ
- مدرس دوره : سید مهدی صادق زاده ( رزومه )
- تعداد ویدیوها : 23 ویدیو
- مدت زمان دوره : 7:6:00
- سطح دوره : مقدماتی
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1399/10/10
.jpg)
آموزش رایگان Next.js (مقدماتی)
سلام بر شما عزیزان،
من اومدم تا یه دوره باحال و دوست داشتنی (مخصوصا که رایگان هم هست ) براتون آموزش بدم.
این دوره چیه ؟! ببینید این دوره یه مقداری سطحش متفاوته ، ما الان می خوایم بریم باهم کل مستندات سایت Next JS رو کامل باهم بخونیم. ولی خب اینا تازمانیکه تو پروژه نیاد فایده ای نداره ، بنابراین بعد از این دوره برای شما عزیزان یک دوره پروژه ای خیلییی باحال تر خواهم گذاشت.
اما Next JS بر هر برنامه نویس React JS واجب است که Next JS را نیز بلد باشد ! حالا چرا؟!
چون و چرا رو تو خود دوره می فهمید اما اگه بخوام فقط یکی از دلایلش رو بگم میتونم سرعت و performance بالای Next js رو بهتون بگم یا میتونم به ضعف بزرگ React JS در SEO سایت هاش اشاره کنم ! دلیلش رو توی دوره به صورت تخصصی می فهمیم ولی فقط کوتاه گفته باشم که اگر سایتتون یه سایت مثلا تجاری هست که فقط با ری اکت نوشتینش مطمئن باشین که آخر های صفحه تو جستجو ها پیداش می کنید ! یا اصلا قابلیت باحال jsx-style که حتما می پسندین !
البته اینقدرا هم بد نیست ولی خب چه میشه کرد ...
خب سرفصل های دوره به شکل زیر هست :
معرفی و مقدمه دوره و بررسی سایت Next js
ساخت اولین سایت و نصب پیش نیاز ها و بررسی ساختار فایل های Next js
توضیحات جابجایی بین صفحات و مباحث Navigation
توضیحات مربوط به Assets و Metadata و CSS
پیش نمایش و نحوه کار Next.js در اجرای اپ های خود
دریافت اطلاعات و متود های آن
آدرس دهی داینامیک
مباحث API Routes
جمع بندی دوره و publish پروژه نهایی روی سرور و گیت هاب
خب این هم از سرفصل ها که البته خیلی کلیه !
اگر ببینم که واقعا راضی هستید ، چه بسا دوره رو جالب ترش هم می کنیم، پس نظرتون برام مهمه !
امیدوارم که مشتاق شده باشین ... پس بریم که شروع کنیم .
فهرستـــ ویدیوها
مدت زمان دوره 7:6:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
2
معرفی سایت مرجع و چشم انداز دوره
00:07:30
توی این قسمت اول از همه میایم و باهم یک معرفی کوتاهی از Next.js در سایت خودش می بینیم و قسمت های مختلف سایت رو بررسی می کنیم. یک چشم انداز کلی هم از دوره و پروژه دوره می بینیم.
3
نصب اولین پروژه و بررسی ساختار
00:06:30
توی این بخش میایم و اولین پروژه Next.js مون رو نصب می کنیم. به علاوه اینکه میایم و ساختار Next.js رو بررسی می کنیم. این قسمت رو حتما حتما ببینید!
4
جابجایی به سبک Next !
00:16:30
بالاخره به طور رسمی درس رو شروع می کنیم ... اولین فصل مون رو با یک جابجایی اعجاب انگیز شروع می کنیم !
5
قسمت اول : Assets , MetaData , CSS
00:16:30
اولین قسمت از فصل assets , metadata , css. توی این قسمت می خواهیم که درباره Assets و MetaData صحبت کنیم که خیلی مهم هستند !
6
قسمت دوم : Assets , MetaData , CSS
00:34:30
میرسیم به آخرین قسمت توضیحات این فصل و همین طور مهم ترین قسمت این فصل ... امیدوارم که با تمام حواستون این قسمت رو ببینید که خیلی مهمه! برای درک بهتر شما عزیزان یک قسمت دیگه هم برای این فصل در نظر می گیرم برای ساخت پروژه.
7
قسمت سوم : Assets , MetaData , CSS (پروژه استایل دهی)
00:18:30
این آخرین قسمت از فصل Assets , MetaData , CSS هست که طبق قراری که گذاشتیم میایم و یک پروژه استایل دهی با انواع متود های استایل دهی برا شما عزیزان انجام می دهم و آماده می شویم برای فصل بعدی و پروژه دوره مون.
8
قسمت اول : Pre-rendering و Data Fetching
00:14:30
بالاخره وارد پروژه اصلی مون و البته قسمت های مهم تر این فریمورک شدیم . توی این قسمت با مفاهیم و کلمات آشنا میشیم و قالب اولیه پروژه بلاگ مون رو هم نصب می کنیم .
9
قسمت دوم : Pre-rendering و Data Fetching
00:13:00
خب توی جلسه قبل اومدیم Pre-rendering رو فهمیدیم و این جلسه درباره متود ها(ssr & ssg) صحبت خواهیم کرد.
10
قسمت سوم : Pre-rendering و Data Fetching
00:33:30
خب توی این قسمت شروع می کنیم پست های بلاگ مون رو به صفحه بلاگ اضافه می کنیم و درباره متود ssg بیشتر صحبت می کنیم . فایل کدهامون هم ضمیمه شده است.
11
قسمت چهارم : Pre-rendering و Data Fetching
00:27:00
آخرین قسمت از فصل pre-rendering و data fetching که درمورد جزئیات و نکات این فصل صحبت می کنیم.
12
قسمت اول : Dynamics Routes
00:13:30
خب دوستان بالاخره وارد یک فصل جذاب دیگه شدیم (حواستون رو توی این فصل خیلی جمع کنید). توی این قسمت یک معرفی و چشم اندازی از فصل رو باهم خواهیم دید.
13
قسمت دوم : Dynamics Routes
00:15:30
خب توی این قسمت قرار هست که باهم بیایم و getStaticPaths رو پیاده سازی کنیم.
14
قسمت سوم : Dynamics Routes
00:08:00
حالا میرسیم به دریافت اطلاعات و پیاده سازی getStaticProps در این فصل.
15
قسمت چهارم : Dynamics Routes
00:26:00
توی این قسمت میایم و فایل های markdown مون رو که حاوی متن ها هست رو به پروژه مون اضافه می کنیم.
16
قسمت پنجم : Dynamics Routes
00:42:00
توی این قسمت میایم و یک تغییر اساسی به پروژمون میدیم و یکسری پکیج هم برای استایل دهی نصب می کنیم.
17
قسمت ششم : Dynamics Routes
00:24:30
خب بالاخره میرسیم به آخرین قسمت از این فصل و قرار هست که توی این قسمت بیایم و درباره جزئیات و نکات Dynamic Routes صحبت کنیم.
18
API Routes و ماجراهایش !
00:23:28
توی این قسمت با اینکه API Routes به پروژه مون مربوط نمیشه ولی میایم و مثالی ازش رو پیاده سازی می کنیم و توضیحاتی درباره جزئیات و نکاتش رو میگم. این قسمت بیشتر سمت سرور هست تا client بنابراین زیاد روش وقت نمی زاریم.
19
انتشاری با طعم Git و با کمک Vercel
00:15:30
خب عزیزان رسیدیم به پابلیش پروژه نهایی مون و البته قرار دادن اون هم توی گیت و هم روی سرور . البته به علت نداشتن سرور نود جی اس ، توضیحات و راهکار ها گفته میشه که زیاد فرقی نمی کنه.
20
خداحافظی شیرین !
00:06:00
خب دوستای من ؛ دیگه دوره تموم شد ! این جلسه یسری نکته درباره دوره و البته یسری پند و اندرز بهتون میگم .
.jpg)
.jpg)
نظرات کاربران در رابطه با این دوره