آموزش FlexBox پروژه محور

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

0 تومان

  پــروژه مــحور بودن دوره هــــا

  پشتیبـــانی دائــــمی محصولات

  تضمین کیــفیت کلیـه محصولات

مدرس : حمیدرضا عبادی

وضعیت دوره: به اتمام رسیده

تعداد درس: 23

دانشجو: 12062

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

 

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

23 درس6:6:11

سرفصل ها

1ویدیوی معرفی8:00
2flex-direction, flex-wrap, flex-flow15:09
3justify-content16:36
4align-items15:09
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

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

  1. ثنا نیایش نیا (خریدار محصول) –

    سلام، خیلی ممنون از دوره‌ی کاربردی و جامعتون. خیلی روان و با حوصله توضیح می‌دادید. دوره بسیار عالی ای بود. خدا قوت.

  2. Papymankan (خریدار محصول) –

    سلام خسته نباشید
    برای یادگیری فلکس باکس و سی اس اس گرید کدوم رو اول باید یاد گرفت؟؟

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

    سلام آقای عبادی
    من می خوام یه سایت با موضوع هنرستان طراحی کنم و می خواستم از یک ui kit برای طراحی کمک بگیرم اما متاسفانه تو اینترنت چیز که بدردم بخوره پیدا نکردم
    شما می دونید از کدوم سایت ها می تونم این ui kit ها رو دانلود کنم؟
    و اینکه داخل دوره طراحی قالب نحوه طراحی ui و ux هم هست؟
    یا اینکه قرار دوره جدایی از ui و ux در سایت قرار داده بشه؟

    و در نهایت بابت دوره های که تو سایت گذاشتین مخصوصا این دوره و دوره هایcssو html ممنونم
    واقعا عالی درس میدید

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

      سلام، خواهش میکنم
      نه ما Ui, Ux کار نمیکنیم، دوره طراحی قالب فقط درباره پیاده سازی هست، البته یکسری نکات UI گفته میشه داخل دوره ولی خب محوریت اصلی کد نویسی هست، این چیزی که شما میگید نیاز به دانش طراحی رابط کاربری داره

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

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

  5. علیرضا (خریدار محصول) –

    استاد سلام یه سوالی داشتم من برای تمرین از کجا می تونم قالب گیر بیارم ( اگه ممکن هست می خوام رایگان باشه ) ممنون

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

      سلام، سوالات قسمت پرسش و پاسخ، اینجا بخش نظرات هست.

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

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

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

    سلام واقعا دوره عالیی بود طوری که با یکبار دیدن کاملا همه چیز رو متوجه میشیم ممنون از مدرس این دوره و زحمتی ک کشیدن واسه جامع و کامل بودن دوره

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

    عرض ادب و احترام خدمت شما آقای عبادی عزیز
    دوره دوره بی نظیری بود به نظر من بعد این دوره کسی Flex Box رو یادنگرفت کلا برنامه نویسی رو بزاره کنار
    تشکر می کنم از تمام زحمات و تلاش های شما , خسته نباشید میگم
    خیلی ممنون از وقت و انرژیی که می زارید بابت تهیه و تدوین این دوره.
    ای کاش این امتیاز دهی بالا تر از عالی داشت .

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

      سلام
      خواهش میکنم خوشحالم که مفید بوده براتون، لطف دارید🌺

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

    سلام میخاستم بدانم css grid بهتره یاد بگیریم یاflexBox استاد؟

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

      سلام، بهتر بدتر نداریم، به عنوان فرانت کار باید تسلط کامل روی هردو داشته باشید

  10. Ghass mr (خریدار محصول) –

    سلام روز بخیر.من یکی از دانشجوی دوره ی شمام.یک سوال داشتم تفاوت اینک به فلکس ایتم ، flex-basis درصدی بدیم با اینکه به فلکس ایتم width درصدی بدیم؟؟اینو تو کد زدین ولی توضیحی ندادین.؟!

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

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

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

    سلام .خسته نباشید. بعد css , اول flex رو یاد بگیریم بهتره یا css grid؟

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

    استاد خسته نباشید حال کردم با دورتون حرف نداشت واقعا »:)))) با این کیفیت دوره طراحی قالبتونم حتما میخرم
    فقط استاد یه سوال اکستنشن فورمت کننده کٌداتون چیه ؟

  13. matinj031 (خریدار محصول) –

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

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

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

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

      سلام
      متشکرم از لطف شما، انجام وظیفه هست.
      همچنین عید شما هم مبارک🌹

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

    عالی هستید استاد خسته نباشید

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

    استاد میشه بگید اینطور پروژه تمرینی هارو از کجا گیر بیاریم؟؟

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

      سلام، توی دوره طراحی قالب دوتا دیزاین زدیم، از گوگل هم میتونید سرچ کنید

      • شفیعی نیا (خریدار محصول) –

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

      • Ghass mr (خریدار محصول) –

        سلام من هم نیاز دارم، چیزی برای تمرین پیدا کردین یا نه؟!

  17. Alireza_malak (خریدار محصول) –

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

  18. Cicada3301 (خریدار محصول) –

    سلام وقتتون بخیر.
    من با اینکه 1 سالی میشه دارم فرانت-اند کار میکنم ولی تابحال سراغ flex نیومده بودم ولی الان که تمومش کردم واقعا پشیمون شدم که چرا زودتر شروع نکرده بودم. واقعا دوره کاملی بود و تسلط مدرس روی مباحث یکی از اصلی ترین نقاط قوت این دوره بود.
    برای دفعات مکرر سبزلرن بهم ثابت کرد که ارزش یک دوره با رایگان بودنش کاسته نمیشه.
    موفق و سربلند باشید.

  19. Hamed.n –

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

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

      سلام، شروع کار عملی با یادگیری Html,Css هست، سایت roadmap.sh ببینید کامل شرح داده.

  20. Sohrabi9 (خریدار محصول) –

    خیلی عالی بود

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

    سلام. من دوره جامع css رو دارم تموم میکنم. اول css grid رو ببینم یا فلکس باکس؟ بعدش طراحی قالب؟ ترتیب اموزش رو میخاستم بدونم

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

      منظورم از این دوره، دوره طراحی قالب بود

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

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

  22. sina3005 (خریدار محصول) –

    سلام خدمت استاد عبادی. استاد سوالی که داشتم این بود کی دوره html و css رو شروع میکنید؟

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

      سلام، در حال آماده سازی هست، احتمالا اوایل ماه بعدی روی سایت بیاد.

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

    سلام خسته نباشید درره ای در سایت موجوده که به صورت مستقیم و یا غیر مستقیم درون دوره بهترین روش واکنش گرایی رو توضیح بده من flex box cssgrid html css روبلدم

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

      سلام، آموزش حرفه ای طراحی قالب با Html Css FlexBox از صفر رو ببینید. توی سایت هست

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  40. حشمت هورامی –

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

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

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

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

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

  42. amin –

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

محصولات مرتبط

-60%

آموزش برنامه نویسی فرانت اند

پروژه های خلاقانه با جاوااسکریپت

210,000 تومان
654 دانشجو
-100%

آموزش برنامه نویسی فرانت اند

آموزش جامع Html5 (آپدیت ۲۰۲۳)

0 تومان
27833 دانشجو
-100%

آموزش برنامه نویسی فرانت اند

کد نویسی سریع html css با Emmet

0 تومان
10894 دانشجو
-100%

آموزش برنامه نویسی فرانت اند

آموزش رایگان ویو جی اس مقدماتی تا پیشرفته

0 تومان
11287 دانشجو
-60%

آموزش برنامه نویسی فرانت اند

آموزش اصولی RegEX برای تمام برنامه نویسان

96,000 تومان
620 دانشجو