html and css آموزش


Channel's geo and language: not specified, not specified
Category: not specified


اول کانال :
https://t.me/htmlcss_channel/2
گروه html css
@htmlcssGroup
کانال اصلی :
@webamooz_net
وب سایت :
webamooz.net

Related channels  |  Similar channels

Channel's geo and language
not specified, not specified
Category
not specified
Statistics
Posts filter


لیست آموزش های کانال تا الان

آموزش فلکس باکس
https://t.me/htmlcss_channel/12
خاصیت box-sizing در سی اس اس
https://t.me/htmlcss_channel/15
شبه عناصر before و after
https://t.me/htmlcss_channel/16
عناصر inline و block و رفع محدودیت عناصر inline با inline-block
https://t.me/htmlcss_channel/16
سلکتور های پیشرفته در سی اس اس
https://t.me/htmlcss_channel/17
مبحث stickyFooter
https://t.me/htmlcss_channel/20
مفهوم flow
https://t.me/htmlcss_channel/24
خاصیت Transform در css
https://t.me/htmlcss_channel/21
مینی پروژه ساخت checkbox , radiobutton سفارشی روش اول
https://t.me/htmlcss_channel/22
مینی پروژه ساخت checkbox , radiobutton سفارشی روش دوم
https://t.me/htmlcss_channel/24
مینی پروژه navigation با انیمیشن زیبا و اشنایی با دستور انمیشن در سی اس اس
https://t.me/htmlcss_channel/28
مینی پروژه ساخت منوی کشویی
https://t.me/htmlcss_channel/31
ویژیگی visibility تفاوت visibility: hidden با display:none
https://t.me/htmlcss_channel/24
پروژه ui تلگرام با کمک flexbox
https://t.me/htmlcss_channel/34
ساخت dropDown سفارشی
https://t.me/htmlcss_channel/44
مینی پروژه wave Animationi
https://t.me/htmlcss_channel/48
رسپانسیو سازی صفحات وب با کمک مدیا کوئری
https://t.me/htmlcss_channel/51
منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟
https://t.me/htmlcss_channel/83

مبحث پوزشین ها در سی اس اس

https://t.me/htmlcss_channel/96


Forward from: webAmooz.net ‌ وب آموز
دوره طراحی قالب فروشگاه اینترنتی به صورت رسپانسیو

کد نویسی شده با : Html Css (FlexBox) javaScript jQuery

👈مدرس دوره : محمد نیکو
👈وضعیت دوره : تکمیل شده
👈تعداد جلسات : 43 جلسه
👈مدت زمان دوره : 12 ساعت

✅ قیمت : 50 هزار تومان

لینک دوره :
webamooz.net/courses/shop-template-design/view

دمو قالبی که در این دوره پیاده سازی میشه 👇
https://webamooz.net/shop/
https://webamooz.net/shop/product.html
https://webamooz.net/shop/category.html
https://webamooz.net/shop/cart.html
https://webamooz.net/shop/sign-in.html
https://webamooz.net/shop/sign-up.html

Id Channel : @webamooz_net


با سلام بعضی از دوستان سوال میپرسن که فرق flex-basis و width چیه خب من سعی میکنم یه چندتاشو که حضور ذهن دارم و مهم تر هستن رو بگم

یکی از فرق هاش اینکه تا وقتی عنصر پدر دیس پلی فلکس نگیره فلکس بیسیس کار نمیکنه ولی width اینطوری نیست
و اگر فلکس دایرکشن row باشه به عرض اون مقدار اختصاص داده میشه اگر کالمن باشه به ارتقاعش اختصاص داده میشه
و اینکه فلکس بیسس رو با شرینگ و گرو میتونیم به خوبی استفاده کنیم جهت اینکه به تغییر دلخواهمون برسیم
وقتی فلکس بیسیس میدیم به عصر نگه داره اندازه ایتم های فرزندشو نادیدیده میگیره ولی توی width اینطوری نیست
وقتی وید و فلکس بیسس رو باهم استفاده میکی بیسس الویت داره


Video is unavailable for watching
Show in Telegram
ویژیگی Position در Css بخش چهارم

