دوستان این دوره با کیفیت و محتوای بهتری باز تولید شده که با کلیک روی لینک آموزش رایگان flexbox (فلکس باکس) پروژه محور وارد دوره میشوید.
Flexbox ها کدهای جدید در CSS می باشند که توسط W۳C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها بخصوص سایت های ریسپانسیو ارائه شده است. پس از منسوخ شدن استفاده از table در طراحی قالب سایت، استفاده از کد float جز کد های پرطرفدار طراحان به شمار می رفت که استفاده از آن طراحان را دچار مشکلاتی می کرد.
علاوه بر اینکه استفاده از Flexbox ها اصولی تر از کدهای Float می باشند، استفاده از آن تاثیر بسزایی درindex صفحات سایت توسط موتورهای جستجوی گوگل نیز دارد و در نتیجه در سئوی سایت بسیار موثر است.
پیش نیاز های این دوره فوق العاده کاربردی:
دوره های پیشنهادی، بعد از گذراندن این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام اقای شیخ اموزش عالی بود.
یک سوالی ک داشتم وقتی در vscode میخوایم display یک div رو انتخاب کنیم با ctrl+space گزینه هاش رو نمایش میده که در کنار گزینه ی flex یک گزینه به نام flexbox هم داره. میشه بفرمایید تفاوت این دو گزینه در چیه؟ و الان از گزینه ی flexbox لازم نیست هیچوقت استفاده کنیم؟؟؟
سلام وقت بخیر.
ممنون از شما?
تفاوتی نداره، توی ورژن های قدیمی تر flexbox نوشته میشده
سلام. در این قسمت داشتم کدهای شما رو تمرین می کردم که دیدم:
align-items , align-content برای من کار نمی کنه. مشکل از کجاست؟
اخه دقیقا مطابق فیلم کد میزنم و کم یا اضافه نشده کدها.
سلام وقت بخیر.
برای رفع مشکل در css شما باید inspect بگیرید و چک کنید که چه استایل های به تگ مورد نظر و یا والدش داده شده و بررسی کنید.
سلام استاد خسته نباشید بنده Html , css رو بلدم میتونم این دوره رو شروع کنم ؟
سلام وقت بخیر.
ممنون از شما، توی توضیحات و ویدیو معرفی دوره ها در مورد پیش نیاز ها گفته میشه
و برای این دوره، دوره رایگان responsive layout هم هست.
سلام ضمن تشکر از سایت وب پروگ و آقای شیخ بابت قرار دادن مباحث اموزشی
من تا الان 3 تا از دوره های شما را مشاهده کردم(html&css-responsive-flexbox)
و تصمیم گرفتم نظراتم را درمورد این سه مبحث در این بخش عنوان کنم
اول اینکه داخل بخش html&css فرموده بودید پروژه های بعدی را از 0 تا 100 اجرا خواهید کرد اما از جلسه دوم ب بعد مثل روال قبل کدها از قبل آماده بودند و فقط توضیح تئوری بود و از کامنت درآوردن کدها و این اصلا روش مناسبی برای حالت پروژه محور نیست و یادگیری به اینصورت خیلی خیلی کم خواهد بود
دوم اینکه مباحث خیلی خلاصه عنوان میشه مخصوصا بحث html&css که این زبان های کدنویسی پایه هستند و لازم بود وقت و انرژی بیشتری براشون صرف میشد(خیلی از مباحث مثل انواع ورودی ها و تگ های ایجاد متن و تگ های فرم دهی و ... عنوان نشدند)
و پیشنهادم این هست که پروژه ها چالش بیشتری داشته باشند . خوبه که حین انجام پروژه دانشجو یکسری تکنیک خارج از بحث آموزش هم یادبگیره
خسته نباشید
سلام وقت بخیر.
خیلی ممنون از شما که نظرتون را ارسال کردید?
انشاا... در آینده دوره های ابتدای سایت را دورباره ضبط میکنیم.
آقا کارِت خیلی درسته
دمت گرم ?
سلام وقت بخیر.
ممنون از شما?
سلام من مثل align-self میخوام دایوم رو با justify-self تکی سنتر کنم ولی هر کاری که میکنم اصلا کار نمیکنه چیکار کنم
سلام وقت بخیر.
اگه شما بخواهید یک آیتم را تکی مرکز قرار بدید از align-self باید استفاده کنید.اگه محتویات داخل اون آیتم را میخواهید تراز کنید، میتونید از flex داخل اون آیتم دوباره استفاده کنید.
نه align-self هیچ مشکلی نداره و کار میکنه ولی من میخوام توی محور افقی اون رو تکی تراز کنم ولی نمیشه هر چقدرم که از justify-self استفاده میکنم نمیشه؟؟؟
در صورت امکان سورس کد تون را توی تلگرام وب پروگ ارسال کنید تا بررسی بشه
استاد لطفا نحوه ران کردن سرور در اینترنت را نیز توضیح دهید
سلام وقت بخیر.
برای خرید هاست میتونید از شرکت های مختلف تهییه کنید که نصب و کانفیگ را براتون آماده کردن، سرچ کنید خرید هاست، سایت های مختلف براتون میاد.
سلام و وقت بخیر
من یه سوال هم داشتم.
توی همین پروژه من اومدم گفتم اگر استایل موبایل فعال شد، منوی navbar رو از حالت row ببرمش به حالت column. مشکلی که ایجاد شد اینه که پدینگ آیتم ها میفته رو هم . یعغنی اون بک گراند نارنجی که فعال میشه آیتم بالایی و پایینی رو می‌پوشونه. نتونستم درستش کنم. چه باید کرد؟
ممنون از شما
سلام وقت بخیر.
تگ a بصورت پیش فرض، مقدار display برابر با inline داره و نیازه display را به block یا inline-block تغیر بدید.
در مورد تگ های inline و block توی دوره رایگان html و css صحبت کردیم.
سلام . وقت بخیر، من توقسمت رسپانسیو wide-screen مشکل دارم که اصلا اجرا نمیشه ، دقیقا کد های نوشته شده چیزیه که خودتون گفتید. بنظرتون مشکل از چیه؟؟
سلام وقت بخیر.
مطمن شید که فایل css مربوطه را به پروژه اضافه کرده باشید و همچنین media را به درستی ست کردید.
با سورس کد های که در اختیارتون هست مقایسه کنید.
سلام و ممنون از دوره ی خوبتون.
مشکل من استفاده از آیکون ها هستش. ممنون میشم راهنمایی کنید.
سلام وقت بخیر.
از cdn آیکون که توی سورس کدها در اختیارتون قرار گرفته استفاده کنید.
سلام استاد خسته نباشید.
تشکر بابت اموزش های بسیار رَوون و سادتون...
جسارتا من یه مشکلی دارم اونم این که نمیدونم چرا توی پوزیشن استیکی اجرا نمیشه تا نَو بار ثابت بمونه...
https://s19.picofile.com/file/8440460150/Untitled.png
سلام وقت بخیر.
ممنون از شما?
به تگ nav یا حالا والد پوزیشن بدید.
سلام و تشکر بسیار.
این آموزش شما برای کسانیکه با Tailwindcss کار میکنند هم بسیار مفیده. چرا که بحث flex در اونجا خیلی کاربرد داره.
سپاس!
سلام وقت بخیر.
بله،بحث flex را ما توی همه فریمورک ها داریم.
خیلی خیلی ممنون، عالی
سلام وقت بخیر.
ممنون از شما?
سلام خسته نباشید آیکون های من اصن ظاهر نمیشن مشکل چیه ؟
سلام وقت بخیر.
شما باید چک کنید که به درستی لینک را به پروژه اضافه کرده اید،کدتون را با فایل تمرینی مقایسه کنید، اینترنت سیستمتون وصل هست؟!؟ و ...
دلایل مختلفی میتونه باشه که باید تست کنید.
سلام استاد خسته نباشید
استاد دورتون واقعا عالیه من که چیزهای خوبی یاد گرفتم فقط چرا تگ های i هرکاری که میکنم رنگ بک گراندشون عوض نمیشه وقتی رفرش میکنم سریع رنگو نشون میده و دوباره از بین میره مشکلش چیه استاد آدرس دهی و همه چیز هم درست بود
با تشکر
سلام وقت بخیر.
ممنون از شما❤
Inspect بگیرید و ببینید از کجا استایل میگیره.باید دیباگ یا خطایابی کنید تا بفهمید مشکل از کجا هست.
سلام. آیا در بین دوره ها و قسمت های آموزشی درباره استفاده از d-flex در carousel هم وجود داره؟
سلام وقت بخیر.
درمورد carousel فقط توی دوره بوت استرپ گفته شده.
مشکلتون چی هست؟
درود بر شما.
میخوام در carousel به جای float از flex استفاده کنم، اما نمیدونم چطوری! سرچ هم کردم اما پنداری فایده نداره. لطفاً بیزحمت لینک زیر رو نگاه کنید. از float استفاده کرده ولی من همین برنامه رو میخوام از flex استفاده کنم.
https://findbootstrapsnippets.com/bootstrap-templates/bootstrap-4-carousel-multiple-slides.html
خب شما یک div با کلاس d-flex ایجاد کنید(میتونید کلاس no-gutters هم بدید)، و تگ های div که با کلاس col-3 (داخلش تصاویر هست) را در داخل div باکلاس d-flex که ایجاد کرده اید قرار بدید.
در مورد flexbox و نحوه استفادش توی این دوره صحبت شده که میتونید مشاهده کنید.
استاد واقعا بی نظیره این دور ها لطفا همینحوری اموزش ها رو پیش ببرید دمتونم گرم بابت این اموزش های فوق العادتون
تشکر
سلام وقت بخیر.
ممنون از شما.
خداروشکر که دوره ها مفید بوده.
استاد واقعا درجه یک آموزش دادی دمت گرم ❤️
خواهش میکنم❤
استاد عزیز،خیلی آموزش مفید و کاربردی بود،یه دنیا تشکر از شما.
خواهش میکنم.ممنون از حمایت شما❤
hamed zamani
با عرض سلام و خسته نباشید
میتونم به جرات بگم استاد شیخ یکی از بهترین مدرسان کشور هستن
خیلی ممنونم بابت آموزش ها
قدم به قدم آموزش هارو تا گام اخر پیگیری میکنم
چنین دوره هایی شایسته حمایت های بیشتر هستند
علی شیخ
8 ماه پیش
سلام وقت بخیر.
ممنون از شما و حمایتتون
خداروشکر دوره براتون مفید بوده