loading...
ثبت نام در دوره
ثبت نام در دوره

آموزش جامع ویو جی اس (3 Vue.js) و Nuxt Js - پروژه محور

فریم‌ورک Nuxt.js یا vue.js در حقیقت یک وب فریم‌ورک رایگان و منبع باز به شمار می‌رود که با توجه به Vue js، Node js، Express js، Babel js و Webpack طراحی شده است. چارچوب گفته شده به عنوان فرایند فرعی برای تمامی برنامه‌های جهانی به شمار می‌رود. یکی از اصلی‌ترین مزیت‌هایی که این فریم‌ورک دارد می‌توان به تنظیمات و راه اندازی برنامه‌ها به صورت ساده و راحت اشاره کرد؛ که برای تمامی توسعه دهنده‌ها این مزیت بسیار خوشایند می‌باشد. در این دوره تمام مفاهیم پایه Nuxt Js و ۳ Vue.js به شکل ساده‌ و پروژه محور آموزش داده‌ می‌شود، بنابراین نیاز به مهارت و تجربه بالایی برای شرکت در آن ندارید.

قیمت: 1,500,000 تومان 600,000 تومان

قیمت ارزی (تتر):

X
ثبت نام در دوره
46 : 57 : 59
148 جلسه
11 فصل
2 سال پشتیبانی

آموزش جامع ویو جی اس (3 Vue.js) و Nuxt Js - پروژه محور

امروزه در دنیای برنامه نویسی، ویو جی اس (۳ Vue.js) و Nuxt Js طرفداران زیادی پیدا کرده اند. در این دوره مفاهیم پایه فریم ورک Nuxt Js و ۳ Vue.js به شکل جامع و گام به گام آموزش داده می‌شود؛ بنابراین تمام برنامه نویسان جاوا اسکریپتی می‌توانند در این دوره شرکت کنند. با ما باشید تا ویژگی‌های این دوره آموزشی را بررسی کنیم...

 

فریمورک ویو جی اس (۳ Vue.js) و Nuxt Js چیست؟

پیش از معرفی دوره آموزش جامع ویو جی اس (۳ Vue.js) و Nuxt Js ابتدا باید با چیستی این فریم ورک هوشمند آشنا شوید. فریم ورک ویو جی اس (۳ Vue.js) و Nuxt Js مبتنی بر زبان برنامه نویسی جاوا اسکریپت است. تاریخچه پیدایش این فریم ورک به سال 2013 میلادی مربوط می‌شود. این فریم ورک هوشمند با هدف توسعه روابط کاربری در شبکه‌های اجتماعی طراحی شده‌ است. ۳ Vue.js و Nuxt Js برای ساخت وب‌سایت‌های بزرگ اینترنتی و اپلیکیشن‌های هوشمند تحت وب تک صفحه‌ای کاربرد دارد.

علاوه بر این موضوع، با استفاده از Vue. Js می‌توان کامپوننت‌هایی را به وجود آورد که در بخش‌های مختلف یک پروژه استفاده می‌شود. 

انتخاب یک فریمورک یا کتابخانه مناسب همیشه یکی از دغدغه های اساسی برنامه نویسان جاوا اسکریپت بوده و هست. اما بدون شک از یادگیری فریمورک ۳ Vue.js و Nuxt Js پشیمان نخواهید شد و فرصت های کاری و درآمد بالایی را برای شما به ارمغان خواهد آورد.

 

انواع فریم ورک های جاوا اسکریپت

فریم ورک ها در انواع react، vue و angular  دسته بندی می شوند. همه‌ی این‌ها کار ما را راه می‌اندازند. فرقی ندارد که کدام را انتخاب کنید. هر کدام از این‌ها را که انتخاب کنیم، به روش خودشان، چیزی که ما می‌خواهیم را پیاده سازی می‌کنند. پس برای انتخاب یک فریم ورک جاوا اسکریپتی، تنها چیزی که لازم است برای شروع بدانید این است که آیا واقعا می‌خواهید یاد بگیرید یا نه؟

 

معایب فریم ورک react و angular چیست؟

