20931
ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822
سلام
گروه جدید فرانتمون دوستان جوین شید
/channel/Frontend_Grp
لیست آموزش های کانال تا الان
آموزش فلکس باکس
/channel/htmlcss_channel/12
خاصیت box-sizing در سی اس اس
/channel/htmlcss_channel/15
شبه عناصر before و after
/channel/htmlcss_channel/16
عناصر inline و block و رفع محدودیت عناصر inline با inline-block
/channel/htmlcss_channel/16
سلکتور های پیشرفته در سی اس اس
/channel/htmlcss_channel/17
مبحث stickyFooter
/channel/htmlcss_channel/20
مفهوم flow
/channel/htmlcss_channel/24
خاصیت Transform در css
/channel/htmlcss_channel/21
مینی پروژه ساخت checkbox , radiobutton سفارشی روش اول
/channel/htmlcss_channel/22
مینی پروژه ساخت checkbox , radiobutton سفارشی روش دوم
/channel/htmlcss_channel/24
مینی پروژه navigation با انیمیشن زیبا و اشنایی با دستور انمیشن در سی اس اس
/channel/htmlcss_channel/28
مینی پروژه ساخت منوی کشویی
/channel/htmlcss_channel/31
ویژیگی visibility تفاوت visibility: hidden با display:none
/channel/htmlcss_channel/24
پروژه ui تلگرام با کمک flexbox
/channel/htmlcss_channel/34
ساخت dropDown سفارشی
/channel/htmlcss_channel/44
مینی پروژه wave Animationi
/channel/htmlcss_channel/48
رسپانسیو سازی صفحات وب با کمک مدیا کوئری
/channel/htmlcss_channel/51
منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟
/channel/htmlcss_channel/83
مبحث پوزشین ها در سی اس اس
/channel/htmlcss_channel/96
:where(header, main, footer) p:hover {
color: red;
cursor: pointer;
}
قبلا به این شکل انجام میدادیم
header p:hover,
main p:hover,
footer p:hover {
color: red;
cursor: pointer;
}
خب دوستان توی css دو تا روش جدید معرفی شده که میتونید باشون چندتا المنت رو انتخاب کنید ()where: و ()is: هستن
با سلام بعضی از دوستان سوال میپرسن که فرق flex-basis و width چیه خب من سعی میکنم یه چندتاشو که حضور ذهن دارم و مهم تر هستن رو بگم
یکی از فرق هاش اینکه تا وقتی عنصر پدر دیس پلی فلکس نگیره فلکس بیسیس کار نمیکنه ولی width اینطوری نیست
و اگر فلکس دایرکشن row باشه به عرض اون مقدار اختصاص داده میشه اگر کالمن باشه به ارتقاعش اختصاص داده میشه
و اینکه فلکس بیسس رو با شرینگ و گرو میتونیم به خوبی استفاده کنیم جهت اینکه به تغییر دلخواهمون برسیم
وقتی فلکس بیسیس میدیم به عصر نگه داره اندازه ایتم های فرزندشو نادیدیده میگیره ولی توی width اینطوری نیست
وقتی وید و فلکس بیسس رو باهم استفاده میکی بیسس الویت داره
ویژیگی Position در Css بخش سوم
پوزشین relative
توصیه میکنم همه دوستان ببینن حتی اونایی بلدن پوزشین هارو
مدرس محمد نیکو
ID Channel : @htmlcss_channel
ویژیگی Position در Css بخش اول
در این ویدیو برسی میکیم
مفهوم Flow
مفهوم ViewPort
مدرس محمد نیکو
ID Channel : @htmlcss_channel
سورسی که به زودی قرار هست آموزش ساختشو بزاریم اینه
فوتر رو تغییر میدیم البته یه خورده
اگر نظری دارید کامنت کنید
آموزش ساخت خوده ui تلگرام
/channel/htmlcss_channel/34
اموزش ساخت خوده این نوبار
/channel/htmlcss_channel/31
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت سوم
مینی پروژه اول
نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel
نظر فراموش نشه که یه فید بکی بگیریم
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت اول
متا تگ ویو پورت
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel
چیزی که داخل این سه ویدیو بالا پیاده سازی میشه
ID Channel : @htmlcss_channel
اموزش ساخت dropdown اختصاصی با html css jquery قسمت 2
فایل جی کوئری رو یادتون نره اضافه کنید
این ویدیو از دوره طراحی قالب فروشگاهی هستش که توی سایت موجوده
مدرس محمد نیکو
ID Channel : @htmlcss_channel
پروژه ui تلگرام با کمک flexbox- بخش آخر
نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel
دوره طراحی قالب فروشگاه اینترنتی به صورت رسپانسیو
کد نویسی شده با : Html Css (FlexBox) javaScript jQuery
👈مدرس دوره : محمد نیکو
👈وضعیت دوره : تکمیل شده
👈تعداد جلسات : 43 جلسه
👈مدت زمان دوره : 12 ساعت
✅ قیمت : 550 هزار تومن
دمو قالبی که در این دوره پیاده سازی میشه 👇
https://bicoo.ir/shop/
https://bicoo.ir/shop/product.html
https://bicoo.ir/shop/category.html
https://bicoo.ir/shop/cart.html
https://bicoo.ir/shop/sign-in.html
https://bicoo.ir/shop/sign-up.html
برای خرید پیام بدید
@nikoo_mohammad
لیست آموزش های کانال تا الان
آموزش فلکس باکس
/channel/htmlcss_channel/12
خاصیت box-sizing در سی اس اس
/channel/htmlcss_channel/15
شبه عناصر before و after
/channel/htmlcss_channel/16
عناصر inline و block و رفع محدودیت عناصر inline با inline-block
/channel/htmlcss_channel/16
سلکتور های پیشرفته در سی اس اس
/channel/htmlcss_channel/17
مبحث stickyFooter
/channel/htmlcss_channel/20
مفهوم flow
/channel/htmlcss_channel/24
خاصیت Transform در css
/channel/htmlcss_channel/21
مینی پروژه ساخت checkbox , radiobutton سفارشی روش اول
/channel/htmlcss_channel/22
مینی پروژه ساخت checkbox , radiobutton سفارشی روش دوم
/channel/htmlcss_channel/24
مینی پروژه navigation با انیمیشن زیبا و اشنایی با دستور انمیشن در سی اس اس
/channel/htmlcss_channel/28
مینی پروژه ساخت منوی کشویی
/channel/htmlcss_channel/31
ویژیگی visibility تفاوت visibility: hidden با display:none
/channel/htmlcss_channel/24
پروژه ui تلگرام با کمک flexbox
/channel/htmlcss_channel/34
ساخت dropDown سفارشی
/channel/htmlcss_channel/44
مینی پروژه wave Animationi
/channel/htmlcss_channel/48
رسپانسیو سازی صفحات وب با کمک مدیا کوئری
/channel/htmlcss_channel/51
منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟
/channel/htmlcss_channel/83
مبحث پوزشین ها در سی اس اس
/channel/htmlcss_channel/96
ویژیگی Position در Css بخش چهارم
پوزشین absolute
فرق بین پوزشین absolute و relative
مدرس محمد نیکو
ID Channel : @htmlcss_channel
ویژیگی Position در Css بخش دوم
در این ویدیو برسی میکیم
کار ویژیگی position
مقادیر ویژیگی position
نقطه مبدا مختصات
مدرس محمد نیکو
ID Channel : @htmlcss_channel
حالا که فلا وقت نمیکنیم به صورت ویدیو آموزش بزاریم یک خورده هم متنی اموزش میزاریم
در مورد واحد های نسبی em و rem
em
—————————————————————————
مثلا اگر ما به تگ p اگه بگیم
font-size:10px = 1em
این میشه یکem
بعد اگر باز بگیم 2em میشه 20 پیکسل
width:2em = 2 * 10 = 20px
حالا اگر برای این تگ p فونت سایزی اول ست نکنیم فونت سایز عنصر پدرشو در نظر میگیره باز اگر برا والد شم در نظر نگرفته باشیم فونت سازی رو همینطوری یه پله یه پله والد ها دیگه رو چک میکنه تا به فونت سایز برسه
اگرم دیگه هیشکدوم فونت سایز نداشتن به عنصر روت html میرسه که فونت سایز پیشفرضش 16px هستش که 16 پیکسل میشه یکem
—————————————————————————
rem
فونت سایز عنصر html که 16 باشه هستش که میشه یک rem = 16px
و هرجا بگیم مثلا 2rem میشه 32px
16* 2 = 32px
منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟
داخل این ویدیو با یک مثال خیلی ساده توضیح دادم
مدرس محمد نیکو
ID Channel : @htmlcss_channel
دوره پروژه محور و کاربردی html css
👈 مدرس : محمد نیکو
لینک دوره :
webamooz.net/courses/htmlcss/view
id Channel : @webamooz_net
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت پنجم
مینی پروژه سوم- رسپانسیو کردن پروژه تلگرام
نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel
نظر فراموش نشه که یه فید بکی بگیریم
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت چهارم
مینی پروژه دوم- رسپانسیو سازی نوبار
نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel
نظر فراموش نشه که یه فید بکی بگیریم
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت دوم
مدیا کوئری چیست
سینتکس مدیا کوئری
نحوه کار کرد مدیا کوئری
نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel
نظر فراموش نشه که یه فید بکی بگیریم
مینی پروژه wave animation
نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel
اموزش ساخت dropdown اختصاصی با html css jquery قسمت آخر
فایل جی کوئری رو یادتون نره اضافه کنید
این ویدیو از دوره طراحی قالب فروشگاهی هستش که توی سایت موجوده
مدرس محمد نیکو
ID Channel : @htmlcss_channel
اموزش ساخت dropdown اختصاصی با html css jquery
فایل جی کوئری رو یادتون نره اضافه کنید
این ویدیو از دوره طراحی قالب فروشگاهی هستش که توی سایت موجوده
مدرس محمد نیکو
ID Channel : @htmlcss_channel
پروژه ui تلگرام با کمک flexbox- بخش هفتم
نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
/channel/htmlcss_channel/16
فایل های مورد نیاز :
/channel/htmlcss_channel/26
مدرس محمد نیکو
ID Channel : @htmlcss_channel