پوزشین absolute
فرق بین پوزشین absolute و relative
مدرس محمد نیکو
ID Channel : @htmlcss_channel


Video is unavailable for watching
Show in Telegram
ویژیگی Position در Css بخش سوم

پوزشین relative

توصیه میکنم همه دوستان ببینن حتی اونایی بلدن پوزشین هارو

مدرس محمد نیکو
ID Channel : @htmlcss_channel


Video is unavailable for watching
Show in Telegram
ویژیگی Position در Css بخش دوم

در این ویدیو برسی میکیم
کار ویژیگی position
مقادیر ویژیگی position
نقطه مبدا مختصات


مدرس محمد نیکو
ID Channel : @htmlcss_channel


Video is unavailable for watching
Show in Telegram
ویژیگی Position در Css بخش اول

در این ویدیو برسی میکیم
مفهوم Flow
مفهوم ViewPort

مدرس محمد نیکو
ID Channel : @htmlcss_channel


Forward from: webAmooz.net ‌ وب آموز
برنامه نویسی بک اند رو دوست دارید یا فرانت ؟
Poll
  •   بک اند
  •   فرانت اند
  •   نظری ندارم دیدن نتایج
1661 votes


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

در مورد واحد های نسبی 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 میشه px
16* 2 = 32px


blog.zip
1.3Mb
سورسی که به زودی قرار هست آموزش ساختشو بزاریم اینه

فوتر رو تغییر میدیم البته یه خورده

اگر نظری دارید کامنت کنید


به زودی یک دوره پروژه محور به صورت رایگان قرار هست ضبط کنم بزارم چنل و سایت به نظرتون جی اس هاشم کد بزنیم یا فقط تمرکز روی html css باشد؟
Poll
  •   فقط htmlcss
  •   جی اس هم باشه و توضیح کامل بدید
  •   جی اس هم باشه ولی نیاز به توضیح دادن نیست
567 votes


Video is unavailable for watching
Show in Telegram
منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟

داخل این ویدیو با یک مثال خیلی ساده توضیح دادم

مدرس محمد نیکو
ID Channel : @htmlcss_channel


میدونید تم دارک یا هرچیز دیگه ای به چه صورت انجام میشه یا اموزشش رو بزاریم
Poll
  •   میدونم
  •   نمیدونم اموزششو بزارید
403 votes


آموزش های چنل توی سایت هم قرار گرفت


Forward from: webAmooz.net ‌ وب آموز
دوره پروژه محور و کاربردی html css

👈 مدرس : محمد نیکو

لینک دوره :

webamooz.net/courses/htmlcss/view

id Channel : @webamooz_net


آموزش ساخت خوده ui تلگرام

https://t.me/htmlcss_channel/34


Video is unavailable for watching
Show in Telegram
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت پنجم

مینی پروژه سوم- رسپانسیو کردن پروژه تلگرام

نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
https://t.me/htmlcss_channel/16


فایل های مورد نیاز :
https://t.me/htmlcss_channel/26


مدرس محمد نیکو
ID Channel : @htmlcss_channel

نظر فراموش نشه که یه فید بکی بگیریم


اموزش ساخت خوده این نوبار
https://t.me/htmlcss_channel/31


Video is unavailable for watching
Show in Telegram
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت چهارم

مینی پروژه دوم- رسپانسیو سازی نوبار

نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
https://t.me/htmlcss_channel/16


فایل های مورد نیاز :
https://t.me/htmlcss_channel/26


مدرس محمد نیکو
ID Channel : @htmlcss_channel

نظر فراموش نشه که یه فید بکی بگیریم


Video is unavailable for watching
Show in Telegram
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت سوم

مینی پروژه اول

نکته : برای اینکه خروجی شمام شبیه به خروجی من باشه باید این ویدیو رو هم نگاه بکنید
https://t.me/htmlcss_channel/16


فایل های مورد نیاز :
https://t.me/htmlcss_channel/26


مدرس محمد نیکو
ID Channel : @htmlcss_channel

نظر فراموش نشه که یه فید بکی بگیریم

20 last posts shown.

3 266

subscribers
Channel statistics