• همه دسته بندی ها
  • تحصیلی
  • برنامه نویسی و IT
  • زبان های خارجی
  • مهندسی
  • علوم پایه و پزشکی
  • علوم انسانی
  • هنر
  • مدیریت و کسب و کار
  • مالی و سرمایه گذاری
  • تربیت بدنی
اولین موتور جستجوی آموزشی در ایران
در دنیای HTML و CSS که نمایش محتوی را به عهده دارند همیشه یک موضوع, سختی و پیچیدگی خاص خود را داشته و آن هم صفحه آرایی است. به عنوان مثال اگر شما بخواهید یک صفحه برای نمایش یک ستونی یا دو ستونی از عکس ها را داشته باشید با مشکل چندانی رو به رو نیستید ولی برای صفحه آرایی های چند ستونه ی تودرتو قطعا با دردسرهای مختلفی مواجه خواهید شد و همچنین یکسان سازی صفحه آرایی صورت گرفته در مرورگرهای مختلف کار شما را پیچیده تر می کند. اگر با صفحه آرایی امروزی آشنا باشید قطعا با مشکل Float که به وسیله تکنیک Clearfix حل می شود دست و پنجه نرم کرده اید و حتی از مشکل whitespace که در صفحه آرایی با inline-block به وجود می آید آگاهی دارید. خبر خوب اینکه CSS3 ماژولی برای صفحه آرایی دارد که نه تنها مشکلات قبلی را کنار می زند بلکه ویژگی های بسیار چشم گیر و کاربردی را فراهم می کند. این ماژول Flexible Box یا Flexboxنام دارد.

فایل های سرفصل 1

شروع دوره flex
شروع دوره flex (رایگان)
حجم فایل: 21 مگابایت و 400 کیلوبایت مدت زمان: 8 دقيقه و 59 ثانيه
آموزش display :flex و ریسپانسیو کردن عکس
آموزش display :flex و ریسپانسیو کردن عکس (رایگان)
حجم فایل: 18 مگابایت و 660 کیلوبایت مدت زمان: 6 دقيقه و 41 ثانيه
آشنایی با direction-flex
آشنایی با direction-flex (رایگان)
حجم فایل: 24 مگابایت و 520 کیلوبایت مدت زمان: 7 دقيقه و 54 ثانيه
آموزش flex flow و flex wrap
آموزش flex flow و flex wrap (رایگان)
حجم فایل: 14 مگابایت و 800 کیلوبایت مدت زمان: 5 دقيقه و 49 ثانيه
آشنایی با justify-content
آشنایی با justify-content (رایگان)
حجم فایل: 19 مگابایت و 390 کیلوبایت مدت زمان: 8 دقيقه و 1 ثانيه
مروری بر جلسه قبل و بررسی align-items
مروری بر جلسه قبل و بررسی align-items (رایگان)
حجم فایل: 10 مگابایت و 790 کیلوبایت مدت زمان: 4 دقيقه و 39 ثانيه
ادامه بررسی align-items
ادامه بررسی align-items (رایگان)
حجم فایل: 10 مگابایت و 690 کیلوبایت مدت زمان: 5 دقيقه و 10 ثانيه
بررسی aling-content
بررسی aling-content (رایگان)
حجم فایل: 12 مگابایت و 650 کیلوبایت مدت زمان: 5 دقيقه و 56 ثانيه
بررسی order
بررسی order (رایگان)
حجم فایل: 9 مگابایت و 610 کیلوبایت مدت زمان: 4 دقيقه و 5 ثانيه
بررسی flex-grow
بررسی flex-grow (رایگان)
حجم فایل: 6 مگابایت و 840 کیلوبایت مدت زمان: 3 دقيقه
بررسی اخرین دستورات مربوط به flex
بررسی اخرین دستورات مربوط به flex (رایگان)
حجم فایل: 10 مگابایت و 380 کیلوبایت مدت زمان: 4 دقيقه و 51 ثانيه

فایل های سرفصل 2

