• صفحه اصلی
  • وب
    • آموزش HTML
    • آموزش CSS
    • آموزش جاوا اسکریپت
    • آموزش jquery
    • آموزش بوت استرپ
    • آموزش PHP
    • آموزش وردپرس
  • طراحی
    • ایلوستریتور
    • فتوشاپ
  • انیمیشن و سه بعدی
    • افترافکت
    • سینمافوردی
    • هوش مصنوعی
  • کسب و کار
    • بازاریابی
    • نرم افزار های آفیس
  • تدریس در آموزش تک
  • درباره ما
  • تماس با ما
      • عضویتورود
    آموزش تک
    • صفحه اصلی
    • وب
      • آموزش HTML
      • آموزش CSS
      • آموزش جاوا اسکریپت
      • آموزش jquery
      • آموزش بوت استرپ
      • آموزش PHP
      • آموزش وردپرس
    • طراحی
      • ایلوستریتور
      • فتوشاپ
    • انیمیشن و سه بعدی
      • افترافکت
      • سینمافوردی
      • هوش مصنوعی
    • کسب و کار
      • بازاریابی
      • نرم افزار های آفیس
    • تدریس در آموزش تک
    • درباره ما
    • تماس با ما
        • عضویتورود

      آموزش CSS

      • خانه
      • همه دوره ها
      • وب
      • آموزش flexbox – مهم برای طراحی وب
      دوره هاوبآموزش CSSآموزش flexbox – مهم برای طراحی وب
      • فهرست دروس
        8
        • درس1.1
          آموزش flexbox قسمت اول 14 min
        • درس1.2
          آموزش flexbox قسمت دوم 14 min
        • درس1.3
          آموزش flexbox قسمت سوم 12 min
        • درس1.4
          آموزش flexbox قسمت چهارم 23 min
        • درس1.5
          آموزش flexbox قسمت پنجم 09 min
        • درس1.6
          آموزش flexbox قسمت ششم 09 min
        • درس1.7
          آموزش flexbox قسمت هفتم 12 min
        • درس1.8
          آموزش flexbox قسمت هشتم 20 min
      • ویدیو ها و فایل های دوره
        1
        • درس2.1
          دانلود ویدیو ها و فایل های دوره
        This content is protected, please login and enroll course to view this content!
        قبلی آموزش flexbox قسمت پنجم
        بعدی آموزش flexbox قسمت هفتم

          36 دیدگاه

        1. Admin bar avatar
          GcNotFound
          اکتبر 22, 2022

          سلام
          استاد می شه ویدیو ساخت فرم عضویت و ورود رو بسازید و بزارید ؟ 🙏
          اگه هم گذاشتین اگه مشکلی نیست لینکش رو بفرستید
          بعد ویدیویی هست ک آموزش ساخت داشبورد کاربر باشه ؟

          • کریم مصطفی زاده
            اکتبر 30, 2022

            سلام و درود

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

        2. mohammad_miri
          اکتبر 13, 2022

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

          • کریم مصطفی زاده
            اکتبر 15, 2022

            سلام و درود

            ادیتور visual studio code

        3. realisepehr
          آوریل 2, 2022

          واقعا دوره عالی بود استاد 🎖
          ممنونم آموزش خوبتون 🙏🏻❤️
          فلکس باکس واقعا معجزه css هست
          و خیلی توی رسپانسیو سازی کاربردیه 🏆

          • کریم مصطفی زاده
            آوریل 4, 2022

            سلام و درود

            با تشکر از نظر ارزشمند شما

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

        4. کریم مصطفی زاده
          اکتبر 23, 2021

          سلام و درود

          با تشکر از نظر ارزشمند شما

          از هر تصویری میتونید استفاده کنید تفاوتی نداره

        5. Hosein.Sajedi
          اکتبر 20, 2021

          سلام استاد
          کاش تویه آخر دوره ۰ تا ۱۰۰ css مارو به این دوره ارجاع می دادید این آموزش مهم از چشم من دور مونده بود

        6. alishamsian
          ژانویه 9, 2021

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

          • کریم مصطفی زاده
            ژانویه 11, 2021

            سلام و درود

            از طریق واتساپ صفحه تماس با ما با بنده در ازتباط باشید

            موفق و پیروز باشید

        7. Mohammad Sahragard
          دسامبر 29, 2020

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

          • کریم مصطفی زاده
            دسامبر 30, 2020

            سلام و درود

            خواهش میکنم محمد عزیز ما در خدمتیم ، ممنون بابت انرژی خوبی که دادین

            موفق و پیروز باشید

        8. Admin bar avatar
          wizard
          آوریل 10, 2020

          سلام وقت بخیر ممنون از اموزش های عالی شما ..ببخشید کی
          display:grid
          را آموزش می دهید .واینکه چرا در بخش منو سایت از فلکس استفاده کرده ایم و قتی بهش
          position :fixed
          داده می شود محتوا بهم ریخته می شود و منوها جابجا می شوند ایا روشی هستش و یا کد زنی من اشتباه می باشد

          • کریم مصطفی زاده
            آوریل 11, 2020

            سلام و درود

            فرصت بشه حتما ارائه خواهد شد

            برای والد المنت از position : relative استفاده کنید

            موفق و پیروز باشید

        9. Admin bar avatar
          hamid_ghp
          سپتامبر 14, 2019

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

          • کریم مصطفی زاده
            سپتامبر 14, 2019

            سلام و دورد

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

            موفق و پیروز باشید

        10. javani97
          می 24, 2019

          سلام ممنون از آموزش های مفیدتون ، خسته نباشید ، از چه تمی (theme) استفاده کرده اید ؟
          میدونم متریال هست ولی خب تم های متریال زیادی برای vscode هست !
          ممنون میشم نام دقیقش را بگین که بنده دانلود کنم
          سپاس

          • کریم مصطفی زاده
            می 24, 2019

            سلام و درود

            با تشکر از نظر ارزشمند شما

            دقیق حضور ذهن ندارم چه تمی بود اما این مورد رو سرچ کنید احتمالا این تم باشه : Palenight Operator

            موفق و پیروز باشید

        11. sh.hoseiny
          می 4, 2019

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

          • کریم مصطفی زاده
            می 4, 2019

            سلام و درود

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

            موفق و پیروز باشید

        12. MRE72
          آوریل 29, 2019

          سلام.خیلی عالی بود .
          میشه در مورد display:grid هم یک اموزش بزاریم ممنون می شم

          • کریم مصطفی زاده
            آوریل 30, 2019

            سلام و درود

            با تشکر از نظر ارزشمند شما
            حتما در فرصتی مناسب آموزش داده خواهد شد

            موفق و پیروز باشید

        13. amirsama
          فوریه 19, 2019

          سلام
          ممنون از آموزش کامل و جامع شما
          آیا از flex box در ساخت صفحاتی که عکس های مختلف با ارتفاعات مختلف رو بدون فاصله از هم نشان می دهند، می شود استفاده کرد ؟؟

          • کریم مصطفی زاده
            فوریه 19, 2019

            سلام و درود

            با تشکر از نظر ارزشمند شما

            بله میشه استفاده کرد همچنین ما در دوره آموزش بوت استرپ 4 هم به همچین موردی در بخش cards اشاره کردیم که با Flexbox طراحی شده

            موفق و پیروز باشید

        14. Javadghiassvand
          ژانویه 19, 2019

          سلام وقت بخیر.جناب اموزشتون خیلی عالی بود

          • کریم مصطفی زاده
            ژانویه 19, 2019

            سلام و درود

            خوشحالیم که این دوره آموزشی مورد توجه شما واقع شده
            از نظر و دیدگاه ارزشمند شما سپاسگزاریم

            موفق و پیروز باشید

            • Javadghiassvand
              ژانویه 21, 2019

              سلام وقت بخیر بازم تشکر میکنم بابت اموزشای روان و پر محتوا. .ببخشید اموزش grid system هم هست.و اینکه پروژه های نمونه با فلکس باکس هم هستش؟

              • کریم مصطفی زاده
                ژانویه 22, 2019

                سلام و درود

                خوشحالیم که دوره های آموزشی مورد توجه شما واقع شدن

                GridSystem در آموزش Bootstrap 4 آموزش داده شده

                موفق و پیروز باشید

        15. saberzx
          دسامبر 4, 2018

          سلام مهندس خیلی کامل بود و عالی
          دمت گرم و مرسی

          • کریم مصطفی زاده
            دسامبر 5, 2018

            سلام و درود

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

            موفق و پیروز باشید

            • saberzx
              دسامبر 8, 2018

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

              • کریم مصطفی زاده
                دسامبر 9, 2018

                سلام و درود

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

                موفق و پیروز باشید

        16. arnavaz
          نوامبر 13, 2018

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

          • کریم مصطفی زاده
            نوامبر 14, 2018

            سلام و درود

            خوشحالیم که دوره مورد توجه شما همراه عزیز ما قرار گرفته

            برای اینکه بتونید کل دروس دوره رو مشاهده کنید لطفا داخل دوره ثبت نام کنید ( دکمه ثبت نام رایگان این دوره آموزشی رو کلیک کنید)

            موفق و پیروز باشید

        17. ali5366
          اکتبر 13, 2018

          اموزش خیلی عالی است اما فقط تا قسمت 4 اموزش در سایت است بقیه اموزش کجاست

          • کریم مصطفی زاده
            اکتبر 13, 2018

            سلام و درود

            خوشحالیم که این دوره آموزشی مورد توجه شما قرار گرفته

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

            موفق و پیروز باشید

        آموزش طراحی سایت

        آموزش 0 تا 100 طراحی سایت و طراحی قالب وردپرس

        جامع ترین دوره طراحی سایت

        کانال تلگرام آموزش تک

        دسته بندی ها

        • #C (7)
        • 3Ds Max (2)
        • آموزش CSS (19)
        • آموزش HTML (21)
        • آموزش JQuery (4)
        • آموزش PHP (7)
        • آموزش Python (2)
        • آموزش بوت استرپ (3)
        • آموزش جاوا اسکریپت (4)
        • آموزش وردپرس (10)
        • افترافکت (62)
        • اندروید (3)
        • انیمیشن و سه بعدی (67)
          • 3Ds Max (2)
          • افترافکت (62)
          • سینمافوردی (2)
          • هوش مصنوعی (3)
        • ایلوستریتور (19)
        • بازاریابی (15)
        • برترین ها (8)
        • برنامه نویسی (10)
          • #C (7)
          • اندروید (3)
        • پکیج (4)
        • سئو (1)
        • سیستم عامل (2)
          • لینوکس (2)
        • سینمافوردی (2)
        • طراحی (49)
          • ایلوستریتور (19)
          • فتوشاپ (39)
        • فتوشاپ (39)
        • فیلم و صدا (1)
          • موسیقی (1)
        • کسب و کار (17)
          • بازاریابی (15)
          • نرم افزار های آفیس (2)
        • لینوکس (2)
        • مارکتینگ (1)
          • سئو (1)
        • موسیقی (1)
        • نرم افزار های آفیس (2)
        • هوش مصنوعی (3)
        • وب (59)
          • آموزش CSS (19)
          • آموزش HTML (21)
          • آموزش JQuery (4)
          • آموزش PHP (7)
          • آموزش Python (2)
          • آموزش بوت استرپ (3)
          • آموزش جاوا اسکریپت (4)
          • آموزش وردپرس (10)
          • وبلاگ (1)
        • وبلاگ (1)
        • ویژه (9)
        شبکه های اجتماعی ما
        صفحات ما

        تدریس در آموزش تک

        وبلاگ آموزش تک

        تماس با ما

        درباره ما

        دسترسی سریع

        صفحه اصلی

        طراحی سایت

        افترافکت

        گرافیک

         

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

        آموزش تک با هدف ایجاد بستری برای تولید آموزش هایی تخصصی و در پی آن پرورش متخصص پا به عرصه آموزش گذاشت و همواره سعی دارد  تا متناسب با نام خودش ( آموزش تک ) بهترین و با کیفیت ترین آموزش ها را در بستری مناسب به صورت آنلاین برای جامعه ی دانش پژوه آماده کند.

        تمامی حقوق مادی و معنوی این وبسایت متعلق به آموزش تک می باشد و هر گونه کپی برداری از محتوا و محصولات سایت غیر مجاز و پیگرد قانونی دارد.

        ورود با :

        ورود با Google ورود با Twitter ورود با LinkedIn

        با حساب کاربری خود وارد شوید

        رمز عبور خود را فراموش کرده اید؟

        آیا هنوز عضو نشده اید؟ ثبت نام کنید

        یک حساب جدید ثبت کنید

        آیا شما عضو هستید؟ اکنون وارد شوید

        Modal title

        Message modal