عنوان دوره :

آموزش کامل Flexbox

مدرس : حسام موسوی
آخرین آپدیت دوره : 17 مهر 1396
تعداد قسمت های قرار داده شده : 12

برای دسترسی به این دوره نیاز است عضو سایت باشید و وارد سایت شوید
توضیحات

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

 

 

آموزش کامل Flexbox زمان کل دوره : 01:44:19
10:58
10:20
4
07:26
5
06:18
6
کار با flex-grow رایگان
05:42
08:36
8
کار با order رایگان
05:04
9
کار با align-self رایگان
04:45
14:14
11
09:44

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش گیت و گیت هاب تکمیل شده

گیت و گیت هاب چی هستن ؟ دقیقا در این دوره هر دوی اینها رو یاد میگیرید و میفهمید که این دو ، چه معجزه عالی در دنیای برنامه نویسین. شاید خیلی از شماهای...

آموزش کامل Flexbox تکمیل شده

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

آموزش کامل sass تکمیل شده

SASS مخفف Syntactically Awesome Style Sheets و یک زبان پیش پردازنده برای تولید کد Css است. این زبان به هیچ عنوان جایگزین Css محسوب نمی شود و می توان آ...

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

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

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
ardalansh | 1 هفته پیش

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

حسام موسوی | 1 هفته پیش

با سلام از این دوره یا همون مبحث flexbox بصورت کامل در طراحی یک وبسایت در دوره آموزش طراحی وب استفاده شده میتونید اون دوره رو مشاهده کنید

reza | 6 ماه پیش

سلام یعنی هیچ راهی برای پشتیبانی این روش در مرورگر های قدیمی نیست؟

اگه هست لطفا راه نمایی کنید

حسام موسوی | 6 ماه پیش

سلام خیر نیست

محمد امین | 10 ماه پیش

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

حسام موسوی | 10 ماه پیش

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

احسان | 11 ماه پیش

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

حسام موسوی | 11 ماه پیش

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