html and css آموزش


Гео и язык канала: не указан, не указан
Категория: не указана


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

Связанные каналы  |  Похожие каналы

Гео и язык канала
не указан, не указан
Категория
не указана
Статистика
Фильтр публикаций


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

آموزش فلکس باکس
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


Репост из: 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 اینطوری نیست
وقتی وید و فلکس بیسس رو باهم استفاده میکی بیسس الویت داره


Видео недоступно для предпросмотра
Смотреть в Telegram
ویژیگی Position در Css بخش چهارم

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


Видео недоступно для предпросмотра
Смотреть в Telegram
ویژیگی Position در Css بخش سوم

پوزشین relative

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

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


Видео недоступно для предпросмотра
Смотреть в Telegram
ویژیگی Position در Css بخش دوم

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


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


Видео недоступно для предпросмотра
Смотреть в Telegram
ویژیگی Position در Css بخش اول

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

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


Репост из: webAmooz.net ‌ وب آموز
برنامه نویسی بک اند رو دوست دارید یا فرانت ؟
Опрос
  •   بک اند
  •   فرانت اند
  •   نظری ندارم دیدن نتایج
1661 голосов


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

در مورد واحد های نسبی 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.3Мб
سورسی که به زودی قرار هست آموزش ساختشو بزاریم اینه

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

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


به زودی یک دوره پروژه محور به صورت رایگان قرار هست ضبط کنم بزارم چنل و سایت به نظرتون جی اس هاشم کد بزنیم یا فقط تمرکز روی html css باشد؟
Опрос
  •   فقط htmlcss
  •   جی اس هم باشه و توضیح کامل بدید
  •   جی اس هم باشه ولی نیاز به توضیح دادن نیست
567 голосов


Видео недоступно для предпросмотра
Смотреть в Telegram
منطق پیاده سازی تم دارک یا هر تم دیگه ای به چه شکله؟

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

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


میدونید تم دارک یا هرچیز دیگه ای به چه صورت انجام میشه یا اموزشش رو بزاریم
Опрос
  •   میدونم
  •   نمیدونم اموزششو بزارید
403 голосов


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


Репост из: webAmooz.net ‌ وب آموز
دوره پروژه محور و کاربردی html css

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

لینک دوره :

webamooz.net/courses/htmlcss/view

id Channel : @webamooz_net


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

https://t.me/htmlcss_channel/34


Видео недоступно для предпросмотра
Смотреть в Telegram
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت پنجم

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

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


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


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

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


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


Видео недоступно для предпросмотра
Смотреть в Telegram
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت چهارم

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

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


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


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

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


Видео недоступно для предпросмотра
Смотреть в Telegram
رسپانسیو سازی صفحات وب با کمک مدیا کوئری- قسمت سوم

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

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


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


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

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

Показано 20 последних публикаций.

3 266

подписчиков
Статистика канала