تومان

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

(دیدگاه 75 کاربر)

اگر شما به حوزه طراحی و برنامه نویسی وب علاقه داشته باشید قطعا در مورد صفحه آرایی، ریسپانسیو سازی، فلکس باکس وشنیده اید. در این دوره قصد داریم ماژول فلکس باکس را به صورت پروژه محور و از صفر تا صد به شما آموزش دهیم.

 

مباحث این دوره

23 درس6:6:11

سرفصل ها

5align-content9:33
6order7:26
7flex-grow, flex-shrink13:50
8flex-basis16:38
9flex, align-self9:58
10شروع پروژه، فایل های مورد نیاز20:58
11کدنویسی Header جلسه اول21:52
12کدنویسی Header جلسه دوم19:35
13کدنویسی Main بخش Works16:46
14کدنویسی Main بخش Comments جلسه اول25:31
15کدنویسی Main بخش Comments جلسه دوم21:17
16کدنویسی Main بخش Portfolio13:29
17کدنویسی Footer21:28
18ریزکاری و بهبود کلی طرح15:12
19ریسپانسیو سازی بخش Menu21:19
20ریسپانسیو سازی بخش Works21:18
21ریسپانسیو سازی بخش Comments13:12
22ریسپانسیو سازی بخش Portfolio, Footer13:31
23جلسه پایانی، صحبتی در رابطه با ادامه مسیر یادگیری8:24

