×
تعداد دانشجو
۲,۳۰۰ نفر
۲۶,۰۰۰ تومان ۱۵,۶۰۰ تومان

آموزش کاربردی 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‌ با فشرده سازی انحصاری فرادرس)


نظرات

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

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

محمد سینا
محمد سینا

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

عرشیا
عرشیا

توضیحات واضح و مثالها کاربردی و قابل فهم بود.

مجید
مجید

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

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 | منوی همبرگری | مهندسی فناوری اطلاعات
مشاهده بیشتر مشاهده کمتر