mehral

کارگاه آموزشی طراحی رسپانسیو - بوت استرپ ۳

17 پست در این موضوع قرار دارد

bs.png

بنا به درخواست دوستان مبنی بر آموزش طراحی رسپانسیو ( واکنش گر ) تصمیمی مبنی بر برگزاری کارگاه آموزشی گرفته شد تا به این موضوع به طور کامل پرداخته شود و با حمایت وردپرس پارسی و دوستان دیگر این تصمیم به واقعیت تبدیل شد و قرار شد در روز ۸ آذر ۱۳۹۲ کارگاه آموزشی بوت استرپ ۳ برگزار شود

توضیح مختصر در رابطه با مفاهیم کارگاه :

بوت استرپ یک فریم ورک فرانت اِند به منظور طراحی قدرتمند , حرفه ای و در عین حال ساده می باشد به کمک این فریم ورک شما به راحتی می توانید وب اّپی حرفه ای و واکنش گرا ( رسپانسیو ) طراحی کنید. در این کارگاه ما قصد داریم تمام بخش ها واجزا و همچنین پلاگین ها قدرتمند این فریم ورک رو معرفی و بررسی کنیم و در پایان آموخته ها و بررسی ها را در قالب عملی به کار گیریم ( طراحی یک سایت شخصی - یک فروشگاه اینترنتی - وپ اپ Todo ) .

سر فصل های کارگاه :

  • معرفی و کاربرد طراحی رسپانسیو
  • معرفی بوت استرپ به عنوان یکی از بهترین فریم ورکهای طراحی رسپانسیو
  • * نصب و پیکربندی sublime text 2
  • نصب و پیکربندی برنامه برای کار با بوت استرپ
  • بررسی ساختار سیستم گرید در بوت استرپ
  • CSS - کلاس ها
  • اجزای بوت استرپ
  • جاواسکریپت در بوت استرپ
  • پلاگین ها بوت استرپ

برای ثبت نام و کسب اطلاعات بیشتر به سایت کارگاه مراجعه کنید .


http://bootweek.ir/

post-1230-0-07208100-1384697671_thumb.pn

20

به اشتراک گذاری این پست


لینک به پست

توجه علاقه مندان به شرکت در کارگاه آموزشی بوت استرپ ۳ را به این نکته جلب می نماییم , گروه وردپرس پارسی و چند موسسه دیگر حمایت مالی خود را از برگزاری این کارگاه اعلام نموده اند. لذا شایان ذکر است که هزینه شرکت در کارگاه با تخفیف ویژه برای کاربران وردپرس پارسی ۳۰۰۰۰ تومان می باشد.

12

به اشتراک گذاری این پست


لینک به پست

جای بسی تقدیر و تشکر داره..

اما به فکر شهرستانی ها هم باشید و بعد از دوره حداقل فیلم های آموزشی رو برای دانلود [با پرداخت هزینه] بذارید.. باز هم ممنون

2

به اشتراک گذاری این پست


لینک به پست

با سلام.

شخصا از این جور کلاس های آموزشی استقبال میکنم هر چند که توانایی شرکت درشون رو به دلیل موقعیت مکانی ندارم...

از نظر هزینه کلاس هم بسیار مناسب است

3

به اشتراک گذاری این پست


لینک به پست

واقعا عالیه من که شرکت میکنم و از وردپرس پارسی هم صمیمانه تشکر میکنم ..

فقط یک سوال دارم اعضای این انجمن دارای تخفیف هستند یا اعضای سایت اصلی وردپرس فارسی؟

1

به اشتراک گذاری این پست


لینک به پست

فقط یک سوال دارم اعضای این انجمن دارای تخفیف هستند یا اعضای سایت اصلی وردپرس فارسی؟

عزیز، وقتی توی اینجا بیانیه زده شده، و وقتی اینجا اسپانسر مالی هست، چرا باید اعضای وردپرس فارسی تخفیف رو بگیرند؟ ;)

4

به اشتراک گذاری این پست


لینک به پست

کلا فکر کنم 90 درصد بچه ها نتونند بیان کاش یه فکر اساسی برای ما ها بشه.مخصوصا فیلم و...

3

به اشتراک گذاری این پست


لینک به پست

من چقدر دیر فهمیدم

