هزینه آموزش
۲۶,۰۰۰ تومان

آموزش کاربردی HTML5 - CSS3 - jQuery در طراحی وب - بخش اول

آموزش کاربردی HTML5 - CSS3 - jQuery در طراحی وب - بخش اول

تعداد دانشجو
۲,۰۶۶ نفر
۴۴ نفر در یک ماه اخیر
مدت زمان
۵ ساعت و ۳۲ دقیقه
هزینه آموزش
۲۶,۰۰۰ تومان
محتوای این آموزش
۱۲ بازخورد (مشاهده نظرات)
آموزش کاربردی HTML5 - CSS3 - jQuery در طراحی وب - بخش اول

چکیده

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

مدرس
سید مجتبی حیات الغیب

کارشناسی مهندسی کامپیوتر - نرم افزار

زمینه کاری ایشان به صورت تخصصی Front-End Web Developer است و تسلط خوبی بر روی تکنولوژی های این بخش نظیر: Html5, Css3, SASS, jQuery, Bootstrap و جاوا اسکریپت خصوصا فریمورک Vue.js دارند. ایشان همچنین سابقه کار با فریم ورک Angularjs را هم در کارنامه خود دارند.

چکیده آموزش


توضیحات تکمیلی

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

این فرادرس برای طراحان وب ضروری است، زیرا به وسیله آن یاد می گیرند که چگونه اجزای یک وب سایت را اعم از اسلایدر، تب، رویدادهای اسکرول و … ایجاد کنند. در واقع این فرادرس ساخت اجزایی را مورد هدف قرار می دهد که دانشجویان در اکثر سایت های مدرن آن ها را می بینند و از نحوه ایجاد آن ها اطلاعی ندارند.

در آموزش کاربردی HTML5, CSS3, jQuery در طراحی وب - بخش دوم، مثال های متنوع تری بررسی می شود.


فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: مقدمات آموزش توابع مورد استفاده jQuery
    • توضیحاتی مختصر درباره دوره
    • توضیح توابع، سلکتورهای با اهمیت jQuery
  • درس دوم: حل مثال های کاربردی
    • ایجاد Slider
    • ایجاد Tab
    • ایجاد Modal
    • ایجاد منوی همبرگری با آیکون منوی ثابت
    • ایجاد منوی همبرگری با آیکون منوی متغیر
    • فیکس کردن Navigation در بالای صفحه در هنگام اسکرول
    • انتقال به بالای صفحه با استفاده از دکمه اسکرول به بالای سریع
    • تغییر اندازه لوگوی سایت بعد از اسکرول به پایین
    • ایجاد Pagination های زیبا
    • ایجاد Button هایی با انیمیشن های زیبا
    • ایجاد Alert های محو شونده
    • ایجاد Waiting برای زمان انتظار بارگذاری
    • قرار دادن Google maps همراه با آدرس مورد نظر در صفحه
    • ایجاد ورودی جستجو با تغییر حالت زیبا
    • ایجاد Hoverable Sidenav Buttons
    • ایجاد نوار درصد
    • ایجاد Toggle Like and Dislike
 
مفید برای رشته های
  • مهندسی کامپیوتر
  • مهندسی فناوری اطلاعات

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده
فایل PDF یادداشت‌ های ارائه مدرس



پیش نمایش‌ها

پیش نمایش ۱: مقدمات آموزش توابع jQuery (الف) ۴ دقیقه

توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.

دانلود مستقیم پیش‌نمایش - حجم ۶ مگابایت (کلیک کنید +)
پیش نمایش ۲: مقدمات آموزش توابع jQuery (ب) ۷ دقیقه

توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.

دانلود مستقیم پیش‌نمایش - حجم ۱۴ مگابایت (کلیک کنید +)
پیش نمایش ۳: مثال‌ کاربردی - Slider ۴ دقیقه

توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.

دانلود مستقیم پیش‌نمایش - حجم ۱۲ مگابایت (کلیک کنید +)
پیش نمایش ۴: مثال‌ کاربردی - Tab ۴ دقیقه

توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.