شروع ساخت پروژه با flex
شروع ساخت پروژه با flex (رایگان)
حجم فایل: 32 مگابایت و 940 کیلوبایت مدت زمان: 13 دقيقه و 42 ثانيه
ساخت منو و استفاده از آیکون ها
ساخت منو و استفاده از آیکون ها (رایگان)
حجم فایل: 41 مگابایت و 160 کیلوبایت مدت زمان: 15 دقيقه و 6 ثانيه
فول ریسپانس سازی منو با flex و media query
فول ریسپانس سازی منو با flex و media query (رایگان)
حجم فایل: 18 مگابایت و 10 کیلوبایت مدت زمان: 8 دقيقه و 20 ثانيه
ساخت Parallax وب سایت
ساخت Parallax وب سایت (رایگان)
حجم فایل: 22 مگابایت و 180 کیلوبایت مدت زمان: 8 دقيقه و 17 ثانيه
ساخت slogan و انمیشن سازی آن
ساخت slogan و انمیشن سازی آن (رایگان)
حجم فایل: 22 مگابایت و 770 کیلوبایت مدت زمان: 10 دقيقه و 14 ثانيه
ریسپانسیو کردن parallax با flex
ریسپانسیو کردن parallax با flex (رایگان)
حجم فایل: 16 مگابایت و 780 کیلوبایت مدت زمان: 5 دقيقه و 41 ثانيه
ساخت about وب سایت
ساخت about وب سایت (رایگان)
حجم فایل: 32 مگابایت و 590 کیلوبایت مدت زمان: 11 دقيقه و 12 ثانيه
ادامه ساخت about
ادامه ساخت about (رایگان)
حجم فایل: 26 مگابایت و 730 کیلوبایت مدت زمان: 10 دقيقه و 30 ثانيه
انیمیشن سازی about
انیمیشن سازی about (رایگان)
حجم فایل: 23 مگابایت و 470 کیلوبایت مدت زمان: 7 دقيقه و 47 ثانيه
ساخت بخش tv وب سایت
ساخت بخش tv وب سایت (رایگان)
حجم فایل: 15 مگابایت و 280 کیلوبایت مدت زمان: 5 دقيقه و 5 ثانيه
ادامه ساخت بخش tv وب سایت
ادامه ساخت بخش tv وب سایت (رایگان)
حجم فایل: 31 مگابایت و 480 کیلوبایت مدت زمان: 12 دقيقه و 16 ثانيه
تنظیم content های داخل بخش tv
تنظیم content های داخل بخش tv (رایگان)
حجم فایل: 27 مگابایت و 450 کیلوبایت مدت زمان: 11 دقيقه و 31 ثانيه
قرار دادن عکس های داخل بخش tv
قرار دادن عکس های داخل بخش tv (رایگان)
حجم فایل: 50 مگابایت و 650 کیلوبایت مدت زمان: 16 دقيقه و 14 ثانيه
برداشت عکس های مورد نیاز
برداشت عکس های مورد نیاز (رایگان)
حجم فایل: 28 مگابایت و 840 کیلوبایت مدت زمان: 7 دقيقه و 11 ثانيه
ساخت بخش محصولات وب سایت
ساخت بخش محصولات وب سایت (رایگان)
حجم فایل: 38 مگابایت و 310 کیلوبایت مدت زمان: 12 دقيقه و 18 ثانيه
ساخت content های داخل products
ساخت content های داخل products (رایگان)
حجم فایل: 36 مگابایت و 990 کیلوبایت مدت زمان: 13 دقيقه و 7 ثانيه
ساخت بخش products (قسمت دوم )
ساخت بخش products (قسمت دوم ) (رایگان)
حجم فایل: 37 مگابایت و 640 کیلوبایت مدت زمان: 12 دقيقه و 11 ثانيه
ساخت بخش products (قسمت سوم )
ساخت بخش products (قسمت سوم ) (رایگان)
حجم فایل: 42 مگابایت و 730 کیلوبایت مدت زمان: 13 دقيقه و 26 ثانيه
ادامه ساخت بخش products
ادامه ساخت بخش products (رایگان)
حجم فایل: 19 مگابایت و 840 کیلوبایت مدت زمان: 5 دقيقه و 38 ثانيه
ساخت بخش products (قسمت چهارم)
ساخت بخش products (قسمت چهارم) (رایگان)
حجم فایل: 14 مگابایت و 650 کیلوبایت مدت زمان: 3 دقيقه و 38 ثانيه
ساخت بخش products (قسمت پنجم )
ساخت بخش products (قسمت پنجم ) (رایگان)
حجم فایل: 26 مگابایت و 510 کیلوبایت مدت زمان: 7 دقيقه و 7 ثانيه
ریسپانسیو کردن بخش products
ریسپانسیو کردن بخش products (رایگان)
حجم فایل: 46 مگابایت و 120 کیلوبایت مدت زمان: 9 دقيقه و 45 ثانيه
ساخت بخش footer (قسمت اول)
ساخت بخش footer (قسمت اول) (رایگان)
حجم فایل: 31 مگابایت و 260 کیلوبایت مدت زمان: 8 دقيقه و 10 ثانيه
ساخت بخش footer (قسمت دوم)
ساخت بخش footer (قسمت دوم) (رایگان)
حجم فایل: 33 مگابایت و 200 کیلوبایت مدت زمان: 10 دقيقه و 56 ثانيه
قسمت پایانی
قسمت پایانی (رایگان)
حجم فایل: 34 مگابایت و 960 کیلوبایت مدت زمان: 6 دقيقه و 38 ثانيه

دوره های مشابه

آموزش کامل Flex CSS
رایگان
3 ساعت و 5 دقيقه
در این دوره ما می خواهیم که به اموزش کامل flex بپردازیم که خیلی به ما کمک می کند که بتوانیم سایت های بسیار خوبی و واکنش گرایی را با توجه و استفاده از flex پیاده سازی کنیم و البته در سئو وب سایت هم بسیار استفاده از flex برای ما کاربرد خواهد داشت.

flex box آموزش flex box آموزش کامل Flex CSS فلکس باکس

دیدگاه خود را از طریق فرم زیر ارسال نمایید