دوره Css و Javascript کاربردی برای طراحی حرفه ای تر با وردپرس
مبلغ: ۱۹۸ هزارتومان
مدت: ۴ ساعت و ۱۱ دقیقه + ۱۶ دقیقه
مدرس: عرفان پردیسان - هم بنیان گذار آکادمی پرتقالی ها و ایران بی
فرمت: فایل MP4 دانلودی - در ۹ مجموعه قسمت + ۱ قسمت هدیه
آیا وقتش نرسیده که از یک طراح خوب به یک طراح حرفه ای وردپرس تبدیل شوید؟!
اگر می‌خواهید یک قدم جلوتر از بقیه طراح های سایت باشید
و فراتر از طرح های آماده سایت طراحی کنید!
یا تابحال دوست داشتید دستتون توی وردپرس کامل باز باشه
و کارهای سطح بالاتری باهاش انجام بدین
تا سایتی که طراحی می‌کنید منحصر به فرد باشه!
همانطور که می‌دانید برای یک طراح سایت حرفه ای، دانستن Css و Js الزامی است
اما چند نفر پا رو فراتر از کار با دموهای آماده می‌گذارند تا به طراح سایت کاربلد برای کارفرما و دوستان خود تبدیل شوند؟
درنظر بگیرید اطرافیان یا مشتریان شما چطور روی شما حساب می‌کنند اگر شاهد این باشند که سایت هایی طراحی می‌کنید کاملا منحصر به فرد است؟
در اصل شما با مهارت‌هایی که در این دوره پیدا می‌کنید، توانایی لازم برای خلق کردن سایت هایی رو خواهید داشت که شبیه هیچ سایت دیگه ای نیست و کاملا سفارشی شدست. شاید به نظر این کار سختی باشه اما لازمه دیدی که این دوره به شما میده رو در سناریو طراحی خودتون به کار بگیرید تا متوجه تفاوت بشین. ما سعی کردیم در این دوره به دور از ارائه شگردهای یکسان برای همه، راه اجرای شگردی که خود در ذهن دارید را به شما نشان دهیم!
پیش اومده بخواین تغییری رو در جایی از صفحه بدین اما ندونین تنظیمش کجاست؟
مثلا مستقیم بخواین متن یا رنگ یه جا رو تغییر بدین
خیلی این مورد پیش میاد که بخوایم یه تغییری تو صفحه بدیم اما نمی‌دونیم آیا تنظیمی از قبل براش وجود داره یا نه؟ به جای معطل کردن خودمون می‌تونیم راحت کار رو با کمی Css یا Js به راحتی انجام بدیم و کلی زمان ذخیره کنیم.
پس شاید بشه به جای هدر دادن وقت برای گشتن توی تنظیمات موردنظر، همون کار رو با کمی Css یا Js انجام داد!
شاید المانی در صفحه هست که نمیدونین از کجا اومده و چطوری میشه متنش رو تغییر داد یا اصلاح کرد! قالب ها و پلاگین ها میتوانند در صفحه ی شما عناصری اضافه کنند که تنظیمی برای تغییر آن عنصر وجود نداشته باشد یا ما حوصله ی کشف آن را نداشته باشیم. آنگاه خواهیم دید که Css و Javascript کمک حال بسیار مفیدی برای ما خواهند بود!
شاید هم قبلا اقدام به یادگیری Css و js کرده اید
اما یک کار کسل کننده یا حفظ کردنی به نظرتون اومده
همه ی ما می‌دونیم که آموزش های Css و JavaScript داخل اینترنت فراوان موجوده اما با این حال چرا بسیاری هنوز یادش نگرفتن؟ حق دارید اگر بگید موضوع کسل کننده ای هستش! حتی بعضی آموزش ها انقدر بحث رو تئوری و غیرکاربردی ارائه میدن که نظر بسیاری نسبت به Css و Js کاملا به هم میریزه! ما روالی متفاوت رو در این آموزش پیش گرفتیم و همه چیز رو به‌صورت عملی در بستر وردپرس به شما نشون میدیم تا شما با موارد استفاده ی اونها در طراحی های روزمره تون آشنا بشین و در عمل متوجه بشین که کجا کارتون رو بسیار آسون‌تر خواهد کرد.
سرفصل های دوره Css و Javascript کاربردی وردپرس
مقدمات JS , Css , Html
Html و Css چیست؟ (پیش‌نیاز اختیاری)
: اگر تابحال اصلا سمت Html و Css نرفته اید یا حتی با مفاهیم ابتدایی وردپرس و فرانت اند و بک اند آشنایی ندارید، اصلا جای نگرانی نیست!
آمادگی کار با انواع قالب‌ها و صفحه سازها
: این دوره فارغ از اینه که از چه قالب وردپرس یا پلاگین صفحه‌سازی استفاده می‌کنید. بنابراین در این قسمت با بررسی قالبهای مختلف، از این موضوع مطمئن می‌شویم.
آیا پلاگین یا کار خاصی لازمه؟
: سوالی که بسیار پیش می‌آید آن است که آیا برای افزودن کدهای Css و Javascript نیازی به استفاده از پلاگین های اضافه هست است؟ پاسخ آن بستگی به شما دارد که در این قسمت متوجه آن خواهیم شد.
Css Selectors
در اولین بخش از این دوره طی ۳ قسمت ویدئویی مختلف به بحث مهم انتخاب کننده ها یا انتخاب‌گرهای Css می‌پردازیم که در آن قسمت مهمی از اینکه چگونه به یک جای خاص از صفحه برسیم تا بعدا آن را تغییر بدهیم را خواهیم فهمید. در اصل Selectorهای Css پایه و اساس اولیه کار ما در دوره Css و Js کاربردی وردپرس هستند.
ترکیب با قالب وردپرس خودمون
اولویت استایل‌ها
: این سوال پیش میاد که استایل و کد موردنظرمون رو کجا اضافه کنیم. آیا بصورت استایل خطی باشه یا Css خارجی؟
سناریو طراحی در وردپرس
: چه موقع بهترست از کد Css و Js استفاده کنیم و چه موقع می‌توانیم با خود تنظیمات قالب، تغییر موردنظر را اعمال کنیم؟ از سوالات مهمی است که در این قسمت به آن ها پی می‌بریم.
ترکیب با صفحه‌ساز خودمون
: ممکنه شما از پلاگین صفحه‌ساز خاصی مانند Muffin Builder، Visual Composer ، Elementor و غیره استفاده کنید. خواهیم دید روال در تمامی ابزار مختلف، یکسان است.
کار با Inspect Element
انتخاب بهترین گزینه برای استایل
: ابزار Inspect بهترین دوست و کمک ما در این مسیر خواهد بود و ما می‌بینیم که چطور به کمک آن می‌توانیم بهترین گزینه را انتخاب کنیم.
تغییرات زنده
: آیا دشوار نیست که جدا داخل ویرایشگر کدها را اضافه کنیم و پس از ریلود کردن صفحه تازه مشاهده کنیم که تغییرات چگونه ظاهر می‌شوند؟ ابزار Inspect حتی در ایم مورد نیز بسیار کار ما را آسان‌تر می‌کند.
استایل دادن به ووکامرس
: در این قسمت با مثالی در بستر ووکامرس و سایت فروشکاهی می‌بینیم که چطور می‌توانیم به هر پلاگین جانبی و سومی نیز استایل‌های موردنظر خود را بدهیم و دستمان در تمامی پلاگین‌‌های دیگر نیز باز است.
سلام JQuery!
JQuery چیست و چه فرقی با Javascript دارد؟
: در این قسمت با جی کوئری و این که تا چه حد کار ما را در طراحی نسبت به Javascript آسان‌تر کرده، آشنا می‌شویم.
به کارگیری JQuery در وردپرس
: به نحوه به کارگیری جی کوئری در قالب وردپرس خود می‌پردازیم.
Eventها در JS
: در این قسمت با مفاهیم مهمی از Js همچون رویدادها و توابع آشنا می‌شویم.
رسیدن به هرکجا که قصد تغییرش را دارید!
در این بخش مهارت کامل را در جا‌به‌جا شدن بین اجزای مختلف صفحه به منظور رنگ‌‌ولعاب دادن به آن‌‌ها پیدا خواهیم کرد. با ترکیب JQuery Traversing و سلکتورهای Css خواهیم دید که در فاز رسیدن، نه تنها استایل بلکه کدهای Js را نیز می‌توانیم به اجزای مختلف صفحه نسبت دهیم.
فوت و فن‌های کاربردی CSS
مفهوم Box Model
: از مفاهیم مهم و غیرقابل چشم‌پوشی Css بحث باکس مدل است.
Box Shadow
: با ابزاری آشنا می‌شویم که کار ما را در روند استایل دهی به اجزای صفحه تسهیل می‌کند.
Css Gradient
: استفاده از گرادینت‌‌ها نه تنها در خود تصاویر بلکه در صفحات وب نیز به زیبایی طرح می‌افزاید.
ویژگی Display
: از ویژگی‌های مهم‌تر نسبت به بقیه ویژگی‌های Css خاصیت Display است که حل کننده‌ی بسیاری از مشکلات ما در بحث استایل‌ها است.
طراحی Responsive (واکنش‌گرا)
عیب‌یابی طراحی سایت در صفحات کوچک
: با استفاده از ابزاری که خود مرورگرها در اختیارمان قرار می‌دهند، می‌توانیم صفحاتی از سایت‌مان که نیاز به بهبود در صفحات کوچک موبایل را دارند پیدا کنیم. گرچه اکثر قالبهای وردپرس به عنوان قالبی Responsive کار ما را تا حدودی تسهیل کرده اند اما همچنان صفحات مهم به بهبود نیاز دارند.
حل مشکلات واکنش‌گرایی سایت
: امروزه بحث Responsive به شدت حائز اهمیت است و روزبه‌روز به تاثیرگذاری آن در جذب مخاطبین سایت افزوده می‌شود. مخصوصا برای کسانی که به SEO و گوگل پسند بودن سایت خود اهمیت می‌دهند!
فوت و فن‌های کاربردی JQuery
مقدار گرفتن و مقدار دهی به اجزای صفحه
: جی کوئری قادر به انجام کارهای خارق‌العاده ای برای ماست که گاهی تنها با یک یا دو خط کد میسر می‌شود!
افزودن و کاستن المان‌های صفحه
: اگر تابحال خواستید المانی به جایی از صفحه اضافه کنید یا کم کنید و پلاگین موردنظر این امکان رو به شما نمي‌داد یا محدود بود، JQuery در این مورد نیز به کمک شما میاد.
چسباندن و جابجایی اجزای صفحه به هرجای دلخواه
: احتمالا برای شما پیش اومده که از جای برخی اجزای صفحه که توسط بقیه پلاگین‌ها ساخته شدن و تنظیمی براش پیدا نکرده‌اید یا وجو نداره، ناراضی باشین. JQuery به ساده‌ترین روش ممکن به کمک شما خواهد اومد!
اعتبارسنجی فرم‌‌ها با JS
: در آخرین قسمت با کاربردهای پیشرفته‌تر و جنبه‌ی برنامه‌نویسی از JS آشنا می‌شویم و در قالب مثال اعتبارسنجی فرم وردپرس با قوانین دلخواه خودمان، به آن می‌پردازیم!
در دوره Css و Js کاربردی وردپرس چی یاد می‌گیریم؟
در این ویدئوی کوتاه همه‌ی سرفصل‌ها و آنچه در این دوره یاد می‌گیریم را بررسی کنید
مخاطب دوره Css و Js کاربردی وردپرس چه کسانی هستند؟
کسانی که به دنبال تبدیل شدن به طراح سایت محبوب مشتریان یا دوستان‌شان هستند
کسانی که قصد حرفه ای تر شدن در کار با قالب‌ها و صفحه‌سازهای وردپرس را دارند
افرادی که می‌خواهند فراتر از طرح های معمولی سایت خود را پیاده سازی کنند
طراحان وبی که می‌خواهند پروژه های بیشتری را انجام دهند
کسانی که از هدر دادن وقت برای گشتن در تنظیمات قالب‌ها و پلاگین‌ها خسته شده اند
افرادی که قصد دارند از امکانات فوق‌العاده Css و JQuery استفاده کنند
افرادی که قصد دارند مهارت خود را در زمینه طراحی سایت به اوج برسانند
افرادی که قصد دارند از طراحی سایت بیشتر کسب در آمد کنند
مخاطب دوره Css و Js کاربردی وردپرس چه کسانی نیستند؟
کسانی که دانش کامل از نحوه ی تلفیق و استفاده Css و Js در وردپرس را دارند
کسانی که از سرعت طراحی سایت خود و تعداد پروژه هایی که می‌گیرند رضایت کامل دارند
افرادی که انگیزه یا اعتقادی به یادگیری روش های جدیدتر یا بهتر ندارند
کسانی که به دنبال استفاده از همه ی امکانات و میانبرهای Css و JQuery نیستند
آنچه در دوره Css و Javascript کاربردی وردپرس می‌آموزید
هر قالب وردپرسی
این دوره فارغ از این که شما از چه قالب وردپرسی استفاده می‌کنید تهیه شده. پس برای کار به صورت کلی در تمامی قالبهای وردپرس قابل استفاده است.
هر افزونه‌ای
مهم نیست از چه پلاگین صفحه‌سازی استفاده می‌کنید. نکات گفته شده در این دوره برای تمامی افزونه‌ها قابل استفاده است و به شما دید کلی می‌دهد.
استفاده از ابزار در طراحی
در بحث Css و Js هم ابزار جالبی وجود دارند که میتوانند کار ما را در طراحی و تولید کد بسیار آسان‌تر کنند.
میانبرها در طراحی
در این دوره سعی شده حتی الامکان از راه‌های کوتاه و ابزار موجود در طراحی استفاده شود تا کدزنی مستقیم توسط خودمان.
طراحی Responsive
طراحی واکنش‌گرا بحثی است که هر روز به اهمیت آن در زمینه جذب مخاطب و SEO گوگل اضافه می‌شود.
کار با JQuery
در بخش Js این دوره با کاربردهای فوق‌العاده‌ی JQuery با هدف «کد کمتر، عملکرد بیشتر» آشنا می‌شویم.
عرفان پردیسان / مدرس دوره
هم بنیان گذار آکادمی پرتقالی ها و ایران بی
مشاور کسب‌و‌کارهای اینترنتی و دیجیتال مارکتینگ
مدرس دوره های طراحی سایت در آکادمی پرتقالی ها
من هم ابتدا (شاید مثل شما) از یادگیری Css و Js فراری بودم! اما فهمیدم که اگر آموزش تئوری‌محور نباشد، قضیه متفاوت خواهد بود.
سوالات متداول دوره Css و Javascript کاربردی وردپرس
چرا باید دوره Css و Js کاربردی وردپرس را تهیه کنیم؟
به جای سردرگمی در دریای بی‌کران آموزش های Css و JavaScript برای طراحی وب، یک بار با این آموزش عملی راه‌حل به کارگیری بهینه Css و Js در وردپرس را که طی تجربه چندساله بدست آمده، استفاده کنید.
برای طراحی حرفه‌ای تر در وردپرس که به کمک دانش Css و Js به آن می‌رسید، نیازی نیست که به استاد تمام در حوزه Css یا Javascript تبدیل شوید و وقت و انرژی خود را صرف آموزش‌های تئوری نمایید! این دوره راه‌کار آنچه برای این کار نیاز دارید را به صورت آموزش عملی به شما نشان می‌دهد.
مبلغی که سرمایه گذاری می‌کنید شاید کمتر از هزینه یک وعده غذا در رستوران با دوستانتان باشد اما با راه‌کارهایی آشنا می‌شوید که استفاده از آن ها باعث می‌شود شما پروژه های بیشتری بگیرید و به مرور چندین برابر آن سود کنید.
ضمانت بازگشت وجه
شما از روزی که این آموزش را می خرید، 30 روز فرصت دارید تا آن را بررسی کنید؛ در صورتی که به هر دلیل با آموزش ارتباط نگرفتید، می توانید کل مبلغ پرداختی خود را از ما پس بگیرید. بنابراین هیچ چیز برای از دست دادن وجود ندارد، یا از مطالب آموزش Css و Js کاربردی برای وردپرس استفاده می‌کنید، یا کل مبلغ پرداختی خود را پس می گیرید.