بزرگترین مشکل برنامه نویسان زمان کار با این دو فریم ورک این است که خیلی زود به زود، ورژن‌های آن‌ها تغییر می‌کند. در نتیجه آن ها مجبور می شوند پروژه‌ها را به آخرین ورژن upgrade کنند. آن ها اغلب به دنبال یک فریم ورک می گردند تا بتوانند این مشکل را تا حدودی برطرف کنند. پیشنهاد برنامه نویسانی که چند قدم از آن ها جلوتر هستند، Vue.js است. این فریم ورک از محبوبیت خاصی بین توسعه‌دهندگان برخوردار است. همچنین جزو تاپ‌ترین فریم ورک‌های Front-End است؛ ولی متاسفانه آموزش ویدیویی چندان خوبی برای Vue.js وجود ندارد. از این رو اغلب برنامه نویسان مجبور می شوند از document برای آموزش vue.js استفاده کنند. در حالی که مطالعه document برای آموزش فریم ورک یا یک زبان برنامه‌نویسی، خیلی خوب نیست و به سختی می توان چیزی از آن یاد گرفت.

لازم به ذکر است که آموزش هر سه فریمورک به بهترین شکل ممکن در آکادمی کدیاد در دسترس شما می باشد.

 

 معرفی دوره آموزش جامع ویو جی اس (۳ Vue.js) و Nuxt Js 

برای یادگیری یک فریم ورک مانند Vue.js یا یک زبان به صورت پیشرفته، تنها چیزی که لازم است پروژه زدن است. از این رو شما با شرکت در این دوره، می‌توانید از هر دوره‌ای بی نیاز شوید. زیرا این دوره کاملا پروژه محور است. اگر در این دوره پا به پای جلسات پروژه‌ها را انجام دهید؛ قطعا می‌توانید در کمترین زمان ممکن به یک فرانت کار حرفه‌ای تبدیل شوید. 

تنها چیزی که بعد از گذراندن این دوره نیاز دارید این است که پروژه بزنید و تجربه‌ی پروژه‌ی واقعی را کسب کنید. هر چند پروژه آخر این دوره واقعی است؛ اما شما باز هم نیاز دارید تجربه کسب کنید تا در این حوزه حرفی برای گفتن داشته باشید.

با شرکت در این دوره آموزشی و یادگیری مفاهیم پایه فریم ورک Nuxt Js و ۳ Vue.js توانایی کار با ابزارهایی مانند Vuetify، Vuex، Composition API و Options API را به دست می‌آورید. آموزش نصب و راه اندازی داکر به همراه ساخت مسیرهای عمومی و خصوصی از دیگر مزایای ثبت نام در این دوره آموزشی است. مربی این دوره در تمام مراحل آموزش کنار شما خواهد بود و به هرگونه سوال مربوط به این فناوری پاسخ خواهد داد. اما بیاید بیشتر با این فریم ورک آن و محتویات دوره آشنا شویم.

 

کتابخانه های محبوب Vue js

همان طور که در بالاتر نیز به این موضوع اشاره کردیم Vue. Js برای توسعه رابط کاربری و برنامه نویسی اپلیکیشن‌های تحت وب استفاده می‌شود. در نتیجه بهتر است برای آموزش Vue.js اول Css3 و Html5 را آموزش ببینید که می‌توانید آن را در دیگر دوره های کدیاد به راحتی پیدا کنید. همان طور که می‌دانیم Vue بر مبنای زبان برنامه نویسی جاوا اسکریپ طراحی شده است. از این رو علاوه بر آن بهتر است آشنایی کامل با برنامه نویسی شی گرا نیز داشته باشید. ویو همانند دیگر فریم‌ورک‌ها دارای کتابخانه‌های مختص به خود می‌باشد که هر یک از آن‌ها قابلیت‌های مختلفی را ارائه داده اند که عبارتند از:

  • Element UI
  • IView
  • Vuetify
  • Mint UI

