دوره Css و Javascript کاربردی برای طراحی حرفه ای تر با وردپرس


مبلغ: ۱۹۸ هزارتومان
مدت: ۴ ساعت و ۱۱ دقیقه + ۱۶ دقیقه
مدرس: عرفان پردیسان - هم بنیان گذار آکادمی پرتقالی ها و ایران بی
فرمت: فایل MP4 دانلودی - در ۹ مجموعه قسمت +‌ ۱ قسمت هدیه

آیا وقتش نرسیده که از یک طراح خوب به یک طراح حرفه ای وردپرس تبدیل شوید؟!

اگر می‌خواهید یک قدم جلوتر از بقیه طراح های سایت باشید

و فراتر از طرح های آماده سایت طراحی کنید!

یا تابحال دوست داشتید دستتون توی وردپرس کامل باز باشه

و کارهای سطح بالاتری باهاش انجام بدین

تا سایتی که طراحی می‌کنید منحصر به فرد باشه!


همانطور که می‌دانید برای یک طراح سایت حرفه ای، دانستن Css و Js الزامی است

اما چند نفر پا رو فراتر از کار با دموهای آماده می‌گذارند تا به طراح سایت کاربلد برای کارفرما و دوستان خود تبدیل شوند؟

درنظر بگیرید اطرافیان یا مشتریان شما چطور روی شما حساب می‌کنند اگر شاهد این باشند که سایت هایی طراحی می‌کنید کاملا منحصر به فرد است؟
در اصل شما با مهارت‌هایی که در این دوره پیدا می‌کنید، توانایی لازم برای خلق کردن سایت هایی رو خواهید داشت که شبیه هیچ سایت دیگه ای نیست و کاملا سفارشی شدست. شاید به نظر این کار سختی باشه اما لازمه دیدی که این دوره به شما میده رو در سناریو طراحی خودتون به کار بگیرید تا متوجه تفاوت بشین. ما سعی کردیم در این دوره به دور از ارائه شگردهای یکسان برای همه، راه اجرای شگردی که خود در ذهن دارید را به شما نشان دهیم!


پیش اومده بخواین تغییری رو در جایی از صفحه بدین اما ندونین تنظیمش کجاست؟

مثلا مستقیم بخواین متن یا رنگ یه جا رو تغییر بدین

خیلی این مورد پیش میاد که بخوایم یه تغییری تو صفحه بدیم اما نمی‌دونیم آیا تنظیمی از قبل براش وجود داره یا نه؟ به جای معطل کردن خودمون می‌تونیم راحت کار رو با کمی Css یا Js به راحتی انجام بدیم و کلی زمان ذخیره کنیم.
پس شاید بشه به جای هدر دادن وقت برای گشتن توی تنظیمات موردنظر، همون کار رو با کمی Css یا Js انجام داد!
شاید المانی در صفحه هست که نمیدونین از کجا اومده و چطوری میشه متنش رو تغییر داد یا اصلاح کرد! قالب ها و پلاگین ها میتوانند در صفحه ی شما عناصری اضافه کنند که تنظیمی برای تغییر آن عنصر وجود نداشته باشد یا ما حوصله ی کشف آن را نداشته باشیم. آنگاه خواهیم دید که Css و Javascript کمک حال بسیار مفیدی برای ما خواهند بود!


شاید هم قبلا اقدام به یادگیری Css و js کرده اید

اما یک کار کسل کننده یا حفظ کردنی به نظرتون اومده

همه ی ما می‌دونیم که آموزش های Css و JavaScript داخل اینترنت فراوان موجوده اما با این حال چرا بسیاری هنوز یادش نگرفتن؟ حق دارید اگر بگید موضوع کسل کننده ای هستش! حتی بعضی آموزش ها انقدر بحث رو تئوری و غیرکاربردی ارائه میدن که نظر بسیاری نسبت به Css و Js کاملا به هم میریزه! ما روالی متفاوت رو در این آموزش پیش گرفتیم و همه چیز رو به‌صورت عملی در بستر وردپرس به شما نشون میدیم تا شما با موارد استفاده ی اونها در طراحی های روزمره تون آشنا بشین و در عمل متوجه بشین که کجا کارتون رو بسیار آسون‌تر خواهد کرد.


