هدف از این آموزش، ارائه مباحث مربوط به طراحی سایت فروشگاهی با استفاده از فریم ورک ASP.NET MVC است. مسیر آموزش به صورتی است که از ابتدای ساخت پروژه به صورت عملی و مفهومی، آموزش ارائه و همین طور مطالب تکمیلی به مباحث اضافه می شود. به طوری که دانشجو بعد از چند درس، کاملا به مفهوم و معماری MVC مسلط می شود و به راحتی می تواند با استاد همراه شود و در مدت زمان کوتاهی، وب سایت فروشگاهی خود را طراحی و آماده کند.
آموزش پروژه محور ASP.NET MVC - طراحی سایت فروشگاهی
توضیحات تکمیلی
ASP.NET، فریم ورک جامعی است که توسط شرکت مایکروسافت عرضه شده است و امکان ایجاد وب سایت های پویا (Dynamic)، قدرتمند، سریع و امن را فراهم می کند. از نقاط قوت این فریم ورک این است که همواره مهندسان مایکروسافت به دنبال اجرای جدیدترین تکنولوژی ها در زمینه وب بر بستر این فریم ورک هستند و شما می توانید مطمئن باشید که با هر آپدیت و ورژنی به روزترین تکنولوژی های دنیای وب را در اختیار دارید.
با آمدن معماری MVC، مایکروسافت به سرعت ASP.NET MVC را معرفی کرد که مخصوصا از نظر سرعت اجرا و بحث مهم سئو، پیشرفت فوق العاده ای داشت. همین امر، ASP.NET MVC را به یکی از بهترین گزینه ها برای طراحی وب سایت فروشگاهی تبدیل کرده است، بنابراین اگر به دنبال یک فروشگاه آنلاین سریع و استاندارد هستید که همیشه توسط مهندسان مایکروسافت به روز بودن تکنولوژی ها و همین طور امنیت آن تضمین شده باشد، این آموزش می تواند مناسب و مفید باشد.
هدف از این آموزش، ارائه مباحث مربوط به طراحی سایت فروشگاهی با استفاده از فریم ورک ASP.NET MVC است. مسیر آموزش به صورتی است که از ابتدای ساخت پروژه به صورت عملی و مفهومی، آموزش ارائه و همین طور مطالب تکمیلی به مباحث اضافه می شود. به طوری که دانشجو بعد از چند درس، کاملا به مفهوم و معماری MVC مسلط می شود و به راحتی می تواند با استاد همراه شود و در مدت زمان کوتاهی، وب سایت فروشگاهی خود را طراحی و آماده کند.
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
- درس یکم: مقدمه ای بر شی گرایی و معماری MVC
- سناریوی وب سایت فروشگاهی
- معرفی شی گرایی و نقش آن برای درک معماری MVC
- معرفی مدل برنامه نویسی MVC
- ایجاد پروژه برای شروع کار
- درس دوم: بررسی و انجام موارد ضروری اولیه (چیدن میز کار)
- بررسی پیکربندی پروژه ایجاد شده در MVC
- فونت گذاری در سایت
- ساخت Favicon
- نحوه بارگذاری یا ساخت فایل های CSS
- نحوه بارگذاری یا ساخت فایل های JS
- Bundle و ضرورت استفاده از آن
- مفهوم Convention Over Configuration در MVC
- معرفی Route Config و نحوه کار کردن لینک ها در MVC
- درس سوم: شروع کار نوشتن وب سایت فروشگاهی
- Migration و نحوه فعال سازی آن در MVC
- شخصی سازی سیستم عضوگیری برای وب سایت فروشگاهی
- ایجاد صفحه مدیریت اطلاعات برای هر کاربر
- اضافه کردن سیستم Role Manager و تعیین سطح دسترسی
- گروه بندی کردن محصولات و ساختار کلی دیتابیس فروشگاهی
- نوع ارتباط جدول های دیتابیس با هم
- One-To-One Relationship
- One-To-Many Relationship
- Many-To-Many-Relationship
- شیوه کار کردن MVC و نحوه استفاده آن
- Entity Framework
- نوشتن Model های جداول دیتابیس در شیوه Code First
- ساختن دیتابیس از روی مدل های نوشته شده
- سیستم Scaffolding
- ساختن Controller و View های وب سایت با Scaffolding
- نحوه ارتباط Model, Controller و View
- انواع روش های ارسال اطلاعات از Controller به View
- درس چهارم: شخصی سازی و اعمال تغییرات ضروری
- شخصی سازی View ها و Controller ها
- تغییر Rout برنامه برای سئوی بهتر وب سایت
- تنظیمات سیستم مدیریت
- Partial View و نحوه استفاده از آن در View های MVC
- ساخت منوی کشویی دسترسی به محصولات
- ساخت صفحه اول فروشگاه
- Model–View–Controller و تفاوت آن با Model
- شخصی سازی صفحه گروه محصولات
- Ajax
- Ajax در MVC
- Ajax برای فیلتر و مرتب کردن دسته محصولات نمایش داده شده
- Angular.js و تفاوت آن با Ajax
- صفحه بندی محصولات یک دسته
- شخصی سازی صفحه اصلی هر محصول
- درس پنجم: سبد خرید
- بررسی LocalStorage های استاندارد W3C
- Session
- Cookie
- WebStorage
- دکمه سبد خرید برای اضافه کردن آیتم در Session State
- دکمه سبد خرید برای اضافه کردن آیتم در Cookie
- نشان دادن تعداد آیتم های درون سبد خرید
- قسمت مدیریت سبد خرید
- صفحه تایید اطلاعات یا اصلاح آدرس و رفتن به درگاه پرداخت
- درس ششم: جستجو در محصولات
- صفحه جستجوی در محصولات وب سایت
- جستجو با اعمال یک فیلتر در دسته محصولات
- شخصی سازی صفحه نتایج جستجو
- درس هفتم: موارد متفرقه در وب سایت فروشگاهی و ثبت نظرات
- اضافه کردن صفحات الزامی اضافی مانند قوانین و مقررات
- اضافه کردن قسمت نظرات برای هر محصول
- ایجاد صفحه سفارش های من
- ایجاد قسمت تحویل
- ایجاد Sidenav برای دسترسی به بخش های مختلف مدیریت
- درس هشتم: بررسی Sitemap داینامیک و بازاریابی وب سایت فروشگاهی
- Sitemap و نحوه نوشتن Sitemap خودکار و هوشمند در MVC
- امنیت در وب سایت فروشگاهی
- سئوی سایت فروشگاهی
- نوروساینس (Neuroscience)
- نورومارکتینگ (Neuromarketing)
مفید برای رشته های
- مهندسی نرم افزار
پیش نیاز
آنچه در این آموزش خواهید دید:
نرم افزارهای مرتبط با آموزش
پیش نمایش‌ها
۱.
جستجو در محصولات
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۴ بایت -- (کلیک کنید +))
۲.
مقدمه ای بر شی گرایی و معماری MVC
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۴ بایت -- (کلیک کنید +))
۳.
موارد متفرقه در وب سایت فروشگاهی و ثبت نظرات
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۴ بایت -- (کلیک کنید +))
۴.
بررسی و انجام موارد ضروری اولیه (چیدن میز کار)
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۴ بایت -- (کلیک کنید +))
۵.
بررسی Sitemap داینامیک و بازاریابی وب سایت فروشگاهی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶.
شروع کار نوشتن وب سایت فروشگاهی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷.
شخصی سازی و اعمال تغییرات ضروری
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸.
سبد خرید
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹.
جستجو در محصولات
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰.
موارد متفرقه در وب سایت فروشگاهی و ثبت نظرات
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۱.
بررسی Sitemap داینامیک و بازاریابی وب سایت فروشگاهی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
با تهیه این آموزش، می‌توانید به همه بخشها و جلسات آن، دسترسی داشته باشید.
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش پروژه محور ASP.NET MVC - طراحی سایت فروشگاهی |
|---|---|
| ناشر | فرادرس |
| شناسه اثر | ۸–۱۲۴۵۲–۰۷۲۸۵۹ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد) |
| کد آموزش | FVASP9804 |
| مدت زمان | ۱۰ ساعت و ۳۶ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدئویی (نمایش آنلاین + دانلود) |
| حجم دانلود | ۲ گیگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
نظرات
تشکر می کنم از شما بابت آموزشی که ارائه کردید
تسلط و توضیحات با جزئیات لازم بود.
سلام و خسته نباشید عرض میکنم
دوره واقعا دوره خوبی بود ... البته نه برای کسی که صفر هستش ... حتما باید حداقل آشنایی کوچکی با HTML و C# داشته باشید.
فقط یک سوالی داشتم خدمت استاد که اگر پاسخ بدن ممنون میشوم ... وقتی که روت رو تغییر دادند عملا قسمت Create و delete و Edit نمیتوان به گروه ها و زیرگروه ها تغییراتی اعمال کرد. احتمالا بید تغییراتی در قسمت روت هر کدام از ویو ها داد. امکانش هست راهنمایی بفرمایید؟
سلام استاد وقتتون بخیر
در فیلم A از جلسه سوم، قسمتی که Migration رو میخواهید فعال کنید، طبق گفته خودتون در قسمت پکبج منیجر کنسول Enable- Migrations رو تایپ و اینتر میزنم ولی خطا میده. دلیلش چیه؟؟ و بانک ایجاد نمیشه؟؟ یکسری از دوستان گفتند که باید فایل وب کانفیگ رو تغییراتی بدیم... لطفا کار درست رو بفرمایید
باید Entity هارو پکیجشون رو نصب و اینستال کنید
آموزش بسیار خوبی بود. بسیار کاربردی می باشد.
من موندم که چرا ایشون از وسط پروژه شروع کردن به توضیح دادن؟ من از کجا بدون قسمت های قبلی چطوری ایجاد شدن؟ یک عالمه کد فرانت اند اونجا بود که هیچ توضیحی داده نشد راجع بهش!
سلام؛
این فایل آموزشی برای شروع به یادگیری ASP مناسب نیست، اما اگر تسلط به زبان دیگری مثل PHP دارید کمک کننده است. در ادامه به نکات مثبت، منفی و موارد قابل بهبود می پردازم:
نکات مثبت:
+ ارائه مفاهیم پایه برنامه نویسی شی گرا و تاکید بر اولویت برنامه ریزی پروژه بر کدنویسی آن
+ استفاده از قابلیت های محیط VS برای کمک به کدنویسی از قبیل Scaffolding و …
+ توالی و مشخص بودن هدف هر بخش از آموزش و کیفیت خوب قسمت ها
+ تلاش برای آموزش، استفاده از منابع و مستندات مرتبط با Packageها
نکات منفی:
- عمیق شدن در بعضی مفاهیم که خارج از حوزه هدف آموزش است (آموزش فشرده سازی CSS و JS)
- عدم اشاره کافی به مباحث امنیتی خصوصا در بخش راه اندازی قسمت خرید آنلاین
- کپی و جایگذاری بیش از حد کد از دیگر بخشها و عدم ارائه توضیحات کافی برای تشریح مکانیزم آن
نکات و مواردی که مفید بود تا در این آموزش دیده بشه:
1- اشاره به نسخه ASP و EF که در این پروژه به کار رفته است
2- آموزش مباحث امنیتی جهت کنترل ورودی کاربری از جمله captcha و ...
3- آموزش بارگیری پروژه بروی یک نمونه هاست و استفاده از خروجی.
سلام استاد
از داخل ویژوال استودیو کدام بخش را برای ایجاد پروژه باید انتخاب کنم؟
یکسری رو امتحان کردم با صفحه پروژه شما فرق داره
مثلا داخل مدل پیش فرض ها نیست Identitymodels نداره برای همین نمیتونم پایگاه داده رو وصل کنم
لطفا من رو راهنمایی کنید تشکر
من هم همین مشکل رو دارم اگر متوجه شدید به من اطلاع بدید
وقتی asp.net web application (.net frame work) رو انتخاب کردین بعد از پنجره نام پروژه و ادرس باید single page app رو انتخاب کنید.
وارد ویژوال استودیو که شدید create new project بعدش asp.net web application (.net frame work) بعد گزینه MVC رو انتخاب کنید (هم پنجره اصلی هم در سمت راست تیک MVC بزنید) و درنهایت در قسمت Authentication گزینه change رو بزنید و individual user account رو انتخاب کنید
واقعا مرسی که مثل مدرس های دیگه داخل ویدیو حرف اضافه نمیزنین و فقط به تدریس میپردازین
مطالب رو واقعا واضح توضیح دادید
حیفم اومد نظر نذارم - تندرست باشید
واقعاااا فوق العاده بود. هر آموزشیو میدیدم فقط راجع به تئوری صحبت میکردن. این آموزش همه رو در کنار توضیح عملی انجام میداد. واقعاا ممنونم.
عالی بوده و بسیار کامل و توضیحات دقیق و سنجیده