فقط چند رو نبودما

ثبت نام تکمیل شد؟

0

به اشتراک گذاری این پست


لینک به پست

من چقدر دیر فهمیدم

فقط چند رو نبودما

ثبت نام تکمیل شد؟

ثبت نام آنلاین به اتمام رسیده - ولی شما میتونید اطلاعات زیر رو به ایمیل کارگاه ارسال کنید تا نسبت به صدور کارت و هماهنگی های اولیه ( پذیرایی ) اقدام لازم صورت پذیرد و جهت شرکت در کارگاه در صبح روز جمعه 8 آذر در محل تشکیل کارگاه ، حضورا ثبت نام نمایید.

مشخصات :

نام و نام خانوادگی

ایمیل آدرس

سن

شماره همراه

ایمیل کارگاه :


workshop@bootweek.ir

1

به اشتراک گذاری این پست


لینک به پست

اگر میشد واسه ساعت 10 میذاشتید عالی میشد اینطوری واسه ما شهرستانی ها سخت شد!

باید 4 ساعت توی راه آهن باشیم تا ساعت 8 بشه ...

0

به اشتراک گذاری این پست


لینک به پست

برنامه زمانی اولیه ما ساعت 11 تا 17 بود که متاسفانه زمان خود موسسه 8 تا 13 بود برای همین ساعت توافقی 8.30 تا 13.30 شد.

1

به اشتراک گذاری این پست


لینک به پست

فرصت پیش نیومد تا خبری از برگزاری کارگاه منتشر کنیم ... اما الان فرصتش هست ...

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

بوت استرپ فارسی شده را در آدرس زیر می تونید دانلود کنید علاوه بر فارسی شدن فایلهای سی اس اس , جاوا اسکریپت فایل های less هم فارسی شده ...

مشکلی داشتین اینجا حنما مطرح کنید.


https://github.com/mehral/bootstrap-rtl

3

به اشتراک گذاری این پست


لینک به پست

شما که گفتین اجازه گرفتن ویدئو رو بهتون ندادن !

0

به اشتراک گذاری این پست


لینک به پست

شما که گفتین اجازه گرفتن ویدئو رو بهتون ندادن !

اجازه رو که ندادن .... ولی خوب با همکاری دوستان قرار توی یه استودیو جداگانه آموزش تصویری بگیریم ....

2

به اشتراک گذاری این پست


لینک به پست

خیلی از تهرانی ها هم مثل من نتونستن شرکت کنن

یعنی برای تهرانی ها این فیلم رو نمیدین؟

0

به اشتراک گذاری این پست


لینک به پست

برای فروش بزارید خوب

0

به اشتراک گذاری این پست


لینک به پست

سلام