سرفصل های دوره Css و Javascript کاربردی وردپرس


0

مقدمات JS , Css , Html

  • Html و Css چیست؟ (پیش‌نیاز اختیاری)

    : اگر تابحال اصلا سمت Html و Css نرفته اید یا حتی با مفاهیم ابتدایی وردپرس و فرانت اند و بک اند آشنایی ندارید، اصلا جای نگرانی نیست!

  • آمادگی کار با انواع قالب‌ها و صفحه سازها

    : این دوره فارغ از اینه که از چه قالب وردپرس یا پلاگین صفحه‌سازی استفاده می‌کنید. بنابراین در این قسمت با بررسی قالب‌‌های مختلف، از این موضوع مطمئن می‌شویم.

  • آیا پلاگین یا کار خاصی لازمه؟

    : سوالی که بسیار پیش می‌آید آن است که آیا برای افزودن کدهای Css و Javascript نیازی به استفاده از پلاگین های اضافه هست است؟‌ پاسخ آن بستگی به شما دارد که در این قسمت متوجه آن خواهیم شد.


1

Css Selectors

در اولین بخش از این دوره طی ۳ قسمت ویدئویی مختلف به بحث مهم انتخاب کننده ها یا انتخاب‌گرهای Css می‌پردازیم که در آن قسمت مهمی از اینکه چگونه به یک جای خاص از صفحه برسیم تا بعدا آن را تغییر بدهیم را خواهیم فهمید. در اصل Selectorهای Css پایه و اساس اولیه کار ما در دوره Css و Js کاربردی وردپرس هستند.


2

ترکیب با قالب وردپرس خودمون

  • اولویت استایل‌ها

    : این سوال پیش ‌میاد که استایل و کد موردنظرمون رو کجا اضافه کنیم. آیا بصورت استایل خطی باشه یا Css خارجی؟

  • سناریو طراحی در وردپرس

    : چه موقع بهترست از کد Css و Js استفاده کنیم و چه موقع می‌توانیم با خود تنظیمات قالب، تغییر موردنظر را اعمال کنیم؟ از سوالات مهمی است که در این قسمت به آن ها پی می‌بریم.

  • ترکیب با صفحه‌ساز خودمون

    : ممکنه شما از پلاگین صفحه‌ساز خاصی مانند Muffin Builder، Visual Composer ، Elementor و غیره استفاده کنید. خواهیم دید روال در تمامی ابزار مختلف، یکسان است.


3

کار با Inspect Element

  • انتخاب بهترین گزینه برای استایل

    : ابزار Inspect بهترین دوست و کمک ما در این مسیر خواهد بود و ما می‌بینیم که چطور به کمک آن می‌توانیم بهترین گزینه را انتخاب کنیم.

  • تغییرات زنده

    : آیا دشوار نیست که جدا داخل ویرایشگر کدها را اضافه کنیم و پس از ریلود کردن صفحه تازه مشاهده کنیم که تغییرات چگونه ظاهر می‌شوند؟ ابزار Inspect حتی در ایم مورد نیز بسیار کار ما را آسان‌تر می‌کند.

  • استایل دادن به ووکامرس

    : در این قسمت با مثالی در بستر ووکامرس و سایت فروشکاهی می‌بینیم که چطور می‌توانیم به هر پلاگین جانبی و سومی نیز استایل‌های موردنظر خود را بدهیم و دستمان در تمامی پلاگین‌‌های دیگر نیز باز است.


4

سلام JQuery!

  • JQuery چیست و چه فرقی با Javascript دارد؟

    : در این قسمت با جی کوئری و این که تا چه حد کار ما را در طراحی نسبت به Javascript آسان‌تر کرده، آشنا می‌شویم.

  • به کارگیری JQuery در وردپرس

    : به نحوه به کارگیری جی کوئری در قالب وردپرس خود می‌پردازیم.

  • Eventها در JS

    : در این قسمت با مفاهیم مهمی از Js همچون رویدادها و توابع آشنا می‌شویم.