به این نکته توجه داشته باشید که vue.js یک کتابخانه بسیار ساده است که ظاهری شبیه به سایت دارد؛ اما هنگامی که در کنار یک کتابخانه دیگر قرار بگیرد می‌توان از آن به عنوان یک وب سایت کامل SPA استفاده کرد.

 

 فریم ورک Nuxt.js چیست؟

فریم ورک دیگری به نام Nuxt js وجود دارد که این فریم‌ورک دارای سطح بسیار بالاتری نسبت به فریم‌ورک قبلی می‌باشد. پایه‌های Nuxt js با توجه به Vue. Js طراحی شده است. Nuxt js امروزه توسعه اپلیکیشن‌های تحت وب و یا اپلیکیشن‌های جهانی Vue.js را راحت‌تر از قبل کرده است.

از برخی از اصلی‌ترین ویژگی‌هایی که این فریم‌ورک دارد می‌توان به دسترسی، عملکرد ساده و سئو قوی آن اشاره کرد. این فریم‌ورک برای توسعه یک سایت پیشرفته نیازمند به اعمال زیر می‌باشد.

  • Vue
  • Vue Router
  • Vuex or Pinia (تنها زمانی وجود دارد که از Store Option استفاده کنید)
  • Vue Server Renderer
  • Vue-meta 

  

 

 ویژگی‌ها و مزایا nuxt.js چیست؟

nuxt.js امروزه به عنوان یک چارچوب انعطاف‌پذیر برای توسعه دهنده‌ها معرفی شده است. توسعه دهنده‌ها از این فریم‌ورک می‌توانند به عنوان یک پایگاه داده اصلی استفاده کنند. علاوه بر این موضوع، این فریم ورک از تمامی ویژگی‌های Vue.js استفاده کرده است. به زبان ساده‌تر توسعه دهنده‌ها می‌توانند به راحتی با این فریم‌ورک برنامه‌های Vue.js را توسعه دهند. nuxt.js باید دارای برخی از اصلی‌ترین ویژگی‌ها باشد که در ادامه آن‌ها را برای شما شرح داده‌ایم.

  • امکان رندر کردن در سمت سرور
  • مدیریت متدها با فایل بندی‌های مناسب
  • مدیریت متا تگ‌ها
  • از دیگر ویژگی‌های این فریم‌ورک می‌توان به عملکرد بهتر سئو، یادگیری آسان و کاربرپسند بودن آن اشاره کرد. 

 

کاربردهای فریمورک ویو جی اس (۳ Vue.js) و Nuxt Js 

رایج‌ترین کاربردهای فریمورک ویو جی اس (۳ Vue.js) و Nuxt Js را می‌توان در موارد زیر خلاصه کرد:

  • Nuxt Js و ۳ Vue.js به یک سرور قوی متصل است و از آن برای به روزرسانی خودکار اپلیکیشن‌های هوشمند استفاده می‌شود.
  • سئوی قوی و ارتقای وبسایت اینترنتی یک کاربرد رایج برای این فریم ورک است.
  • ساخت صفحات استاتیک با استفاده از این فناوری بسیار ساده خواهد بود؛ زیرا محتوای صفحه ابتدا در HTML جای گذاری می‌شود.
  • تقسیم کردن کدهای یک صفحه به شکل خودکار از دیگر کاربردهای این فریم ورک است که به ایجاد یک نسخه‌ پایدار از صفحه وب کمک می‌کند.

 

مخاطبین دوره آموزش جامع ویو جی اس (۳ Vue.js) و Nuxt Js 

مخاطبین این دوره قطعا نمی توانند افراد مبتدی باشند! در واقع، برنامه نویسان جاوا اسکریپتی که به دنبال یک فریمورک خوب برای ادامه مسیر خود برای تبدیل شدن به یک فرانت کار حرفه ای می باشند، اصلی ترین مخاطبین این دوره می باشند. پس اگر می توانید به خوبی با جاوا اسکریپت کار کنید، در این سکوی پرتاب منتظر شما هستیم.

 

پیش نیازهای دوره آموزش جامع ویو جی اس (۳ Vue.js) و Nuxt Js کدیاد