خاستم بدونم باز هم ممکنه کلاس آموزش بوت استرپ برگزار بشه؟

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط unid_user
      سلام دوستان
      من با بوت استرپ به مشکل خوردم و در حالت های مختلف موبایل درست نمایش نیمده. من قالبم رو اکثرا با position های absolute و relative ساختم و واقعا برای نمایش رسپانسیو به مشکا خوردم.
      ممنون
    • توسط start

      بنام خدا و با سلام.
      در این تاپیک خدمات ریسپانسیو سازی قالب و رفع مشکلات در مورد عدم واکنش گرایی کامل قالب سایت, به شما عزیزان ارائه میشود.

      ریسپانسیو یا واکنش گرا یعنی چی ؟
      در گذشته ی نه چندان دور صفحات سایت تنها متناسب با سایز بزرگ صفحه های نمایش طراحی و پیاده سازی میشدند و همه چیز با دقتی در حد پیکسل ساخته میشد (Pixel Perfect). اما در دنیای امروز که انواع صفحه های نمایش با اندازه های گوناگون, از مانیتورهای 4K گرفته تا لپتاپ و تبلت و گوشی های هوشمند, مورد استفاده قرار میگیرد دیگر خبری از طراحی Pixel Perfect نیست. سایت شما باید به گونه ای باشد که در تمامی نمایشگرها, فارغ از سایز آن, به بهترین شکل نمایش داده شود و این دقیقا سرویسی است که ما خدمت شما ارائه میکنیم.

      چرا ریسپانسیو بودن اهمیت دارد ؟
      اگر به آمار بازدیدکنندگان سایت خودتون مراجعه کنید متوجه خواهید شد که تعداد زیادی از بازدیدکنندگان سایت شما بوسیله گوشی هوشمندشان به سایت شما مراجعه کرده اند و بسیار مهم است که برای این تعداد زیاد از کاربران تجربه ای مناسب از مراجعه به سایت شما رقم بخورد. حتی ریسپانسیو بودن سایت شما برای گوگل هم از اهمیت زیادی برخوردار است و سایت هایی که تجربه ی مناسبی برای کاربران موبایلی فراهم کنند ( اصطلاحا Mobile Friendly ) باشند جایگاه بالاتری در نتایج جستجو خواهند داشت. اهمیت این موضوع باعث شد که اکثریت وب مستران نسبت به این موضوع آگاهی پیدا کرده و نسبت به واکنش گرا کردن قالب وب سایت خود اقدام کنند. اگر شما همچنان از قالب غیر واکنش گرا برای سایت خودتون استفاده میکنید, میتونید هر چه زودتر با اقدام به ریسپانسیو سازی قالب خودتون, جلوی این ضرر رو بگیرید.
      اگر قالب سایت شما در حال حاضر ریسپانسیو نیست، و برای اضافه کردن قابلیت واکنش گرایی به قالب مردد هستید، از شما دعوت میکنم مجددا به این موضوع فکر کنید که در حال حاضر بیش از نیمی از بازدیدکنندگان سایت شما (که شامل کاربران گوشی های هوشمند و تبلت ها هستند)، تجربه ای بسیار بد رو از مراجعه به سایت شما کسب میکنند. وقت برطرف کردن این مشکل رسیده...

      اما چطور ریسپانسیو بودن قالب سایتم رو چک کنم ؟
      شما میتونید به وب سایتی که Google اختصاصا برای این مورد ایجاد کرده مراجعه و سایت خودتون رو تست کنید: ( برای انجام تست لازم هست که از V|P|N استفاده کنید )
      https://www.google.com/webmasters/tools/mobile-friendly/
      بعد از وارد کردن لینک سایت خودتون و کلیک بر روی Analyze, گوگل سایت شما رو چک کرده و یکی از نتایج زیر رو مشاهده خواهید کرد:
       

      اگر با پیام به رنگ سبز (سمت راست) مواجه شدید که همه چیز مرتب است و نیازی به انجام کاری نیست.
      اما اگر پیام قرمز رنگ (سمت چپ) برای شما نمایش داده شد به این معنی است که سایت شما مشکل دارد و هر چه سریع تر باید مشکلات سایت خودتون رو برطرف کنید. شما برای برطرف کردن این مشکلات و ریسپانسیو سازی قالب سایت خودتون میتونید با ما در ارتباط باشید.

      ارتباط از طریق:
      پیغام خصوصی


      موفق باشید,
      و به امید همکاری های بسیار خوب.
       
    • توسط سهراب سپید
      این پوسته رو با توجه به نیازهای خودم درست کردم گفتم اینجا به اشتراک بزارم شاید به کار کسی بیاد
      ویژگی‌ها:
      در ساخت این پوسته هیچ کد جاوا اسکریپت و جی‌کوئری استفده نشده.
      شیوه نامه تنها ۳ کیلوبایت حجم داره.
      واکنش گرا میباشد.

      امتیاز در GTmetrix
      A
      Page Speed Grade:
      (99%)
      A
      YSlow Grade:
      (98%)
      Page load time: 1.41s
      Total page size: 100KB
      Total number of requests: 4
      پیش نمایش
      http://sepid.cloudsite.ir/

      دانلود
      Koochak_minimal.zip
    • توسط سعید شعبانی
      سلام دوستان.
      می خواستم بدونم مراحلی که برای طراحی یک قالب وردپرسی واکنش گرا استفاده می شه چه فرقی با یک قالب عادی داره چون الان آموزش های زیادی برای طراحی قالب وردپرس هست ولی همگی قالب عادی رو آموزش می دهند اما حالا قالب واکنشگرا را دیگه نمیشه کنار گذاشت و باید حتما ازش بهره برد.
      ممنون میشم کامل توضیح بدید