دوره Css و Javascript کاربردی برای طراحان حرفه ای قالب بی تم
مبلغ: ۹۸ هزارتومان
مدت: ۲ ساعت و ۵۰ دقیقه + ۱۶ دقیقه
مدرس: عرفان پردیسان - هم بنیان گذار آکادمی پرتقالی ها و ایران بی
فرمت: فایل MP4 دانلودی - در ۱۱ قسمت + ۱ قسمت هدیه
حجم: ۴۷۹ مگابایت rar
آیا وقتش نرسیده که از یک طراح خوب به یک طراح حرفه ای در Betheme تبدیل شوید؟!
اگر می‌خواهید یک قدم جلوتر از بقیه طراح های سایت باشید
و فراتر از طرح های آماده سایت طراحی کنید!
یا تابحال دوست داشتید دستتون توی Betheme کامل باز باشه
و کارهای سطح بالاتری باهاش انجام بدین
تا سایتی که طراحی می‌کنید منحصر به فرد باشه!
همانطور که می‌دانید برای یک طراح سایت حرفه ای، دانستن Css و Js الزامی است
اما چند نفر پا رو فراتر از کار با دموهای آماده می‌گذارند تا به طراح سایت کاربلد برای کارفرما و دوستان خود تبدیل شوند؟
درنظر بگیرید اطرافیان یا مشتریان شما چطور روی شما حساب میکنند اگر شاهد این باشند که سایت هایی طراحی می‌کنید کاملا منحصر به فرد است؟
در اصل شما با مهارت‌هایی که در این دوره پیدا می‌کنید، توانایی لازم برای خلق کردن سایت هایی رو خواهید داشت که شبیه هیچ سایت دیگه ای نیست و کاملا سفارشی شدست. شاید به نظر این کار سختی باشه اما لازمه دیدی که این دوره به شما میده رو در سناریو طراحی خودتون به کار بگیرید تا متوجه تفاوت بشین. ما سعی کردیم در این دوره به دور از ارائه شگردهای یکسان برای همه، راه اجرای شگردی که خود در ذهن دارید را به شما نشان دهیم!
پیش اومده بخواین تغییری رو در جایی از صفحه بدین اما ندونین تنظیمش کجاست؟
مثلا مستقیم بخواین متن یا رنگ یه جا رو تغییر بدین
خیلی این مورد پیش میاد که بخوایم یه تغییری تو صفحه بدیم اما نمی‌دونیم آیا تنظیمی از قبل براش وجود داره یا نه؟ به جای معطل کردن خودمون می‌تونیم راحت کار رو با کمی Css یا Js به راحتی انجام بدیم و کلی زمان ذخیره کنیم.
پس شاید بشه به جای هدر دادن وقت برای گشتن توی تنظیمات موردنظر، همون کار رو با کمی Css یا Js انجام داد!
شاید المانی در صفحه هست که نمیدونین از کجا اومده و چطوری میشه متنش رو تغییر داد یا اصلاح کرد! قالب ها و پلاگین ها میتوانند در صفحه ی شما عناصری اضافه کنند که تنظیمی برای تغییر آن عنصر وجود نداشته باشد یا ما حوصله ی کشف آن را نداشته باشیم. آنگاه خواهیم دید که Css و Javascript کمک حال بسیار مفیدی برای ما خواهند بود!
شاید هم قبلا اقدام به یادگیری Css و js کرده اید
اما یک کار کسل کننده یا حفظ کردنی به نظرتون اومده
همه ی ما می‌دونیم که آموزش های Css و JavaScript داخل اینترنت فراوان موجوده اما با این حال چرا بسیاری هنوز یادش نگرفتن؟ حق دارید اگر بگید موضوع کسل کننده ای هستش! حتی بعضی آموزش ها انقدر بحث رو تئوری و غیرکاربردی ارائه میدن که نظر بسیاری نسبت به Css و Js کاملا به هم میریزه! ما روالی متفاوت رو در این آموزش پیش گرفتیم و همه چیز رو در عمل روی خود Betheme به شما نشون میدیم تا شما با موارد استفاده ی اونها در طراحی های روزمره تون آشنا بشین و در عمل متوجه بشین که کجا کارتون رو بسیار آسون‌تر خواهد کرد.
سرفصل های دوره Css و Js کاربردی Betheme
Html و Css چیست؟ (پیشنیاز اختیاری)
اگر تابحال اصلا سمت Html و Css نرفته اید یا حتی با مفاهیم ابتدایی وردپرس و فرانت اند و بک اند آشنایی ندارید، اصلا جای نگرانی نیست! با اینکه این دوره درخصوص این مباحث نیست، اما در این قسمت که به عنوان هدیه برای شما قرار داده ایم، به شما دید لازم موردنیاز را برای آغاز نشان می‌دهیم تا به راحتی برای شروع دوره آماده باشید.
Css Selectors
در اولین قسمت از دوره که تنها قسمت تئوری دوره است، به بحث مهم انتخاب کننده ها یا انتخاب‌گرهای Css میپردازیم که در آن قسمت مهمی از اینکه چگونه به یک جای خاص از صفحه برسیم تا بعدا آن را تغییر بدهیم را خواهیم فهمید.
پلاگین یا کار خاصی لازمه؟
سوالی که بسیار پیش می‌آید آن است که آیا برای افزودن کدهای Css و Javascript نیازی به استفاده از پلاگین های اضافه هست یا خیر؟ پاسخ آن بستگی به شما دارد. در این قسمت متوجه خواهیم شد که آیا به پلاگین سومی نیاز است یا نه.
سناریو طراحی با Betheme
چه موقع بهترست از کد Css و Js استفاده کنیم و چه موقع می‌توانیم با خود تنظیمات قالب، تغییر موردنظر را اعمال کنیم؟ شاید یکی از شک هایی که در طراحی داشته باشیم، همین موضوع باشد. همچنین چطور می‌توانیم کدهای Css را به صفحه ساز Betheme مربوط کنیم؟ از سوالات مهمی است که در این قسمت به آن ها پی می‌بریم!
کار با Inspect Element
مهمترین ابزاری که به شدت کار ما را در بازی با Html و Css آسان‌تر و سریع‌تر می‌کند، ابزار فوق‌العاده ی Inspect است که در خود مرورگرهای ما موجود است و با استفاده از آن حتی می‌توانیم تغییرات را به صورت زنده مشاهده کنیم.
سلام JQuery!
حالا وقت آشنایی با دنیای زیبای Javascript است! و ما برای این کار از کتابخانه فوق‌العاده ی JQuery استفاده می‌کنیم. این کتابخانه کد شاید سخت جاوا اسکریپت را به حدی آسان و خلاصه نموده که باور نخواهید کرد چطور با یک خط کد می‌توان چنان کارهای مطلوبی را انجام داد.
به هر جایی از صفحه که می‌خواهید، برسید!
در این قسمت با ترکیب Css و JQuery می‌بینیم که قدرتی خواهیم داشت که به هر نقطه از صفحه که قصد تغییر آن را داریم، چطور می‌توانیم به راحتی برسیم! بعد از آن که به آنجا رسیدیم، بیشتر مسئله حل شده است، چراکه پس از آن هر تغییری که مایل باشیم را نیز می‌توانیم بدهیم!
استایل های کاربردی در بی تم
حال که می‌دانیم چطور به هرجای صفحه که می‌خواستیم برسیم، زمان آن است که تغییرات موردنظر را اعمال نماییم. در این قسمت با چند استایل که در فاز تغییر نقش مهمتری بازی میکنند، بیشتر آشنا می‌شویم که شامل Css Box Model و تنظیمات پس زمینه بلوک ها در قالب بی تم می‌باشد.
سفارشی سازی بیشتر به کمک Betheme
استایل‌هایی هستند که به کمک قالب Be بسیار راحت‌تر قابل اجرا هستند و بسیار مورد سوال کاربران بوده اند که ما در این قسمت به آن ها میپردازیم که سفارشی کردن فونت تنها یک عنصر (استفاده از فونت دوم) و آیکون‌های پیش‌فرض بی تم که طراحی ما رو بسیار زیباتر میکنند، در آن هستند.
فوت و فن های کاربردی JQuery 1
حال وقت آن است که با کاربردهای شگفت انگیز jQuery آشنا شویم! برای آنکه بحث شیرین‌تر شود، فنون آن را در قالب حل کردن چند مسئله بررسی می‌کنیم که شاید هر طراح وبی با دانستن آن متوجه این موضوع شود که چقدر طراحی سایت را بهتر می‌تواند اجرا کند.
فوت و فن های کاربردی 2 JQuery
تا به حال شده بخواهید متن یا ویژگی یک عنصر در صفحه را تغییر بدهید و یا چیزی به آن اضافه کنید؟ یا اینکه بخواهید یک عنصر را در صفحه جای دیگری قرار دهید اما نمی‌دانید که چطور؟ شاید برایتان جالب باشد که بدانید در JQuery با یک یا دو خط کد می‌توانید این کارها را به سادگی انجام دهید.
کاربردهای پیشرفته تر JQuery
در قسمت پایانی با نگاهی اجمالی به یک مثال پیشرفته تر از کاربردهای Jquery متوجه این موضوع می‌شویم که پتانسیل انجام چه کارهای بیشتری را برای ما می‌تواند داشته باشد تا درصورت علاقه به ادامه یادگیری Jquery، این مطلب برای مخاطب روشن‌تر نیز باشد.
مخاطب دوره Css و Js کاربردی Betheme چه کسانی هستند؟
کسانی که به دنبال تبدیل شدن به طراح سایت محبوب مشتریان یا دوستان‌شان هستند
افرادی که قصد دارند از امکانات فوق‌العاده قالب بی تم نهایت استفاده را بکنند
افرادی که می‌خواهند فراتر از طرح های معمولی سایت خود را پیاده سازی کنند
طراحان وبی که می‌خواهند پروژه های بیشتری را انجام دهند
کسانی که از هدر دادن وقت برای گشتن در تنظیمات قالب‌ها و پلاگین‌ها خسته شده اند
کسانی که قصد حرفه ای شدن در کار با قالب Betheme را دارند
افرادی که قصد دارند مهارت خود را در زمینه طراحی سایت به اوج برسانند.
افرادی که قصد دارند از طراحی سایت بیشتر کسب در آمد کنند
مخاطب دوره Css و Js کاربردی Betheme چه کسانی نیستند؟
کسانی که دانش کامل از نحوه ی تلفیق Css و Js در قالب Betheme را دارند
کسانی که از سرعت طراحی سایت خود و تعداد پروژه هایی که می‌گیرند رضایت کامل دارند
افرادی که انگیزه یا اعتقادی به یادگیری روش های جدیدتر یا بهتر ندارند
کسانی که به دنبال استفاده از همه ی امکانات و میانبرهای بی تم نیستند
عرفان پردیسان / مدرس دوره
هم بنیان گذار آکادمی پرتقالی ها و ایران بی
مشاور کسب‌و‌کارهای اینترنتی و دیجیتال مارکتینگ
مدرس دوره های طراحی سایت در آکادمی پرتقالی ها
من هم (شاید مثل شما) از یادگیری Css و Js فراری بودم! اما فهمیدم که اگر آموزش تئوری‌محور نباشد، قضیه متفاوت خواهد بود.
سوالات متداول دوره Css و Js کاربردی Betheme
چرا باید دوره Css و Js کاربردی Betheme را تهیه کنیم؟
به جای سردرگمی در دریای بی‌کران آموزش های Css و JavaScript برای طراحی وب، یک بار با این آموزش عملی راه‌حل به کارگیری Css و Js در قالب بی را که طی تجربه چندساله بدست آمده، استفاده کنید
برای بهره بردن از تمامی امکانات و توانایی های قالب بی تم که به کمک دانش Css و Js به آن می‌رسید، نیازی نیست که به استاد تمام در حوزه Css یا js تبدیل شوید و وقت و انرژی خود را صرف آموزش های تئوری دیگر نمایید! این دوره راه‌کار آنچه برای اینکار نیاز دارید را به صورت عملی در Betheme به شما نشان می‌دهد.
مبلغی که سرمایه گذاری می‌کنید شاید کمتر از هزینه یک وعده غذا در رستوران با دوستتان باشد اما با راه‌کارهایی آشنا می‌شوید که استفاده از آن ها باعث می‌شود شما پروژه های بیشتری بگیرید و به مرور چندین برابر آن سود کنید.
ضمانت بازگشت وجه
شما از روزی که این آموزش را می خرید، 30 روز فرصت دارید تا آن را بررسی کنید؛ در صورتی که به هر دلیل با آموزش ارتباط نگرفتید، می توانید کل مبلغ پرداختی خود را از ما پس بگیرید. بنابراین هیچ چیز برای از دست دادن وجود ندارد، یا از مطالب آموزش Css و Js کاربردی قالب بی تم استفاده می‌کنید، یا کل مبلغ پرداختی خود را پس می گیرید...
سلام و خسته نباشیذ. دوره خوبی بود .. اگه امکانش هست یه دوره هم ضبط کنید که کل قالب های وردپرسی رو پوشش بده که در کار هم بببینیم …
سلام و درود. ممنون بابت اعلام نظرتون. فکر بسیار خوبیه و اتفاقا خودم هم به فکرش بودم! احتمالا در آینده یک دوره جامع Css و Js برای وردپرس در آکادمی پرتقالی‌ها منتشر کنیم که درخواست شما رو هم دربر می‌گیره. موفق باشید
با سلام خدمت شما و تشکر از سایت خوبتون
من به تازگی با سایت شما آشنا شدم و در حال پیگیری آموزش های شما و استاد رحمت پور هستم
یه سوال واسم پیش اومده
اینکه مباحثی که در هر جلسه تدریس میشن رو چجوری باید تمرین کرد ؟
ممنون میشم اگه بگید بهترین روش تمرین این مباحث چی و چگونه هست؟
سلام و درود خدمت شما، امیدوارم که آموزش‌‌ها به کارتون بیاد..
ما توی این دوره سعی کردیم در هر جلسه به مباحثی بپردازیم که کاربر بی تم ممکنه با اونها دائما روبرو بشه. یعنی فقط کافیه روی سایتی که دارین طراحی می‌کنین، مباحث رو در عمل پیاده‌سازی کنید و این بهترین راه تمرینش می‌تونه باشه.
موفق باشید
سلام،توی این دوره راجع به کار با css صفحه ساز هم صحبت کردین؟ مثلا صفحه ای رو که با مافین بیلدر می سازیم رو چجوری بهش css بدیم که بشه اونجوری که ما میخوایم؟
ممنونم
سلام به شما
بله این دوره کاملا بر بستر قالب Be ضبط شده و عملا روی اون و صفحه سازش، همه ی این کارهارو انجام میدیم. مخصوصا به موردی که فرمودین هم در این دوره کامل میپردازیم تا ابهامی در تلفیق css و js با صفحه ساز قالب بی تم نمونه.
موفق باشید
سلام خسته نباشید
ممنون بابت اموزش هاتون واقعا مفهوم رو کامل میرسونید
یکی سوال برای من پیش اومده
بهتره توی html به عکس ها سایز داد یا توی css؟
سلام و درود، خوشحالم که این آموزش به کارت اومده…
توی html هم میشه اما پیشنهاد می‌کنم از Css استفاده کنی، چراکه مثلا میتونی برای اندازه های مختلف پنجره هم در دستگاه های مختلف، به اندازه های مختلف تنظیمش کنی.