عنوان دوره :

آموزش کامل Flexbox

مدرس دوره : حسام موسوی

کارمو با طراحی گرافیکی شروع کردم و حدود 2 سال طراحی گرافیکی میکردم بعد به طراحی وب علاقه پیدا کردم و همراه طراحی وب عاشق کدنویسی شدم به PHP | sass | css | Jquery | javaScript تسلط کامل دارم . در بین فریم ورک های PHP اول با CodeIgniter کار کردم اما به laravel علاقه مند شدم و دارم بطور حرفه ای دنبالش میکنم . امید من اینکه بتونم کاربرهای ایرانی رو به دنیای بیرون متصل کنم تا بتونن از فناوری های تازه آگاهی داشته باشن

  • تاریخ آخرین آپدیت : ۲۸ مهر ۱۳۹۵
  • وضعیت دوره : تکمیل دوره
  • تعداد قسمت ها : 12

توضیحات :

فلکس باکس یا بگذارید بهتر بگوییم Flexbox، مجموعه ای از دستورات یا یک ماژول به حساب می آید که طراحان با استفاده از آنها میتوانند Layoutهای قابل انعطاف یا به نوعی شناور را به راحتی درست کنند که پیچیدگی های سیستم های دیگر را به شدت کاهش میدهد. امروزه یادگیری Flexbox به یکی از الزامات طراحی وب تبدیل شده است . در این دوره ابتدا تمام Property های موجود در Flexbox را تک به تک به شما خواهم گفت و بعد از یادگیری این Property ها شروع به ایجاد پروژهای مختلف خواهیم کرد تا شما بصورت کامل با Flexbox در این دوره آشنا شوید و در پروژه های بعدی خود از ان استفاده کنید . لازمه شروع این دوره آشنای کامل با css است

 

 

طرح سوال در مورد این دوره

ثبت دیدگاه شما
  • محمد امین

    سلام و خسته نباشید
    اول اینکه ممنون از زحماتی که کشیدید و این فیلم های خوب رو تهیه کردید، بسیار لذت بردم
    دوم یک سوالی برام به وجود اومده :
    بنده الان یه مقدار سردرگم شدم که از bootstrap استفاده کنم یا flex box
    ممنون میشم کمی در این مورد توضیح بدید

    • حسام موسوی

      خود flexbox یک فناوریه شما میتونید از bootstrap 4 استفاده کنید و flexbox رو داخلش فعال کنید و بر اساس flexbox در بوت استرپ کار کند

  • احسان

    سلام . ممنون از آموزش های خوبتون . یه سوال داشتم چطور شما اسم کلاس رو مینویسید در phpstrom ,و برنامه های مشابه و به صورت خودکار کدتون کامل میشه ؟ مثلا row. دیگه div و بقیه چیزها به صورت خودکار کامل میشه ؟

    • حسام موسوی

      این مورد در ویرایشگرهای کد پیشرفته وجود داره و اسمش هم emmet هست

بخشی از چیزهای که خواهید آموخت :

  • آموزش Layout بندی
  • ایجاد Flex-container ها
  • ایجاد Flex-item ها
  • کار با flex-direction
  • کار با flex-grow
  • کار با flex-shrink
  • کار با justify-content
  • کار با align-items