html & css - آموزش کامل اچ تی ام ال و سی اس اس از مبتدی تا پیشرفته 💯💥
این دوره قدم اول یادگیری طراحی سایت است.
برای دانلود جزوه پیدیاف رنگی مکمل این دوره به صفحه زیر مراجعه کنید:
https://chandvajhi.com/start-book/
مخاطبان دوره
کسانی که هیچ تجربهای در طراحی وب ندارند و میخواهند تازه شروع کنند 🌻
کسانی که در مفاهیم و کدهای پایه مشکل دارند و میخواهند استاندارد آموزش ببینن 🌻
دانشجویان کامپیوتر،IT و … 🌻
علاقه مندان به ورود به دنیای طراحی سایت و برنامه نویسی 🌻
ویژگیهای دوره
ویدیو با کیفیت 🌟
سرفصل استاندارد 🌟
درسهای کوتاه و قابل فهم 🌟
تمرین برای هر درس 🌟
بزرگترین دستاوردهای شرکت در این دوره چیه؟
با شرکت در این دوره متوجه خواهید شد که به این حوزه علاقه مند هستید یا نه 🏆
ورود به دنیای طراحی سایت و اپلیکیشن 🏆
آشنا شدن با محیط کد نویسی 🏆
بیش از ۷۰ چالش برای تقویت مهارت کد نویسی 🏆
ساخت یک پروژه عملی کوچک و روبرو شدن با چالش های آن 🏆
با ثبت نام در این دوره چه چیزی دریافت خواهم کرد؟
بیش از ۷۰ ویدیو با کیفیت فول اچدی 🎁
با هر درس یک جزوه پیدیاف رنگی، شامل (توضیحات درس، تمرین، راهنمای حل تمرین) 🎁
کدهای ارائه شده در هر ویدیو 🎁
ثبت نام در دوره رایگان استارت: 👇👇👇
https://chandvajhi.com/product/start/
امکان دانلود ویدیوها به صورت تکی در سایت چندوجهی وجود دارد.
با ثبت نام در سایت میتوانید اشکالات خودتان را از طریق کامنت یا تیکت مطرح کنید تا در کوتاهترین زمان به شما پاسخ بدهیم.
HTML:
0:00 نصب نرم افزار کد نویسی vs code و live server
3:32 به المنت های اچتیامال سلام کن
12:58 عنوان با المنت h2
17:30 آشنایی با المنت پاراگراف
21:19 جای خالی را پُر کنید!
23:52 Uncomment
30:31 کامنت گذاری
32:40 حذف کردن المنتها
35:52 معرفی HTML5
43:25 اضافه کردن تصویر به سایت
53:08 ساخت لینک با المنت اَنکِر
1:03:12 ساخت لینک برای بخش های داخلی یک صفحه
1:15:32 تو در تو کردن لینک در پاراگراف
1:23:53 ساخت لینک های مُرده
1:27:57 تبدیل تصویر به لینک
1:32:55 ساخت لیست نامرتب
1:38:12 ساخت لیست مرتب
1:42:19 ساخت یک فیلد متنی
1:45:51 متن راهنما برای فیلد متنی
1:49:18 ساخت یک فرم
1:54:24 دکمه ارسال فرم
1:57:42 فیلدهای الزامی در اچتیامال
1:58:39 دکمه های رادیویی Radio Buttons
2:01:35 چک باکس Checkbox
2:04:11 استفاده از مقادیر دکمه های رادیویی و چک باکس ها
2:06:14 فعال سازی دکمه های رادیویی و چک باکس به صورت پیش فرض
2:09:21 تو در تو کردن المنت ها با یک دیو
2:11:12 نوشتن DOCTYPE برای سند HTML
2:13:32 نوشتن HEAD و Body برای یک سند HTML
CSS:
2:17:30 تغییر رنگ متن
2:27:31 استایل دهی به المنت ها با سلکتورهای سیاساس
2:35:02 استایل دهی با استفاده از کلاس
2:42:43 استایل دهی به چندین المنت به طور همزمان با کلاس ها
2:45:24 تغییر اندازه فونت یک المنت
2:47:27 تغییر خانواده فونت یک المنت – Font Family
2:57:30 ایمپورت کردن فونتهای گوگل
3:04:23 تعیین اولویت نمایش فونتها – Fonts Degrading
3:09:25 تغییر اندازه تصاویر
3:13:04 ایجاد حاشیه برای یک المنت
3:16:51 border-radius
3:18:55 ساخت تصاویر دایرهای
3:21:33 تغییر رنگ پسزمینه یک دیو
3:26:25 id
3:30:05 استایلدهی به یک المنت با استفاده از id
3:34:07 تنظیم پدینگ برای یک المنت
3:39:50 تنظیم مارجین برای یک المنت
3:43:07 تنظیم مقدار منفی برای مارجین یک المنت
3:46:34 تنظیم مقادیر مختلف پدینگ برای هر طرف یک المنت
3:50:39 تنظیم مقادیر مختلف مارجین برای هر طرف یک المنت
3:54:42 مقداردهی پدینگ با روش ساعتگرد
3:58:40 مقداردهی مارجین با روش ساعتگرد
4:00:55 Attribute Selector
4:06:33 درک واحدهای Absolute و Relative
4:15:15 استایلدهی به المنت body
4:18:57 ارثبری از استایلهای المنت body
4:23:03 اولویتبندی استایلها
4:27:38 نادیده گرفتن استایلها
4:33:08 نادیده گرفتن کلاسها با id
4:39:54 نادیده گرفتن کلاسها با استایلهای خطی
4:44:06 نادیده گرفتن تمام استایلها با استفاده از important
4:49:49 استفاده از کد هگز برای تعیین رنگ
4:57:33 ترکیب کردن رنگها با hex code
5:00:51 مخفف کردن hex code
5:02:55 تعیین رنگ یک المنت با RGB
5:05:39 ترکیب رنگها با RGB
5:08:10 متغیرها در CSS
5:13:09 ساخت متغیرهای سفارشی در CSS
5:16:45 استفاده از متغیرهای سفارشی در CSS
5:21:03 فالبک برای متغیرها
5:25:35 بهبود سازگاری با مرورگرها
5:30:25 ارث بری در متغیرهای CSS
5:33:34 تغییر دادن یک متغیر در محدوده خاص
5:36:48 استفاده از مدیا کوئری برای تغییر یک متغیر
آدرس سایت و شبکه های اجتماعی ما:
https://chandvajhi.com
Instagram: chandvajhi
https://www.aparat.com/chandvajhi
https://t.me/chandvajhicom
برای دانلود جزوه پیدیاف رنگی مکمل این دوره به صفحه زیر مراجعه کنید:
https://chandvajhi.com/start-book/
مخاطبان دوره
کسانی که هیچ تجربهای در طراحی وب ندارند و میخواهند تازه شروع کنند 🌻
کسانی که در مفاهیم و کدهای پایه مشکل دارند و میخواهند استاندارد آموزش ببینن 🌻
دانشجویان کامپیوتر،IT و … 🌻
علاقه مندان به ورود به دنیای طراحی سایت و برنامه نویسی 🌻
ویژگیهای دوره
ویدیو با کیفیت 🌟
سرفصل استاندارد 🌟
درسهای کوتاه و قابل فهم 🌟
تمرین برای هر درس 🌟
بزرگترین دستاوردهای شرکت در این دوره چیه؟
با شرکت در این دوره متوجه خواهید شد که به این حوزه علاقه مند هستید یا نه 🏆
ورود به دنیای طراحی سایت و اپلیکیشن 🏆
آشنا شدن با محیط کد نویسی 🏆
بیش از ۷۰ چالش برای تقویت مهارت کد نویسی 🏆
ساخت یک پروژه عملی کوچک و روبرو شدن با چالش های آن 🏆
با ثبت نام در این دوره چه چیزی دریافت خواهم کرد؟
بیش از ۷۰ ویدیو با کیفیت فول اچدی 🎁
با هر درس یک جزوه پیدیاف رنگی، شامل (توضیحات درس، تمرین، راهنمای حل تمرین) 🎁
کدهای ارائه شده در هر ویدیو 🎁
ثبت نام در دوره رایگان استارت: 👇👇👇
https://chandvajhi.com/product/start/
امکان دانلود ویدیوها به صورت تکی در سایت چندوجهی وجود دارد.
با ثبت نام در سایت میتوانید اشکالات خودتان را از طریق کامنت یا تیکت مطرح کنید تا در کوتاهترین زمان به شما پاسخ بدهیم.
HTML:
0:00 نصب نرم افزار کد نویسی vs code و live server
3:32 به المنت های اچتیامال سلام کن
12:58 عنوان با المنت h2
17:30 آشنایی با المنت پاراگراف
21:19 جای خالی را پُر کنید!
23:52 Uncomment
30:31 کامنت گذاری
32:40 حذف کردن المنتها
35:52 معرفی HTML5
43:25 اضافه کردن تصویر به سایت
53:08 ساخت لینک با المنت اَنکِر
1:03:12 ساخت لینک برای بخش های داخلی یک صفحه
1:15:32 تو در تو کردن لینک در پاراگراف
1:23:53 ساخت لینک های مُرده
1:27:57 تبدیل تصویر به لینک
1:32:55 ساخت لیست نامرتب
1:38:12 ساخت لیست مرتب
1:42:19 ساخت یک فیلد متنی
1:45:51 متن راهنما برای فیلد متنی
1:49:18 ساخت یک فرم
1:54:24 دکمه ارسال فرم
1:57:42 فیلدهای الزامی در اچتیامال
1:58:39 دکمه های رادیویی Radio Buttons
2:01:35 چک باکس Checkbox
2:04:11 استفاده از مقادیر دکمه های رادیویی و چک باکس ها
2:06:14 فعال سازی دکمه های رادیویی و چک باکس به صورت پیش فرض
2:09:21 تو در تو کردن المنت ها با یک دیو
2:11:12 نوشتن DOCTYPE برای سند HTML
2:13:32 نوشتن HEAD و Body برای یک سند HTML
CSS:
2:17:30 تغییر رنگ متن
2:27:31 استایل دهی به المنت ها با سلکتورهای سیاساس
2:35:02 استایل دهی با استفاده از کلاس
2:42:43 استایل دهی به چندین المنت به طور همزمان با کلاس ها
2:45:24 تغییر اندازه فونت یک المنت
2:47:27 تغییر خانواده فونت یک المنت – Font Family
2:57:30 ایمپورت کردن فونتهای گوگل
3:04:23 تعیین اولویت نمایش فونتها – Fonts Degrading
3:09:25 تغییر اندازه تصاویر
3:13:04 ایجاد حاشیه برای یک المنت
3:16:51 border-radius
3:18:55 ساخت تصاویر دایرهای
3:21:33 تغییر رنگ پسزمینه یک دیو
3:26:25 id
3:30:05 استایلدهی به یک المنت با استفاده از id
3:34:07 تنظیم پدینگ برای یک المنت
3:39:50 تنظیم مارجین برای یک المنت
3:43:07 تنظیم مقدار منفی برای مارجین یک المنت
3:46:34 تنظیم مقادیر مختلف پدینگ برای هر طرف یک المنت
3:50:39 تنظیم مقادیر مختلف مارجین برای هر طرف یک المنت
3:54:42 مقداردهی پدینگ با روش ساعتگرد
3:58:40 مقداردهی مارجین با روش ساعتگرد
4:00:55 Attribute Selector
4:06:33 درک واحدهای Absolute و Relative
4:15:15 استایلدهی به المنت body
4:18:57 ارثبری از استایلهای المنت body
4:23:03 اولویتبندی استایلها
4:27:38 نادیده گرفتن استایلها
4:33:08 نادیده گرفتن کلاسها با id
4:39:54 نادیده گرفتن کلاسها با استایلهای خطی
4:44:06 نادیده گرفتن تمام استایلها با استفاده از important
4:49:49 استفاده از کد هگز برای تعیین رنگ
4:57:33 ترکیب کردن رنگها با hex code
5:00:51 مخفف کردن hex code
5:02:55 تعیین رنگ یک المنت با RGB
5:05:39 ترکیب رنگها با RGB
5:08:10 متغیرها در CSS
5:13:09 ساخت متغیرهای سفارشی در CSS
5:16:45 استفاده از متغیرهای سفارشی در CSS
5:21:03 فالبک برای متغیرها
5:25:35 بهبود سازگاری با مرورگرها
5:30:25 ارث بری در متغیرهای CSS
5:33:34 تغییر دادن یک متغیر در محدوده خاص
5:36:48 استفاده از مدیا کوئری برای تغییر یک متغیر
آدرس سایت و شبکه های اجتماعی ما:
https://chandvajhi.com
Instagram: chandvajhi
https://www.aparat.com/chandvajhi
https://t.me/chandvajhicom
همه توضیحات ...