برای آن که بتوانید این آموزش را به خوبی پشت سر بگذارید، بهتر است در ابتدا با مباحث پایه بیشتر آشنایی داشته باشید. به عنوان مثال بهتر است با یادگیری HTML/CSS/JS شروع کنید. شما می‌توانید تمامی این موارد را با دوره های آموزش برنامه نویسی آکادمی کدیاد پشت سر بگذارید. اگر با این موارد آشنایی دارید، برای شروع دوره آموزش جامع Vue.js و Nuxt.js 3 به صورت پروژه محور، آماده باشید.

 

آینده فریمورک ویو جی اس (۳ Vue.js) و Nuxt Js 

اما آینده این فریمورک چگونه است؟ آیا با تسلط کافی به مفاهیم این فریم ورک، می‌توان به درآمد مطلوبی دست پیدا کرد؟ توسعه شبکه‌های اینترنتی و صفحات گوگل باعث افرایش نیاز به این فریمورک هوشمند می‌شود. با توجه به پیشرفت و محبوبیت روزافزون این فریمورک و توسعه قابلیت‌های موجود در این زمینه، می‌توان آینده فریم ورک ویو جی اس و Nuxt Js را بسیار درخشان پیش بینی کرد.

 

سخن پایانی

دوره آموزش جامع ویو جی اس (۳ Vue.js) و Nuxt Js طرفداران بسیار زیادی دارد؛ زیرا نیاز به این فریم ورک در دنیای امروزی در حال افزایش است. ضمن شرکت در این دوره آموزشی، می‌توانید رزومه خود را برای ورود به بازار کار برنامه نویسی و انجام پروژه‌های فریلنسری تکمیل کنید. این فریم ورک آینده شغلی بسیار خوبی دارد و ضمن تسلط کافی به مفاهیم آن، می‌توانید درآمد خوبی داشته باشید.

سرفصل های دوره

