آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت هجده
پروژه دوازدهم: Slider
اگر براتون تا الان سوال بوده که چطور باید بدون استفاده از فریم ورک یا پلاگین jQuery اسلایدر بسازیم، باید بگم این سوال شما در آخرین پروژه این آموزش جی کوئری پاسخ داده خواهد شد. در این پروژه بدون استفاده از هیچ کد بیرونی و با کمک گرفتن از css و jquery یک اسلایدر حرفه ای می سازیم که هم دارای caption هست و هم دکمه ی بعدی و قبلی داره.

این پروژه، دید شمارو نسبت به کدنویسی jQuery و Javascript باز میکنه و از شما یک ui کار خفن میسازه
➖➖➖➖
#JQuery #Javascript
🆔

آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت هفدهم
پروژه یازدهم: انیمیشن هنگام اسکرول ( پارالاکس )
یکی از مفیدترین و بهترین پروژه های آموزش جی کوئری که باعث میشه تسلط بسیار زیادی به jquery پیدا کنید. در این آموزش ما کاری می کنیم که هنگام اسکرول صفحه به پایین، تصاویر ما به ترتیب بعد از یک بازه زمانی مشخص با یک انیمیشن زیبا از حالت مخفی بیرون بیان و نمایش داده بشن.

کاری که در این پروژه انجام میدیم بهش پارالاکس ( Parallax ) هم میگن که بسیار محبوبه و این روزها زیاد در صفحات وب ازش استفاده میشه

➖➖➖➖
#JQuery #Javascript
🆔

آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت شانزده
پروژه دهم: Accordion Menu
منو اکوردیون پروژه ای که برای این آموزش جی کوئری در نظر گرفتیم. معمولا از Accordion برای سوالات متداول استفاده میشه

➖➖➖➖
#JQuery #Javascript
🆔

آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت پانزده
پروژه نهم: Tab Menu

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

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت چهارده
💡پروژه پنجم : جملات تصادفی (قسمت دوم )

در این پروژه 10 جمله داریم که به ترتیب با کلیک روی دکمه “بعدی” جملات بعدی رو نمایش میدیم و با کلیک روی دکمه “قبلی” جملات قبلی رو نمایش خواهیم داد. و نکته مهم این پروژه اینه که در صورتی که به جمله اول برسیم دکمه قبلی غیرفعال میشه و در صورتی که به جمله آخر برسیم هم دکمه بعدی غیرفعال میشه
➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت سیزدهم
💡پروژه هفتم (قسمت دوم) : منو مخفی ریسپانسیو
در این پروژه یاد می گیرید که چطور یک منو مخفی طراحی کنیم که با کلیک روی آیکن nav در رزولوشن های کوچک نمایش داده بشه و در رزولوشن های بزرگ کاملا مخفی بشه.

این پروژه به شما کمک میکنه به راحتی منوها، لیست ها و لینک های سایت خودتون رو ریسپانسیو و واکنش گرا کنید

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت دوازدهم
💡پروژه هشتم: Modal

در این پروژه میخوایم یاد بگیریم که چطور زمانی که روی یک لینک کلیک می کنیم، مدال از بالا به پایین برای ما باز بشه و زمانی که روی هر قسمت به غیر از Modal کلیک می کنیم، از سمت پایین به بالا بره و بسته بشه

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت یازدهم
💡پروژه هفتم : منو مخفی ریسپانسیو
در این پروژه یاد می گیرید که چطور یک منو مخفی طراحی کنیم که با کلیک روی آیکن nav در رزولوشن های کوچک نمایش داده بشه و در رزولوشن های بزرگ کاملا مخفی بشه.

این پروژه به شما کمک میکنه به راحتی منوها، لیست ها و لینک های سایت خودتون رو ریسپانسیو و واکنش گرا کنید

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت دهم
💡پروژه ششم : Tooltip

تولتیپ در واقع متنی هست که شما زمانی که روی تصویر و یا متنی کلیک می کنید برای شما در قالب یک باکس فلش دار باز میشه! از تولتیپ جاهای مختلفی استفاده می کنند مثلا برای اینکه title یک تصویر یا لینک رو به شما نمایش بدن. و یا توضیحاتی اضافه در رابطه با یک متن یا تصویر رو ارائه کنن.

در این پروژه کاربردی با کمک گرفتن از css3 و استفاده از jQuery یک تولتیپ خیلی زیبا و انعطاف پذیر طراحی خواهیم کرد
➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت نهم
💡پروژه پنجم : جملات تصادفی

در این پروژه 10 جمله داریم که به ترتیب با کلیک روی دکمه “بعدی” جملات بعدی رو نمایش میدیم و با کلیک روی دکمه “قبلی” جملات قبلی رو نمایش خواهیم داد. و نکته مهم این پروژه اینه که در صورتی که به جمله اول برسیم دکمه قبلی غیرفعال میشه و در صورتی که به جمله آخر برسیم هم دکمه بعدی غیرفعال میشه
➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت هشتم
💡پروژه چهارم: منو چسبان
یکی از بیشترین چیزهایی که ممکنه مشتریان از شما بخوان، اینه که هنگام اسکرول، منویی که در هدر صفحه قرار داره به پایین هدایت بشه و زمانی که اسکرول کردید به سمت بالا و به هدر رسیدید مجدد منو شما به سر جای اصلی خودش برگرده.
این پروژه یکی از کاربردی ترین پروژه هایی هست که شما حداقل در چندین پروژه با اون برخورد خواهید داشت

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت هفتم
💡پروژه سوم: Search Box مخفی-قسمت دوم

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت هفتم
💡پروژه سوم: Search Box مخفی

در این پروژه ما با استفاده از FontAwesome از آیکن سرچ برای باکس جستجو استفاده کردیم و زمانی که روی اون کلیک میکنیم، یک Search Box بالای اون ظاهر می کنیم. در این حالت آیکن سرچ ما تبدیل به آیکن close یا همون بستن میشه که وقتی مجدد روی اون کلیک می کنیم، Search Box ما مخفی میشه
➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت ششم
💡پروژه دوم : پروژه پیاده سازی زیرمنو ( submenu )

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

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت پنجم :
💡پروژه اول: روشن و خاموش شدن لامپ با استفاده از jQuery

💢در این پروژه ما دکمه ای رو قرار میدیم که با هر بار کلیک روی اون، تصویر پایین دکمه که تصویر یک لامپ خاموش هست، بعد از کلیک اول روشن میشه و مجدد با کلیک دوم خاموش میشه. در واقع ما دو تصویر مختلف رو فراخوانی کردیم که با هر بار کلیک، جابجا میشن. همچنین متن روی دکمه با هر بار کلیک تغییر میکنه.

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت چهارم : مقدمه ای بر جی کوئری -بخش دوم

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت سوم : مقدمه ای بر جی کوئری

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت دوم : مقدمه ای بر جاوااسکریپت - بخش دوم

➖➖➖➖
#JQuery #Javascript
🆔

🔸آموزش پروژه محور JQuery
🔹مدرس : محمدرضا الطافی
🔸قسمت اول : مقدمه ای بر جاوااسکریپت

➖➖➖➖
#JQuery #Javascript
🆔

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

#مقاله #فیشینگ #امنیت

🆔

💢فایلهای تمرین مربوط به آموزش ایجاد رقصنده در جنگل

#فتوشاپ
🆔