آموزش کاربردی 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، این مثال ها ارائه شوند ولی در تعدادی از قسمت ها، پلاگین هایی برای انجام مثال ها معرفی می گردند تا دانشجویان با راه های مختلف حل مثال ها آشنا شوند. در آخر نیز بر این مساله تاکید داریم که اگر آموزش ها به صورت مقدماتی باشند و حتی از این مقدمات نیز در جهت تولید یک محصول نهایی بهره گیری نشود، هیچ فایده ای برای دانشجو نداشته و باعث کسب مهارت نمی شود.
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
- درس یکم: مقدمه
- درس دوم: ساخت یک File Uploader با استایل سفارشی
- درس سوم: نحوه پیاده سازی Preloader
- درس چهارم: ساخت Accordion
- درس پنجم: Password Validation در سمت کلاینت (Client)
- درس ششم: منوی ناوبری گوشه صفحه
- درس هفتم: ساخت Dropdowns Menu
- درس هشتم: گالری عکس به صورت اسلایدشو (Slideshow)
- درس نهم: ایجاد یک عکس Sticky
- درس دهم: ساخت کارت سه بعدی
- درس یازدهم: دکمه کپی متن در Clipboard
- درس دوازدهم: سفارشی سازی Radio Button و Checkbox
- درس سیزدهم: ساخت Toggle Switches
- درس چهاردهم: دکمه نمایش رمز عبور در Input با نوع Password
- درس پانزدهم: نمایش میزان اسکرول شدن صفحه به صورت گرافیکی
- درس شانزدهم: ساخت Tooltip
- درس هفدهم: نمایش متن بر روی عکس به صورت Cutout Text
- درس هجدهم: ساخت Parallax Scrolling
- درس نوزدهم: ساخت اشکال هندسی با CSS
- درس بیستم: ساخت یک لینک دانلود
- درس بیست و یکم: ساخت Scrollbar سفارشی
- درس بیست و دوم: انیمیشن Battery Charging
- درس بیست و سوم: انیمیشن تایپ متن
- درس بیست و چهارم: ساخت ابزار تبدیل واحدهای اندازه گیری مختلف به یکدیگر
- درس بیست و پنجم: تعریف حالت Dark Mode برای وب سایت
- درس بیست و ششم: ساخت افکت روی حرکت ماوس
- درس بیست و هفتم: ساخت Image Hover خلاقانه
- درس بیست و هشتم: حرکت Background در هنگام Scroll
- درس بیست و نهم: ساخت اسلایدر مقایسه عکس
- درس سی ام: ساخت Countdown Timer
مفید برای رشته های
- مهندسی کامپیوتر - نرم افزار
- مهندسی فناوری اطلاعات (IT)
- علوم کامپیوتر
- طراحی سایت
آنچه در این آموزش خواهید دید:
نرم افزارهای مرتبط با آموزش
پیش نمایش‌ها
پیش نمایش ۱:
مقدمه
—
۱ دقیقه
توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.
دانلود مستقیم پیش‌نمایش - حجم ۲ مگابایت (کلیک کنید +)
پیش نمایش ۲:
ساخت یک File Uploader با استایل سفارشی
—
۵ دقیقه
توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.
دانلود مستقیم پیش‌نمایش - حجم ۱۱ مگابایت (کلیک کنید +)
پیش نمایش ۳:
نحوه پیاده سازی Preloader
—
۲ دقیقه
توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.
دانلود مستقیم پیش‌نمایش - حجم ۴ مگابایت (کلیک کنید +)
پیش نمایش ۴:
ساخت Accordion
—
۴ دقیقه
توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.
دانلود مستقیم پیش‌نمایش - حجم ۸ مگابایت (کلیک کنید +)
پیش نمایش ۵:
Password Validation در سمت کلاینت
—
۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۶:
منوی ناوبری گوشه صفحه
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۷:
ساخت Dropdown Menu
—
۱۰ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۸:
گالری عکس به صورت slide show
—
۷ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۹:
ایجاد یک عکس Sticky
—
۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۰:
ساخت کارت سه بعدی
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۱:
دکمه کپی متن در Clipboard
—
۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۲:
سفارشی سازی Radio Button و Checkbox
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۳:
ساخت Toggle Switch
—
۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۴:
دکمه نمایش رمز عبور در Input با نوع Password
—
۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۵:
نمایش میزان اسکرول شدن صفحه به صورت گرافیکی
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۶:
ساخت Tooltip
—
۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۷:
نمایش متن روی عکس به صورت Cutout Text
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۸:
ساخت Parallax Scrolling
—
۱ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۱۹:
ساخت اشکال هندسی با CSS
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۰:
ساخت یک لینک دانلود
—
۱ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۱:
ساخت Scrollbar سفارشی
—
۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۲:
انیمیشن Battery Charging
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۳:
انیمیشن تایپ متن
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۴:
ساخت ابزار تبدیل واحدهای اندازه گیری مختلف به یکدیگر
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۵:
تعریف حالت Dark Mode برای وب سایت
—
۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۶:
ساخت افکت روی حرکت ماوس
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۷:
ساخت Image Hover خلاقانه
—
۴ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۸:
حرکت Background در هنگام Scroll
—
۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۲۹:
ساخت اسلایدر مقایسه عکس
—
۲ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.
پیش نمایش ۳۰:
ساخت Countdown Timer
—
۳ دقیقه
مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.راهنمای تهیه آموزش ها
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش کاربردی HTML5, CSS3, jQuery در طراحی وب - بخش دوم |
|---|---|
| ناشر | فرادرس |
| کد آموزش | FVWEB9904 |
| مدت زمان | ۴ ساعت و ۵۰ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدئویی (کیفیت HD - مورد تایید فنی فرادرس) |
| حجم دانلود | ۶۷۶ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
آموزشهای پیشنهادی و مرتبط
