با سلام و خسته نباشید
قصد دارید در این حوزه بمونید یا میخواین وارد مباحث وردپرس بشید. لطفا کمی حوزه علاقه مندی خودتون رو برامون بیشتر شرح بدین تا بتونیم بیشتر راهنماییتون کنیم.
mehdi4780
3 سال و قبل
خیییییلی ممنون از تمام اساتید عزیز امیدوارم هرجا هستید موفق باشید
با سلام و خسته نباشید
مشکلی در دانلود یا نمایش ویدیوها مشاهده نکردیم. با مرورگر دیگری تست کنید. همچنین یک بار مودم رو خاموش روشن کنید تا آیپی استاتیک تغییر کند.
alireza2100
4 سال و قبل
سلام استاد عالی درس میدید اگر امکان داره یک دروه اموزش روشهای وردی به سایت با فیس بوک لین دینک توییتر ایمیل رو هم اموزش بدید خیلی واجبه عالی
با سلام و خسته نباشید
طبیعتا هرچه به فریم ورک های بیشتری تسلط داشته باشید دستتون تو طراحی رابط کاربری خیلی بازتر هست.
AmSh
4 سال و قبل
سلام و خسته نباشید
من از flex-wrap استفاده می کنم ولی وقتی که در سایز تبلت و موبایل میشه بجایی که بره پایین هیچ تغییری نمیکنه و اسکرول میخوره
میدونید که مشکلش چیه؟
سلام دوست من
ممنون از لطف بیکران شما
امیدوارم در ادامه راه نیز با ما همراه باشید
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
behrooz
5 سال و قبل
سلام مشکل جدی ای دارم
هر بار که میخوام ویدئویی دانلود کنم اجازه دسترسی به من داده نمیشه
منم با کلی دردسر و استفاده از ف ی ل ت ر شکن و وارد شدن با گوشی و … میتونم دسترسی پیدا کنم لطفا این مشکلا حل کنید
اوایل اینجور نبود ولی جدیدا اینجور شده
سلام دوست من
به طور مثال اگر پاراگراف داشته باشیم (p)
معنای سلکتور nth-child با مقدار 2 یعنی اگر المان p رو داشته باشیم و اگر المان p در دومین بخش بود
اما سلکتور nth-of-type دیگه شرط نداره
بررسی بیشتر در لینک زیر https://css-tricks.com/the-difference-between-nth-child-and-nth-of-type
با نهایت تشکر و سپاس
موفق باشید مثل همیشه
Nasrin_S
5 سال و قبل
سلاااااااااااااام
چه طور میشه که با استفاده از هک های Css بیام بگم که اگر مرورگر IE بود برای اون سری از المان هایی که display:flex هستن float:left/right براشون در نظر بگیر؟
سلام دوست من
فقط لازم هست در بخش head یک بخش شرطی قرار دهید که اگر مرورگر شما IE بود بیا این فایل style یا این کد style رو بخون
راهنمایی بیشتر در وب سایت css-tricks
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
mirhamid
5 سال و قبل
سلام
آموزش ها مثل همیشه عالی و پر انرژی هستن ممنونم
یک سایتی هست برای فلکس باکس ها گفتم شاید به درد بچه ها بخوره http://the-echoplex.net/flexyboxes/
majaco
5 سال و قبل
ی سئوالی هم داشتم از خدمتتون:
تا جایی که می دونم و شما فرمودید Flexbox برای راحت و حذف مشکلات float هستش. حالا ی چیز دیگه ای هم هستش توی CSS که توی قرارگیری عناصر صفحه کاربرد داره و اسمش CSS Grid هستش.
می خواستم اگر ممکنه در خصوص CSS Grid اینکه چه کارهایی ازش بر میاد؟ کاربرد عملی آن در چه مواردی هستش؟ آیا یادگیری آن اهمیت داره و باید اون رو یاد بگیریم هم توضیحاتی رو بفرمایید. ضمن اینکه در خصوص ترکیب ِ آن با Flexbox رو هم اشاراتی داشته باشید.
ممنون میشم.
از طرفی در صورتی که یادگیری آن مهمه، می خواستم درخواست کنم آموزشی رو براش قرار بدین، و در حال خاضر هم ی مرجعی رو میشه معرفی کنید تا خودم بهش رجوع کنم؟ سپاس از وقت و زحمات شما
majaco
5 سال و قبل
با سلام و تشکر از شما بابت تهیه این مجموعه آموزشی
مثل همیشه مدرس گرامی پر قوت ُ با روحیه تدریس فرمودند. بهره بردیم.
نقطه ضعف این دوره: متفاوت از دیگر دوره های welearn که کاربردی بودن مطرح بود، درین دوره مثال های کاربردی اصلا زده نشد. نشان داده نشد که حالا اگه بیایم نمونه های عملی رو با این خاصیت جدید درست کنیم به چه نحوی میشه و یا اینکه نمونه هایی که به غیر از FlexBox نشه ساخت هم دیده نشد.
ضعف بزرگی هستش و امیدوارم 2، 3 جلسه کاربردی رو اضافه فرمایید.
{در خصوص جلسه آخر و خاصیت order هم می خواستم نکته ای رو بگم:
تمامی عناصر فلکس دارای یک اولویت پیش فرض ِ صفر هستند و در صورت داشتن مقادیر order مساوی برای دو یا چند عنصر، با توجه به ترتیب نوشتاری html در صفحه قرار می گیرند. ما وقتی از خاصیت order استفاده می کنیم اون مقدار صفر رو داریم تغییر می دهیم. پس از آن، عناصری که مقادیر عددی order می گیرند، هر چه عددی که می گیرند کمتر باشد، زودتر ظاهر می شوند. در واقع order مکان عنصر رو نشان نمی دهد، بلکه اولویت قراردهی را مشخص می کند.
بنابراین اگر ما بیاییم و به برخی از عناصر مقادیر order را بصورت عددی مثبت نسبت دهیم، اما برای سایر عناصر مقداری را مشخص نکنیم، تمامی عناصری که مقدار نگرفته اند براساس ترتیب html خود ابتدا ظاهر می شوند و پس از آنها، عناصری که مقادیر order دارند، هر کدام که عدد مثبت ِ کوچکتری دارند پس از عناصر پیش فرض، به ترتیب پشت سر هم ظاهر می شوند. البته اگر عناصر داشته باشیم که مقادیر ِ عددی منفی داشته باشند، اولویت آنها بالاتر است و حتی قبل از عناصری که با مقادیر پیش فرض ِ صفر بودند، جا می گیرند.
اینکه در هنگام تدریس گفته شد: “اگر به همه ی عناصر مقادیر order ندهیم و فقط به تعدادی از عناصر مقداردهی کنیم، عناصر بهم می ریزند و بی قاعده شده اند” غلط است.}
نقطه ضعف دیگه این دوره هم این بود که تنهای به یکی از خاصیت های Flex-Item ها پرداخته و دیگر خواص آن توضیح داده نشد.
The flex item properties are:
order
flex-grow
flex-shrink
flex-basis
flex
align-self
Farhan
5 سال و قبل
سلام استاد خیلی عالیی توضیح میدید من فقط ویدوهای شمارو نگاه میکنم ممنون از زحماتتون
hossein1212
5 سال و قبل
سلام استاد دمت گرم حال کردم فول یا گرفتم خیلی خوب وران بود به قول ما ترکا یاشا
mehdi3214
5 سال و قبل
سلام .خیلی خیلی جالب بود . ممنون و تشکر از زحمات بی دریغ شما .
mstf
5 سال و قبل
عالی بود … ممنون
mr.programmer
6 سال و قبل
سلام بسیار عالی وجامع بود
yas07
6 سال و قبل
عالی بود.ممنونم.مفید و کامل توضیح دادید.
sajede-khanoom
6 سال و قبل
سلام دوره اموزشی خیلی خوبی بود. ایا بحث flexbox همین قدره و تموم میشه ؟ اگر تموم نمیشه کاش بقیه فیلمای اموزشیشو هم بزارین .
ممنون از زحماتتون کارتون عالیه
سلام خسته نباشید.
من میخام با استفاده از دستور فلکس nav bar ام رو بچینم اما هر کاری میکنم لگویی ک میخام بچینم بسمت چپ نمیره فایل رو میفرستم اگه تونستین کمک کنین ممنون .
سلام دوست من
در صفحه دوره لیست دروس مشخص شده است. با کلیک بر روی هر درس ویدیو آن را میتوانید مشاهده یا دانلود کنید.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
ممنون از انرژی سرشارتون،سال خوبی رو برای شما آرزومندیم.
absoft
6 سال و قبل
سلام بر تیم ویلرن
و تشکر از آموزشای بسیار عالیتون
یه سوال داشتم میخواستم بدونم اگه به بحث فلکس باکس ها مسلط باشیم
دیگه نیازی به اون بحث قدیمی float هست یا نه ؟
آخه من این بحث flexbox رو خیلی خیلی خوب فهمیدم ولی اون بحث float رو نه !
سلام دوست من
خیر هنوز هم بحث float مطرح هست ولی طبیعتا تکنولوژی flexbox قابلیت های فراوانی داره که شما میتونید ساختار و اسکلت اصلی طرح وب سایت رو براساس این تکنولوژی برید و از بحث float در ساختارهای درونی و جزئی استفاده کنید.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
خیلی عالیه که به بحث flexbox مسلط هستین . این طوری میتونین با تکنولوژی روز حرکت کنین .
اگر میتونین نیازتون رو با flexbox برطرف کنین دیگه نیازی نیست وقتتون رو روی float بذارین، چون تمام کارهایی که قبلا با float انجام می شد الان میتونین با flex انجام بدین .
ولی توصیه میشه که float رو هم در حدی بدونین، که اگر با قالبی مواجه شدین که از این مبحث استفاده می کرد، دچار مشکل نشین .
سلام
این آموزش عالی است
سلام استاد عزیز خسته نباشید . من دوره طراحی رابط کاربری رو به اتمام رسوندم خواستم بدونم قدم بعدی در طراحی رابط کاربری چه هست ؟؟
با سلام و خسته نباشید
قصد دارید در این حوزه بمونید یا میخواین وارد مباحث وردپرس بشید. لطفا کمی حوزه علاقه مندی خودتون رو برامون بیشتر شرح بدین تا بتونیم بیشتر راهنماییتون کنیم.
خیییییلی ممنون از تمام اساتید عزیز امیدوارم هرجا هستید موفق باشید
با سلام و خسته نباشید
ممنون از لطف بیکران شما
امیدوارم در ادامه راه نیز با ما همراه باشید…;):)
سلام خدمت اساتید محترم ، من هرچه تلاش می کنم که این دوره را دانلود کنم متاصفانه می نویسه invalid request !
ممکنه پیگیری بفرمایید …
با سلام و خسته نباشید
مشکلی در دانلود یا نمایش ویدیوها مشاهده نکردیم. با مرورگر دیگری تست کنید. همچنین یک بار مودم رو خاموش روشن کنید تا آیپی استاتیک تغییر کند.
سلام استاد عالی درس میدید اگر امکان داره یک دروه اموزش روشهای وردی به سایت با فیس بوک لین دینک توییتر ایمیل رو هم اموزش بدید خیلی واجبه عالی
با سلام و خسته نباشید
بله حتما بحث ورود از طریق اکانت های گوگل ، توییتر و لینکداین رو در صف ضبط آموزش ها قرار خواهیم داد.
سلام خسته نباشید .من دوره ی bootstrap4 گذروندم.
نیازی هست ازframework Ulkit استفاده کنم؟
لازمه چندتا فرم ورک بلد باشیم؟
با سلام و خسته نباشید
طبیعتا هرچه به فریم ورک های بیشتری تسلط داشته باشید دستتون تو طراحی رابط کاربری خیلی بازتر هست.
سلام و خسته نباشید
من از flex-wrap استفاده می کنم ولی وقتی که در سایز تبلت و موبایل میشه بجایی که بره پایین هیچ تغییری نمیکنه و اسکرول میخوره
میدونید که مشکلش چیه؟
وقتی به یک المان Parent ساختار flex-wrap میدین بعد از این المان باید المان های فرزند قرار بگیرند. الان تگ section مشکل ایجاد میکنه.
دمت گرم دلاور فرآیند سایت عالیه
باسلام ویدیوها رو نه میتونم ببینم ونه میتونم دانلود کنم ممنون میشم راهنمایی کنید
سلام دوست من
مشکلی در مشاهده ویدیوها یا دانلود آنها مشاهده نشد.
لطفا با مرورگر دیگری امتحان کنید.
استاد چقدر شما خوبین. خیلی پر انرژی و سریع و جمع بندی شده درست میدین . خیلی عالیه واقعا دمتون گرم. انرژی تون هم عالیه
سلام دوست من
ممنون از لطف بیکران شما
امیدوارم در ادامه راه نیز با ما همراه باشید
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام مشکل جدی ای دارم
هر بار که میخوام ویدئویی دانلود کنم اجازه دسترسی به من داده نمیشه
منم با کلی دردسر و استفاده از ف ی ل ت ر شکن و وارد شدن با گوشی و … میتونم دسترسی پیدا کنم لطفا این مشکلا حل کنید
اوایل اینجور نبود ولی جدیدا اینجور شده
سلام
فرق baseline و flex-start چی هست؟
ممنون
سلام دوست من
flex-start میاد ستون ها رو با موقعیت بالا مرتب میکنه اما baseline موقعیت قرارگیری المان های داخل (متون) هر ستون رو برابر میکنه
ممنون
وقت بخیر
آقای مظلوم رویداد nth-child چه تفاوتی با رویداد nth-of-type داره؟
سلام دوست من
به طور مثال اگر پاراگراف داشته باشیم (p)
معنای سلکتور nth-child با مقدار 2 یعنی اگر المان p رو داشته باشیم و اگر المان p در دومین بخش بود
اما سلکتور nth-of-type دیگه شرط نداره
بررسی بیشتر در لینک زیر
https://css-tricks.com/the-difference-between-nth-child-and-nth-of-type
با نهایت تشکر و سپاس
موفق باشید مثل همیشه
سلاااااااااااااام
چه طور میشه که با استفاده از هک های Css بیام بگم که اگر مرورگر IE بود برای اون سری از المان هایی که display:flex هستن float:left/right براشون در نظر بگیر؟
سلام دوست من
فقط لازم هست در بخش head یک بخش شرطی قرار دهید که اگر مرورگر شما IE بود بیا این فایل style یا این کد style رو بخون
راهنمایی بیشتر در وب سایت css-tricks
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام
آموزش ها مثل همیشه عالی و پر انرژی هستن ممنونم
یک سایتی هست برای فلکس باکس ها گفتم شاید به درد بچه ها بخوره
http://the-echoplex.net/flexyboxes/
ی سئوالی هم داشتم از خدمتتون:
تا جایی که می دونم و شما فرمودید Flexbox برای راحت و حذف مشکلات float هستش. حالا ی چیز دیگه ای هم هستش توی CSS که توی قرارگیری عناصر صفحه کاربرد داره و اسمش CSS Grid هستش.
می خواستم اگر ممکنه در خصوص CSS Grid اینکه چه کارهایی ازش بر میاد؟ کاربرد عملی آن در چه مواردی هستش؟ آیا یادگیری آن اهمیت داره و باید اون رو یاد بگیریم هم توضیحاتی رو بفرمایید. ضمن اینکه در خصوص ترکیب ِ آن با Flexbox رو هم اشاراتی داشته باشید.
ممنون میشم.
از طرفی در صورتی که یادگیری آن مهمه، می خواستم درخواست کنم آموزشی رو براش قرار بدین، و در حال خاضر هم ی مرجعی رو میشه معرفی کنید تا خودم بهش رجوع کنم؟ سپاس از وقت و زحمات شما
با سلام و تشکر از شما بابت تهیه این مجموعه آموزشی
مثل همیشه مدرس گرامی پر قوت ُ با روحیه تدریس فرمودند. بهره بردیم.
نقطه ضعف این دوره: متفاوت از دیگر دوره های welearn که کاربردی بودن مطرح بود، درین دوره مثال های کاربردی اصلا زده نشد. نشان داده نشد که حالا اگه بیایم نمونه های عملی رو با این خاصیت جدید درست کنیم به چه نحوی میشه و یا اینکه نمونه هایی که به غیر از FlexBox نشه ساخت هم دیده نشد.
ضعف بزرگی هستش و امیدوارم 2، 3 جلسه کاربردی رو اضافه فرمایید.
{در خصوص جلسه آخر و خاصیت order هم می خواستم نکته ای رو بگم:
تمامی عناصر فلکس دارای یک اولویت پیش فرض ِ صفر هستند و در صورت داشتن مقادیر order مساوی برای دو یا چند عنصر، با توجه به ترتیب نوشتاری html در صفحه قرار می گیرند. ما وقتی از خاصیت order استفاده می کنیم اون مقدار صفر رو داریم تغییر می دهیم. پس از آن، عناصری که مقادیر عددی order می گیرند، هر چه عددی که می گیرند کمتر باشد، زودتر ظاهر می شوند. در واقع order مکان عنصر رو نشان نمی دهد، بلکه اولویت قراردهی را مشخص می کند.
بنابراین اگر ما بیاییم و به برخی از عناصر مقادیر order را بصورت عددی مثبت نسبت دهیم، اما برای سایر عناصر مقداری را مشخص نکنیم، تمامی عناصری که مقدار نگرفته اند براساس ترتیب html خود ابتدا ظاهر می شوند و پس از آنها، عناصری که مقادیر order دارند، هر کدام که عدد مثبت ِ کوچکتری دارند پس از عناصر پیش فرض، به ترتیب پشت سر هم ظاهر می شوند. البته اگر عناصر داشته باشیم که مقادیر ِ عددی منفی داشته باشند، اولویت آنها بالاتر است و حتی قبل از عناصری که با مقادیر پیش فرض ِ صفر بودند، جا می گیرند.
اینکه در هنگام تدریس گفته شد: “اگر به همه ی عناصر مقادیر order ندهیم و فقط به تعدادی از عناصر مقداردهی کنیم، عناصر بهم می ریزند و بی قاعده شده اند” غلط است.}
سرزنده باشید.
نقطه ضعف دیگه این دوره هم این بود که تنهای به یکی از خاصیت های Flex-Item ها پرداخته و دیگر خواص آن توضیح داده نشد.
The flex item properties are:
order
flex-grow
flex-shrink
flex-basis
flex
align-self
سلام استاد خیلی عالیی توضیح میدید من فقط ویدوهای شمارو نگاه میکنم ممنون از زحماتتون
سلام استاد دمت گرم حال کردم فول یا گرفتم خیلی خوب وران بود به قول ما ترکا یاشا
سلام .خیلی خیلی جالب بود . ممنون و تشکر از زحمات بی دریغ شما .
عالی بود … ممنون
سلام بسیار عالی وجامع بود
عالی بود.ممنونم.مفید و کامل توضیح دادید.
سلام دوره اموزشی خیلی خوبی بود. ایا بحث flexbox همین قدره و تموم میشه ؟ اگر تموم نمیشه کاش بقیه فیلمای اموزشیشو هم بزارین .
ممنون از زحماتتون کارتون عالیه
سلام دوست من
بحث Flexbox همین مواردی بود که گفتیم.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام… واقعن بینظیرید شما… ممنونم بابت زحماتتون 🙂
ممنون از شما و موفق باشید 🙂
سلام خسته نباشید.
من میخام با استفاده از دستور فلکس nav bar ام رو بچینم اما هر کاری میکنم لگویی ک میخام بچینم بسمت چپ نمیره فایل رو میفرستم اگه تونستین کمک کنین ممنون .
سلام دوست من
به کلاس navigation استایل های زیر رو بدین:
;display: flex
;justify-content: space-between
به جای space-between میتونین از space-around هم استفاده کنین.
سلام. آموزش بسیار خوبی هست. تشکر بابت قرار دادن این آموزش در سایت.
به امید موفقیت بیشتر وی لرن
سلام خسته نباشید لطفا قابلیت دانلود هم بزارید
سلام دوست من
در صفحه دوره لیست دروس مشخص شده است. با کلیک بر روی هر درس ویدیو آن را میتوانید مشاهده یا دانلود کنید.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
عالی بود مرسی عاشق اموزش های رایگانتونم
سلام دوست ممنون سال نو رو خدمتتون تبریک میگم
ممنون از انرژی سرشارتون،سال خوبی رو برای شما آرزومندیم.
سلام بر تیم ویلرن
و تشکر از آموزشای بسیار عالیتون
یه سوال داشتم میخواستم بدونم اگه به بحث فلکس باکس ها مسلط باشیم
دیگه نیازی به اون بحث قدیمی float هست یا نه ؟
آخه من این بحث flexbox رو خیلی خیلی خوب فهمیدم ولی اون بحث float رو نه !
سلام دوست من
خیر هنوز هم بحث float مطرح هست ولی طبیعتا تکنولوژی flexbox قابلیت های فراوانی داره که شما میتونید ساختار و اسکلت اصلی طرح وب سایت رو براساس این تکنولوژی برید و از بحث float در ساختارهای درونی و جزئی استفاده کنید.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام دوست عزیز
خیلی عالیه که به بحث flexbox مسلط هستین . این طوری میتونین با تکنولوژی روز حرکت کنین .
اگر میتونین نیازتون رو با flexbox برطرف کنین دیگه نیازی نیست وقتتون رو روی float بذارین، چون تمام کارهایی که قبلا با float انجام می شد الان میتونین با flex انجام بدین .
ولی توصیه میشه که float رو هم در حدی بدونین، که اگر با قالبی مواجه شدین که از این مبحث استفاده می کرد، دچار مشکل نشین .