5

رسیدن به هرکجا که قصد تغییرش را دارید!

در این بخش مهارت کامل را در جا‌به‌جا شدن بین اجزای مختلف صفحه به منظور رنگ‌‌ولعاب دادن به آن‌‌ها پیدا خواهیم کرد. با ترکیب JQuery Traversing و سلکتورهای Css خواهیم دید که در فاز رسیدن، نه تنها استایل بلکه کدهای Js را نیز می‌توانیم به اجزای مختلف صفحه نسبت دهیم.


6

فوت و فن‌های کاربردی CSS

  • مفهوم Box Model

    : از مفاهیم مهم و غیرقابل چشم‌پوشی Css بحث باکس مدل است.

  • Box Shadow

    : با ابزاری آشنا می‌شویم که کار ما را در روند استایل دهی به اجزای صفحه تسهیل می‌کند.

  • Css Gradient

    : استفاده از گرادینت‌‌ها نه تنها در خود تصاویر بلکه در صفحات وب نیز به زیبایی طرح می‌افزاید.

  • ویژگی Display

    : از ویژگی‌های مهم‌تر نسبت به بقیه ویژگی‌های Css خاصیت Display است که حل کننده‌ی بسیاری از مشکلات ما در بحث استایل‌ها است.


7

طراحی Responsive (واکنش‌گرا)

  • عیب‌یابی طراحی سایت در صفحات کوچک

    : با استفاده از ابزاری که خود مرورگرها در اختیارمان قرار می‌دهند، می‌توانیم صفحاتی از سایت‌مان که نیاز به بهبود در صفحات کوچک موبایل را دارند پیدا کنیم. گرچه اکثر قالب‌های وردپرس به عنوان قالبی Responsive کار ما را تا حدودی تسهیل کرده اند اما همچنان صفحات مهم به بهبود نیاز دارند.

  • حل مشکلات واکنش‌گرایی سایت

    : امروزه بحث Responsive به شدت حائز اهمیت است و روزبه‌روز به تاثیرگذاری آن در جذب مخاطبین سایت افزوده می‌شود. مخصوصا برای کسانی که به SEO و گوگل پسند بودن سایت خود اهمیت می‌دهند!


8

فوت و فن‌های کاربردی 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 کاربردی وردپرس