دانلود مستقیم پیش‌نمایش - حجم ۷ مگابایت (کلیک کنید +)
پیش نمایش ۵: مثال‌ کاربردی - Modal ۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۶: مثال‌ کاربردی - منوی همبرگری با آیکون ثابت ۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۷: مثال‌ کاربردی - منوی همبرگری با آیکون متغیر ۵ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۸: مثال‌ کاربردی - فیکس کردن Navigation ۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۹: مثال‌ کاربردی - دکمه اسکرول به بالای صفحه ۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۰: مثال‌ کاربردی - تغییر لوگو بعد از اسکرول ۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۱: مثال‌ کاربردی - Pagination ۵ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۲: مثال‌ کاربردی - ایجاد Button با Hover ۱۰ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۳: مثال‌ کاربردی - Alert های محو شونده ۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۴: مثال‌ کاربردی - Waiting ۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۵: مثال‌ کاربردی - قرار دادن Google Maps ۱ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۶: مثال‌ کاربردی - ورودی جستجو ۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۷: مثال‌ کاربردی - Hoverable sidenav Buttons ۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۸: مثال‌ کاربردی - نوار درصد ۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۹: مثال‌ کاربردی - Toggle Like and Dislike ۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

راهنمای تهیه آموزش ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

راهنمایی بیشتر ( +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش کاربردی HTML5 - CSS3 - jQuery در طراحی وب - بخش اول
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۶۳۴۵۳ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVWEB9608
مدت زمان ۵ ساعت و ۳۲ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
حجم دانلود ۵۸۸ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)



نظرات

تا کنون ۲,۰۶۶ نفر از این آموزش استفاده کرده اند و ۱۲ نظر ثبت شده است.
محمد سینا
محمد سینا

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

پاسخ به نظر

عرشیا
عرشیا

توضیحات واضح و مثالها کاربردی و قابل فهم بود.
پاسخ به نظر

مجید
مجید

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

پاسخ به نظر

pooria.a.f
pooria.a.f

عالی بود
پاسخ به نظر

pooria.a.f79@gmail.com
pooria.a.f79@gmail.com

واقعا خوب بود همه چیو گفتن چیزای جدیدی یاد گرفتم ممنون از استاد اگه میشه آموزش bootstrap هم بزارین از این استاد
پاسخ به نظر

محمد
محمد

من چون زمینه ای از این آموزش داشتم و آشنایی داشتم برام مفید بود و استفاده کردم. آموزش خوبی بود.
پاسخ به نظر

رامون
رامون

بهتره که یه جمع بندی کلی داشته باشه مدرس و به صورت پیوند شده یاد بدند. برای کسی که HTML و CSS رو میدونه بیشتر بدرد میخوره.
پاسخ به نظر

شهره
شهره

من خیلی چیزها تونستم یاد بگیرم. البته فکر می کنم سطح آموزش یک مقدار بالا بود و خیلی از بیس شروع نکرده بودند.
پاسخ به نظر

مصطفی
مصطفی

فوق العاده مفید بود. آموزش پروژه محور جی کوئری توسط مجتبی حیات الغیب عزیز. از این مدرس تقاضا می کنم آموزش های دیگه رو هم ارائه بدن. ممنونم
پاسخ به نظر

حمید
حمید

خیلی عالی بود. برای کسانی که در زمینه Jquery مبتدی هستند خیلی کاربردی هست. خلاصه و مفید بود
پاسخ به نظر

sanaz
sanaz

جزئیات و مثال های خوبی آموزش داده شده کاش مدرس آموزش های بیشتری در زمینه فرانت اند منتشر کنند.
پاسخ به نظر

امیرفیاض
امیرفیاض

راضی نیستم از این آموزش
ضعیفتر از چیزی بود که توقع داشتم

پاسخ به نظر



برچسب‌ها: Alert | Button | CSS3 | Hoverable Sidenav Buttons | html5 | Jquery | Modal | Navigation | Pagination | Slider | tab | Toggle Like and Dislike | web programming | اجزای صفحات وب | اسلایدر | ایجاد Alert های محو شونده | ایجاد Button | ایجاد Hoverable Sidenav Buttons | ایجاد Modal | ایجاد Pagination | ایجاد Slider | ایجاد Tab | ایجاد Toggle Like and Dislike | ایجاد Waiting برای زمان انتظار بارگذاری | ایجاد منوی همبرگری با آیکون منوی ثابت | ایجاد منوی همبرگری با آیکون منوی متغیر | ایجاد نوار درصد | تغییر اندازه لوگوی سایت بعد از اسکرول به پایین | توابع مورد استفاده jQuery | رویدادهای اسکرول | سلکتورهای با اهمیت jQuery | فیکس کردن Navigation در بالای صفحه در هنگام اسکرول | قرار دادن Google map همراه با آدرس مورد نظر در صفحه | مقدمات آموزش توابع مورد استفاده jQuery | منوی همبرگری | مهندسی فناوری اطلاعات