آشنایی با موارد پایه VueJs

  • پیشنیاز های شروع کار

    منتشرشده 00:05:57

  • استفاده از Vue از طریق CDN و آشنایی اولیه

    00:08:36

  • ارسال اطلاعات از Vue به فایل html

    منتشرشده 00:04:54

  • Method ها در Vue - برسی Event ها

    منتشرشده 00:11:39

  • Conditional Rendering (v-if , v-else , v-else-if, v-show)

    منتشرشده 00:09:41

  • آشنایی با v-for

    منتشرشده 00:04:37

  • کار با v-text و v-html

    منتشرشده 00:06:35

  • کار با v-bind | پروژه Progress Bar

    00:15:44

  • آشنایی با two way binding | ساخت فرم تماس با ما

    منتشرشده 00:08:47

  • آشنایی با v-once

    منتشرشده 00:02:51

  • پروژه دفترچه تلفن | بخش اول

    منتشرشده 00:09:12

  • پروژه دفترچه تلفن | بخش دوم

    منتشرشده 00:19:00

  • پروژه دفترچه تلفن | بخش پایانی - برسی Computed ها

    منتشرشده 00:14:42
    • آشنایی با Component ها و پروژه های SPA

  • ساخت پروژه با Vue Cli و برسی ساختار پروژه

    منتشرشده 00:25:40

  • برسی ساختار Component ها

    منتشرشده 00:08:34

  • ارسال اطلاعات به کامپوننت فرزند | برسی Props

    منتشرشده 00:07:33

  • آشنایی با emit

    منتشرشده 00:06:26

  • برسی و کار با Ref

    منتشرشده 00:05:39

  • برسی کامل Slot ها

    منتشرشده 00:11:07

  • Teleport

    منتشرشده 00:04:22

  • برسی قابلیت Watch

    منتشرشده 00:10:40

  • چرخه حیات کامپوننت ها

    منتشرشده 00:09:05
    • پروژه عملی TODO-App

  • ساخت پروژه و Component های مورد نیاز

    منتشرشده 00:14:45

  • نمایش لیست کارها

    منتشرشده 00:12:54

  • افزودن Todo

    منتشرشده 00:11:03

  • انجام عملیات حذف و تکمیل Todo

    منتشرشده 00:16:18

  • Drag and Drop Todo

    منتشرشده 00:16:43

  • تکمیل پروژه Todo

    منتشرشده 00:17:03

  • افزودن پکیج Vue Toast Notification به پروژه

    00:22:27
    • کار با Form در Vue

  • ساخت پروژه و ایجاد قالب

    منتشرشده 00:19:35

  • تکمیل قالب پروژه و ساخت مدل ها

    منتشرشده 00:20:55

  • اعتبار سنجی Form | روش اول

    منتشرشده 00:14:44

  • اعتبار سنجی Form | استفاده از Vee Validate

    منتشرشده 00:14:13

  • استفاده از Yup در کنار Vee Validate

    منتشرشده 00:07:17

  • Validation-Schema

    منتشرشده 00:10:12

  • تکمیل پروژه و مباحث مربوط به Vee-Validate

    منتشرشده 00:21:41
    • Composition Api

  • برسی کامل Compostion Api و مقایسه با Option APi

    منتشرشده 00:41:27

  • تغییر ساختار پروژه Todo-App به Composition Api

    منتشرشده 00:38:28
    • Vue Router

  • نصب و معرفی کلیات Vue Router

    منتشرشده 00:22:24

  • ارسال و دریافت پارامتر و Query String به روت ها

    منتشرشده 00:14:03

  • انتقال قالب به پروژه

    منتشرشده 00:17:33

  • کار با Route Name | نحوه استفاده از قالب آماده و رفع خطا های js قالب (topkala-template)

    منتشرشده 00:27:23

  • Lazy loading | تکمیل صفحه جستجو محصول

    منتشرشده 00:20:29

  • Nested Routes

    منتشرشده 00:16:31

  • ساخت صفحه 404 | Route Active Class

    منتشرشده 00:10:45
    • VueX

  • نصب و معرفی Vuex

    منتشرشده 00:19:34

  • Getters و State

    منتشرشده 00:07:32

  • Actions

    منتشرشده 00:07:19

  • Modules

    منتشرشده 00:08:11

  • پروژه سبد خرید | بخش اول

    منتشرشده 00:20:57

  • پروژه سبد خرید | بخش دوم

    منتشرشده 00:26:42

  • پروژه سبد خرید | بخش سوم

    منتشرشده 00:20:26
    • پروژه عملی بلاگ | Vue.js

  • معرفی Vuetify و استفاده از آن در پروژه

    منتشرشده 00:31:37

  • آشنایی با http و نصب axios

    منتشرشده 00:18:48

  • تکمیل صفحه لیست کاربران

    منتشرشده 00:35:21

  • افزودن کاربر جدید

    منتشرشده 00:31:35

  • ساخت Loading برای درخواست های Http

    منتشرشده 00:11:51

  • ویرایش کاربر جدید

    منتشرشده 00:33:28

  • صفحه لیست دسته بندی ها

    منتشرشده 00:32:38

  • افزودن و ویرایش دسته بندی

    00:27:58

  • حذف دسته بندی | استفاده از SweetAlert

    منتشرشده 00:21:30

  • صفحه مدیریت پست ها

    منتشرشده 00:18:36

  • افرودن پست

    منتشرشده 00:39:45

  • ویرایش پست

    منتشرشده 00:22:24

  • اضافه کردن Pagination

    منتشرشده 00:17:54

  • ساخت صفحه اصلی سایت

    منتشرشده 00:31:20

  • ساخت صفحه Post - (همراه با کامنت)

    منتشرشده 00:37:14

  • ساخت صفحه جستجو

    منتشرشده 00:27:31

  • صفحه 404 | روش مشکلات پروژه

    منتشرشده 00:19:15

  • برسی کامپوننت Transaction

    منتشرشده 00:13:33

  • پابلیش پروژه روی هاست (کنترل پنل Plesk)

    منتشرشده 00:12:07
    • آشنایی با Nuxt و TypeScript

  • آشنایی با TypeScript

    منتشرشده 00:32:45

  • ساخت اولین پروژه با NUXT

    منتشرشده 00:09:46

  • برسی ساختار Nuxt و شروع پروژه Todo-App

    منتشرشده 00:30:50

  • پروژه Todo-App بخش دوم | معرفی و کار با Composable

    منتشرشده 00:21:47
    • آموزش Nuxt 3 پروژه محور | فروشگاه اینترنتی

  • ساخت پروژه و انتقال قالب

    منتشرشده 00:23:27

  • ساخت Component های پایه | button

    منتشرشده 00:10:12

  • ساخت Component های پایه | base-modal

    منتشرشده 00:13:59

  • ساخت Component های پایه | Show-More

    منتشرشده 00:11:51

  • ساخت Component های پایه | Input

    منتشرشده 00:19:19

  • نحوه دریافت اطلاعات از سرور در Nuxt 3

    منتشرشده 00:19:37

  • ساخت متد واسط برای Fech$ | شخصی سازی Fech$

    منتشرشده 00:14:23

  • ساخت صفحات Login و Register | بخش اول

    منتشرشده 00:17:46

  • ساخت صفحات Login و Register | بخش دوم

    منتشرشده 00:29:21

  • ساخت صفحات Login و Register | بخش سوم

    منتشرشده 00:17:36

  • نحوه عملکرد Pinia و پیاده سازی در Nuxt

    منتشرشده 00:14:30

  • پیاده سازی Auth-Store | بخش اول

    منتشرشده 00:17:39

  • پیاده سازی Auth-Store - بخش دوم | Plugin In Nuxt 3

    منتشرشده 00:11:53

  • قرار دادن پروژه روی Github

    00:10:33

  • صفحه اصلی فروشگاه | اسلایدر اصلی

    منتشرشده 00:29:06

  • صفحه اصلی فروشگاه | اسلایدر اصلی - بخش دوم

    منتشرشده 00:21:56

  • اعمال Reverse Proxy با استفاده از Vite

    منتشرشده 00:10:10

  • صفحه اصلی فروشگاه | Banners

    منتشرشده 00:21:22

  • صفحه اصلی فروشگاه | محصولات شگفت انگیز

    منتشرشده 00:21:19

  • صفحه اصلی فروشگاه | محصولات شگفت انگیز - بخش دوم

    منتشرشده 00:26:31

  • صفحه اصلی فروشگاه | دسته بندی های محصول

    منتشرشده 00:28:25

  • صفحه اصلی فروشگاه | Responsive سازی

    منتشرشده 00:28:12

  • نحوه بروزرسانی Nuxt

    منتشرشده 00:08:49

  • صفحه Search | بخش اول

    منتشرشده 00:09:38

  • صفحه Search | ساخت مدل ها و سرویس

    منتشرشده 00:17:56

  • صفحه Search | ساخت useSearch composable

    منتشرشده 00:32:24

  • صفحه Search | داینامیک کردن صفحه

    منتشرشده 00:23:24

  • صفحه Search | ساخت صفحه بندی و Breadcrumb

    منتشرشده 00:31:07

  • صفحه Search | فیلتر دسته بندی

    منتشرشده 00:21:53

  • صفحه Search | فیلتر فقط محصولات موجود و فقط کالاهای تخفیف دار

    منتشرشده 00:10:00

  • صفحه Search | فیلتر قیمت

    منتشرشده 00:16:08

  • صفحه محصول | بخش اول

    منتشرشده 00:16:54

  • صفحه محصول | بخش دوم

    منتشرشده 00:21:22

  • صفحه محصول | بخش سوم

    منتشرشده 00:18:34

  • صفحه محصول | بخش چهارم

    منتشرشده 00:20:58

  • صفحه محصول | بخش پنجم

    منتشرشده 00:43:34

  • صفحه محصول | بخش ششم - ثبت نظر روی محصول

    منتشرشده 00:22:59

  • صفحه محصول | بخش هفتم - ثبت نظر روی محصول_بخش دوم

    منتشرشده 00:22:23

  • صفحه محصول | بخش هشتم - ثبت نظر روی محصول_بخش سوم

    منتشرشده 00:23:29

  • صفحه محصول | بخش نهم - ثبت نظر روی محصول_بخش چهارم

    منتشرشده 00:24:07

  • بروزرسانی پروژه به Nuxt 3 Stable Version

    منتشرشده 00:12:30

  • اضافه کردن LoadingIndicator و رفع مشکل لاگین

    منتشرشده 00:10:19

  • پنل کاربری | بخش اول

    منتشرشده 00:12:24

  • پنل کاربری | ویرایش حساب کاربری

    منتشرشده 00:28:20

  • پنل کاربری | ویرایش حساب کاربری - بخش دوم ( شخصی سازی پیام های خطای Yup )

    منتشرشده 00:21:09

  • پنل کاربری | آدرس های کاربر

    منتشرشده 00:19:42

  • پنل کاربری | آدرس های کاربر - بخش دوم

    منتشرشده 00:21:37

  • پنل کاربری | آدرس های کاربر - بخش سوم

    منتشرشده 00:22:31

  • پنل کاربری | آدرس های کاربر - حذف آدرس

    منتشرشده 00:14:03

  • پنل کاربری | تغییر کلمه عبور

    منتشرشده 00:11:38

  • سبد خرید - بخش اول

    منتشرشده 00:21:23

  • سبد خرید - بخش دوم

    منتشرشده 00:17:51

  • سبد خرید - بخش سوم ( تکمیل سبد خرید در سمت کاربر | Local Storage)

    منتشرشده 00:19:09

  • سبد خرید - بخش چهارم | وصل کردن اطلاعات به سرور

    منتشرشده 00:29:18

  • سبد خرید - بخش پنجم | Checkout - نهایی سازی سفارش

    منتشرشده 00:31:56

  • سبد خرید - بخش ششم | صفحه پرداخت موفق و ناموفق

    منتشرشده 00:17:01

  • پنل کاربری | سفارشات کاربر

    منتشرشده 00:31:09

  • استفاده از Swiper برای اسلایدر های سایت

    منتشرشده 00:48:06

  • داینامیک کردن دسته بندی های Menu

    منتشرشده 00:23:00

  • رفع خطا های پروژه

    منتشرشده 00:12:15

  • استفاده از Nuxt Image برای بهینه سازی تصاویر پروژه

    منتشرشده 00:28:32

  • ساخت و استفاده Skeleton Loading

    منتشرشده 00:18:49

  • نمایش سریع محصول

    00:26:38

  • رفع مشکل Layout - ساخت صفحه خطا ( 404 و ... )

    منتشرشده 00:17:18

  • رفع مشکلات صفحه محصول | SpyScroll و افزودن به سبد خرید

    منتشرشده 00:18:42

  • رفع مشکل SideBar

    منتشرشده 00:08:36

  • حذف لینک ها و بخش های Static

    منتشرشده 00:09:43

  • ایجاد Meta Tag های مورد نیاز برای سئو

    منتشرشده 00:09:59

  • Account Guard | Middleware in Nuxt

    منتشرشده 00:10:45

  • خروج از حساب کاربری | Logout User

    منتشرشده 00:14:57

  • اتمام و خروجی گرفتن از پروژه | استفاده از Liara

    منتشرشده 00:20:49

  • بروزرسانی پروژه به Nuxt 3.8.2 | کَش کردن اطلاعات با UseAsyncData

    منتشرشده 00:23:02
    • سئو (SEO) در پروژه های Nuxt

  • برسی و دلیل استفاده از Schema | استفاده از Nuxt-Schema

    منتشرشده 00:49:34

    • این دوره برای چه کسانی مناسـب است؟

    • افرادی که به تازگی Javascript را یادگرفته اند یا افرادی که قصد یادگیری Vue.js و Nuxt.js را دارند

    پیشنیاز های دوره چه چیزهایی هستند؟

    • JavaScript
    • HTML
    • CSS

    نظرات دانشجویان

    پارسا رضایی

    پارسا رضایی | دانشجوی دوره آموزش جامع ویو جی اس (3 Vue.js) و Nuxt Js - پروژه محور

    عالیییی استاد دمت گرم ، واقعا اولین دوره vue ایه که تاحالا دیدم این قدر ساده توضیح داده بشه و در آخر هم ممنون بایت اینکه Nuxt رو هم به دوره اضافه کردین 🙏🙏

    m m

    m m | دانشجوی دوره آموزش جامع ویو جی اس (3 Vue.js) و Nuxt Js - پروژه محور

    سلام، خسته نباشید. استاد اشرافی عزیز ممنون بابت این دوره، بهترین قیمت با بالاترین کیفیت و مطالب.

    امیر حسین رجبی

    امیر حسین رجبی | دانشجوی دوره آموزش جامع ویو جی اس (3 Vue.js) و Nuxt Js - پروژه محور

    من به عنوان کسی که این دوره رو گذروندم میتونم بگم که این دوره vue ، از کامل ترین دوره های موجود در سطح بازاره و با این دوره راحت به تمامی مباحثی که نیاز داریم دست پیدا میکنیم، از آقای اشرافی هم تشکر میکنم برای پشتیبانی خوبی که داشتن و به تمامی سوالات پاسخ میدادن

    مدرس دوره

    محمد اشرافی


    محمد اشرافی هستم  مدیر پروژه کدیاد ،  پنج ساله که توی حوضه وب کار میکنم تخصص اصلیم net. و vue.js هست و درکنار برنامه نویسی مشاوره و تدریس هم انجام میدم

    GitHub : https://github.com/mohammad-ashrafi2020

    رزومه

    سوالات متداول

    چه ورژنی از Vue و Nuxt در این دوره آموزش داده شده است؟

    در این دوره از 3 vuejs و Nuxt.js 3 استفاده کرده‌ایم

    آیا این دوره برای ورود به بازار کار کافی است ؟

    در این دوره ما از صفر Vue.js 3 رو در قالب چندین پروژه عملی آموزش داده ایم تا شما کاملا با این فریمورک آشنا بشید و راحت بتوانید پروژه های خود را مدیریت کنید. در آخر هم با Nuxt 3 یک Market Place ( فروشگاه اینترنتی ) را پیاده سازی کرده ایم که کاملا آماده ورود به بازار کار شوید. بله شما بعد از این دوره آماده ورود به بازار کار هستید ولی به شرطی که دوره را با دقت نگاه کنید و تمرینات را انجام بدید. پس از یادگیری برنامه نویسی، مهارت های نرم را نیز تمرین کنید.

    آیا Nuxt برای پروژه های بزرگ مناسب است؟

    بله. Nuxt یکی از قدرتمند ترین فریمورک های Front است که به خوبی می توان بحث SSR و SSG را مدیریت کنید و در حال حاضر وبسایت های بزرگی از جمله Alibaba ،Jabama ،Bama ،freelance.com ،Eseminar ،mobit و هزاران وبسایت بزرگ از این فریمورک قدرتمند استفاده میکنند.

    چرا باید Vue و Nuxt را با هم یاد بگیریم؟

    Vue یک فریمورک Client Side است که مثل بقیه فریمورک های مشابه داخل روند سئو خیلی قوی عمل نمیکنند و برای وبسایت هایی مثل فروشگاهی و وبلاگی گزینه خوبی نیست. برای اینکه به بهترین شکل سئو را پیاده سازی کنیم، باید از فریمورکی مثل Nuxt استفاده کنیم که البته Nuxt قابلیت های خیلی بیشتری دارد ولی بهبود سئو یکی از قابلیت های مهم این فریمورک است.

    چرا باید Vue رو انتخاب کنیم؟

    Vue یک فریمورک خیلی سبک است که هم با JavaScript و هم با TypeScript کار میکند. این فریمورک نسبت به رقبای خود نقاط قوت خوبی دارد مثل: سبک بودن، امکان استفاده در همه جا و به شکل های مختلف، ساختار خیلی ساده و قابل فهم و بازار کار خوب در ایران.