75 دیدگاه برای آموزش FlexBox پروژه محور

  1. Rezamohammdi (خریدار محصول)

    سلام خسته نباشید من دوره رو تا جلسه ۹ دیدم وکل مباحث رو یاد گرفتم ولی نمیتونم ریسپانسیو کنم تو پروژه عملی ریسپانسیو اموزش داده شده؟

    • حمیدرضا عبادی (خریدار محصول)

      سلام
      بله دوره پروژه عملی داره تا بتونید فلکس باکس رو بهتر درک کنید و بدونید کجاها از ویژگی های فلکس استفاده کنید و چطور توسط فلکس عناصر رو ریسپانسیو کنید، برای بحث طراحی اصولی قالب هم در دوره تخصصی طراحی قالب با Html,Css,FlexBox شرکت کنید.

  2. amir-gh (خریدار محصول)

    میتونم بگم در کل دوره های سبز لرن بی نظیرن من دارم تمام مسیرو با محوریت این سایت پیش میرم و تا به حال پیش نیومده بود از مسیر یادگیری اینقدر لذت برده باشم با سپاس و احترام فراوان از مدرس دوره و سایت خوب سبزلرن همیشه سلامت باشید

  3. illi (خریدار محصول)

    بسیار عالی هست و کاملا اموزشتون به روز هست. خسته نباشید❤️❤️❤️

  4. arminkhadem (خریدار محصول)

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

    • حمیدرضا عبادی (خریدار محصول)

      سلام
      زمان دوره زیاد نیست، کمتر از دو ساعت آموزش خود فلکس هست، الباقی برای کدنویسی پروژه هست.

  5. Yegane_sadeg (خریدار محصول)

    خیلی خوب بود خیلی کامل بود از همه لحاظ. از 20 به این دوره من 21 رو میدم . ممنون از تمامه زحماتتون و اینکه استاد عزیز شما تو دوره گفتید به چه روشی کامنت گذاری میکنید ؟

  6. mahdipip (خریدار محصول)

    با سلام و تشکر از مدرس دوره،
    چگونه می تونم فایل هایی مشابه اون فایل نمونه سایت (فایل xd) که دانلود کرده بودید برای تمرین کد نویسی دانلود کنم؟

  7. alireza (خریدار محصول)

    بهترین استادی که باهاش دوره دیدم مسلط به دوره پروژه عالی و توضیحات کاملا واضح واقعا جای هیچ بحثی رو نمی ذاره

  8. pouria (خریدار محصول)

    سلام و عرض ادب ،‌در شروع پروژه با استفاده از before و after و * مقدار Boxsizing رو برابر با inherit قرار دادید ،‌امکانش هست توضیخ مختضری در این خصوص بفرمایید که کاربرد before‌ و after با * چیست و چرا از BoxSizing با مقدار inherit ‌در آن استفاده شده.
    با تشکر

    • حمیدرضا عبادی (خریدار محصول)

      سلام، فصل اول دوره طراحی قالب بنده یه ویدیو راجب همین دارم، رایگان هست اون ویدیو میتونید ببینید

  9. sorahiatieh (خریدار محصول)

    جناب عبادی برای ریسپانسیو سازی سایت همین تعداد مدیا کوئری که تعریف کردید کفایت میکنه؟ سایز تبلت رو پوشش میده؟

  10. sorahiatieh (خریدار محصول)

    دوره بسیار عالی بود هم کامل هم بیان مدرس بسیار شیوا، مرسی از سایت سبزلرن و جناب آقای عبادی

  11. Erfn (خریدار محصول)

    سلام ایا لازمه css grid هم یاد بگیرم ؟

  12. radvin87 (خریدار محصول)

    سلام خیلی متشکرم از شما این دوره ی فلکس باکس 100 درصدی بود و مخصوصا اینکه پروژه کاملی هم داشت خیلی مفید واقع شد و خیلی از مشکلات منو همین flex-wrap:wrap که پای ثابت دوره بود حل کرد.

  13. محمد متین فرزام نیا (خریدار محصول)

    بسیار عالی تشکر از شما و تیم خوبتون

  14. isan (خریدار محصول)

    دوره کیفیت خیلی خوبی داشت و مباحث خیلی خوب همراه با مثال تدریس شد..
    خداقوت جناب عبادی

  15. alirezzza (خریدار محصول)

    سلام وقت بخیر
    یه دوره کاملا مفهومی و عالی
    با دیدن دوره شما یه سری پراپرتی فلکس رو فقط یاد نمیگیرید و کاربرد اصولی تدریس شده
    تشکر فراوان از مدرس دوره آقای عبادی
    کاش فریمورک های css مثل bootstrap و tailwind هم با تدریس شما توی سبزلرن قرار میگرفت

    • حمیدرضا عبادی (خریدار محصول)

      سلام
      عزیز دلی، خوشحالم که مفید بوده برات، کم کم دوره های جدید رو شروع میکنم، دوره tailwind هم به احتمال زیاد خودم بذارم.

  16. Mamad (خریدار محصول)

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

  17. حشمت هورامی

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

    • حمیدرضا عبادی (خریدار محصول)

      سلام ابتدا باید در دوره به صورت رایگان ثبت نام کنید، دکمه ثبت نام سمت چپ صفحه قرار داره

  18. arabi.rohallah (خریدار محصول)

    سلام
    ضمن تشکر از استاد محترم
    من این دوره را دانلود کردم و به صورت میانگین هر شب یک قسمت را دیدم و کد نویسی آن را مطابق درس ارائه شده انجام دادم.
    دوره بسیار عالی بود.
    ضمن یادگیری Flex نکات دیگری شبیه کار کردن با VSCode و Inspect و… را نیز یاد گرفتم.
    خدا خیرتان بدهد.

  19. amin

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

    • حمیدرضا عبادی (خریدار محصول)

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

  20. arabi.rohallah (خریدار محصول)

    سلام علیکم
    ضمن تشکر از آموزش بسیار عالی شما .
    امیدوارم خداوند به شما خیر بدهد.
    یک مشکلی برخوردم لطفاً راهنمایی بفرمائید:
    در قسمت 11 “کدنویسی Header جلسه اول” مانند شما کد نویسی را در فایل app.css کد .menu__link انجام دادم . اما استایل مورد نظر اعمال نمی شود.
    حتی فایل شما را با فایل خودم جایگزین کردم باز هم استایل اعمال نشد.
    لطفاً راهنمایی کنید.

    • حمیدرضا عبادی (خریدار محصول)

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

  21. مهرداد (خریدار محصول)

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

    • حمیدرضا عبادی (خریدار محصول)

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

  22. 313yar (خریدار محصول)

    خدا قوت
    بهتون توصیه می کنم اگر می خواین یکبار برای همیشه flex box رو اموزش ببینید , این دوره رو تماشا کنید
    با سپاس فراوان از استاد عبادی عزیز

  23. Mmhksx (خریدار محصول)

    با سلام ؛
    این دوره واقعا عالی بود ، از استاد عبادی تشکر میکنم واقعا مطالب کامل و نحوه ارائه شیوا و روان بود اون پروژه پایانی که خیللللییییی خیلللییی خوب بود ممنونم.

    • حمیدرضا عبادی (خریدار محصول)

      سلام
      خواهش میکنم، ممنون بابت نظر مثبتی که نوشتین، موفق باشید🌹✌

  24. reyhaneh (خریدار محصول)

    سلام
    جا داره ی تشکر ویژه و خسته نباشید بگیم به سایت سبزلرن و آقای حمیدرضا عبادی
    واقعا دوره ی کامل و خیلی عالی و مفیدی بود.من برای اولین بار آموزش flexbox را دیدم و تونست انتظار لازم را در این بحث برآورده کنه
    با دیدن این اموزش خیلی مشتاق شدم آموزش های دیگر اقای عبادی را دنبال کنم.ممنون میشم اگر آموزش هایی دررابطه با مباحث html,css,bootstrap,js,vue تحت تدریس اقای عبادی هست اطلاع دهید تا بتونم اون ها را هم مشاهده کنم و از تدریس ایشون نهایت استفاده را بکنم
    ممنون میشم اگر این لطف را انجام دهید.
    خدا قوت

    • حمیدرضا عبادی (خریدار محصول)

      سلام
      خواهش میکنم، شما هم خسته نباشید.
      نظر لطف شماست🌹
      میتونید دوره طراحی حرفه ای قالب رو هم مشاهده کنید، از منو فرانت اند، آموزش اصولی طراحی قالب رو انتخاب کنید.
      تابستون به امید خدا دوره های جدیدی هم قراره بذارم.

  25. رزا (خریدار محصول)

    عالییییییییه عالیییییییییی. ممنون از تمام زحماتتون

دیدگاه خود را بنویسید