1آیا در این دوره قالب خاصی باید استفاده شود؟ یا مختص کار با قالب خاصی است؟
خیر، این دوره کاملا فارغ از این مسئله تهیه شده که شما از چه قالب وردپرسی استفاده می‌کنید. پس نکات گفته شده برای این دوره در تمامی قالب‌ها قابل استفاده و روال یکسان است.
2من از افزونه‌ صفحه‌ساز خاصی استفاده می‌کنم. این دوره به دردم میخوره؟
قطعا! این دوره حتی فارغ از این مسئله است که شما از چه پلاگین‌هایی برای صفحه‌سازی استفاده می‌کنید. ممکن است شما از Elementor یاVisual Composer یا Muffin Builder و غیره استفاده کنید و خواهیم دید که روال در تمامی آن ها یکسان است.
3آیا این دوره پیش نیاز داره؟
تنها پیش‌نیاز این دوره آشنایی با مفاهیم پایه Html, Css و Javascript است و این که هرکدام چه می‌کنند و حتی بلد بودن آن ها اجباری نیست.
4من حتی با مفاهیم پایه html هم آشنایی ندارم، چه کنم؟
ما ۱ قسمت به صورت هدیه که جزو بدنه ی اصلی دوره هم محسوب نمیشه، در این مورد برای شما قرار داده ایم که به شما کمک می‌کنه اگر کاملا در این زمینه صفر هستید، بتوانید به حد مبتدی (که نیاز این دوره است) برسید. با کمی گشت زدن در سایت W3Schools به راحتی آماده ی شروع دوره خواهید بود.
5آیا در این دوره به افزونه جانبی هم نیاز داریم؟
در بیشتر موارد نیازی به استفاده از افزونه جانبی برای درج کد Css و Js در سایت نیست. اما این مورد بستگی به خود شما دارد. پس ما در قسمت دوم آموزش کامل به این موضوع پرداخته ایم و شما می‌بینید که آیا احتیاج خواهید داشت یا خیر.
6آیا آموزش برای ما ارسال می شود یا به صورت آنلاین می توانم آن را ببینم؟
پس از تهیه دوره، بلافاصله لینک دانلود در اختیار شما قرار می گیرد و می توانید اقدام به دانلود با بالاترین سرعت ممکن بکنید.
7اگر من در طول دوره سوالی داشتم یا به موردی بر خوردم که درست متوجه نشدم، کجا می تونم بپرسم؟
سریع‌ترین راه اینه که همینجا (در همین صفحه) برامون کامنت بذارین و ما تلاش می‌کنیم در اسرع وقت کمکتون کنیم که جواب سوالتون رو پیدا کنید. همچنین از طریق پشتیبانی تلگرام آکادمی پرتقالی‌‌ ها هم می‌تونین سوالتون رو مطرح کنید.
8آیا من می توانم این آموزش رو گروهی و با دوستانم بخرم؟
ما هرگز نمی توانیم متوجه شویم که شما این آموزش را فقط خودتان دیده اید یا آن را با دوستان خود به اشتراک گذاشته اید. اما این وظیفه اخلاقی شماست که در حفظ و نگه داری این آموزش احساس مسئولیت کنید و آن را فقط برای خود نگه دارید. به این ترتیب، ارزش آموزش همیشه حفظ می شود...

چرا باید دوره Css و Js کاربردی وردپرس را تهیه کنیم؟


به جای سردرگمی در دریای بی‌کران آموزش های Css و JavaScript برای طراحی وب، یک بار با این آموزش عملی راه‌حل به کارگیری بهینه Css و Js در وردپرس را که طی تجربه چندساله بدست آمده، استفاده کنید.


برای طراحی حرفه‌ای تر در وردپرس که به کمک دانش Css و Js به آن می‌رسید،‌ نیازی نیست که به استاد تمام در حوزه Css یا Javascript تبدیل شوید و وقت و انرژی خود را صرف آموزش‌های تئوری نمایید! این دوره راه‌کار آنچه برای این کار نیاز دارید را به صورت آموزش عملی به شما نشان می‌دهد.


مبلغی که سرمایه گذاری می‌کنید شاید کمتر از هزینه یک وعده غذا در رستوران با دوستانتان باشد اما با راه‌کارهایی آشنا می‌شوید که استفاده از آن ها باعث می‌شود شما پروژه های بیشتری بگیرید و به مرور چندین برابر آن سود کنید.


ضمانت بازگشت وجه

شما از روزی که این آموزش را می خرید، 30 روز فرصت دارید تا آن را بررسی کنید؛ در صورتی که به هر دلیل با آموزش ارتباط نگرفتید، می توانید کل مبلغ پرداختی خود را از ما پس بگیرید. بنابراین هیچ چیز برای از دست دادن وجود ندارد، یا از مطالب آموزش Css و Js کاربردی برای وردپرس استفاده می‌کنید، یا کل مبلغ پرداختی خود را پس می گیرید.


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

دوره Css و Js کاربردی برای وردپرس

خرید و دانلود دوره - ۱۹۸ هزار تومان

اطلاع‌رسانی ایمیل
خبرم کن
guest
0 دیدگاه
نظر لحظه ای
مشاهده همه نظرات
ورود

هنوز هم شک داری که توی این دوره شرکت کنی؟

همین حالا یک قسمت از این دوره رو کاملا رایگان دریافت کن و استارت طراحی حرفه ای تر در وردپرس رو بزن!
فقط کافیه ایمیلت رو وارد کنی تا فورا برات بفرستیمش!
مشاهده رایگان یک قسمت
close-link