💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۲
💢 مباحث تدریس شده:
✅ چگونگی استفاده به جا از attribute ها
✅ درکی مفهومی تگ‌ها شبیه یکدیگر
✅ تگ های: ins, hr , h1, h2 ,h3 , h4 , h5, h6
✅ نحوه مجاب کردن مرورگر به درک مطلب ما در HTML
✅ مختصر نکاتی اولیه در مورد سئو، SEO
⚠️ کامنت گذاری HTML در حین آموزش فراموش شد در قسمت بعدی توضیح داده می‌شود

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»

@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین : یک صفحه کاملا پارسی درست کنید، آن‌را متناسب با حالت reader مرورگر firefox کنید و سپس بخش‌هایی را به صورت لاتین اضافه کنید، بدون این که خدشه ای، زبان متون وارد شود. (اهمیت استفاده کمتر از خصوصیت dir در این تمرین مهم می ‌باشد)

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۳
💢 مباحث تدریس شده:
✅ چگونگی استفاده توضیح یا comment در HTML
✅ لزوم کامنت گذاری در HTML
✅ مفهوم تقسیم بندی صفحه و لزوم استفاده از تگ div
✅ تگ های: em, span, pre
✅ جا به جایی بین صفحات و لینک کردن یا پیوند کردن صفحات با کمک تگ a و توضیح خصوصیت href , traget این تگ


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۳: یک پروژه حداقل شامل ۳ صفحه با عنوان های: «خانه، درباره‌ی ما، تماس با ما» درست کنید که با یکدیگر پیوند‌(لینک) داده شده باشد و همه صفحات دارای عنوان و تقسیم بندی باشد

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۴
💢 مباحث تدریس شده:
✅ چگونگی افزودن عکس به صفحات HTML با استفاده از تگ img و توضیحات خصوصیت‌های src, alt, width, height این تگ
✅ لینک کردن عکس ها
✅ استفاده از تگ code
✅ تگ های نقل و قول q, blockquote
✅ استفاده از تگ strong

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۵
💢 مباحث تدریس شده:
✅ آشنایی با ساختار نگارش CSS
✅ روش اول استفاده از CSS به استفاده از خصوصیت style
✅ معرفی ویژگی های CSS از جمله: background, color, width, height
✅ توضیح در مورد ابعاد px و درصد
✅ چگونه ویژگی‌های متعدد را به یک المان بدهیم

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۵: یک صفحه‌ی با بک گراند تیره (Dark) درست کنید که نوشته های آن روشن باشدو در درون صفحه ۱۰ پاراگراف ایجاد کنید که ابعاد ان به ترتیب از ۱۰٪ به ۱۰۰٪ افزایش یابد، و آخرین پاراگراف یک با یک اندازه پیکسل درخواه باشد و پاراگراف یک بکگراند و رنگ خاصی داشته باشد.

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۶
💢 مباحث تدریس شده:
✅ معرفی تگ style برای نوشتن CSS
✅ شروع کار کردن با emmet برای نگارش کد های منظم و طولانی
✅ معرفی تگ های HTML لیست: ul - ol - li
✅ معرفی ویژگی های CSS از جمله: border, padding, margin
✅ شروع استفاده از selector های css
✅ معرفی سلکتور نام تگ

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۶: یک فهرست تو در تو از خیابان‌های محله زندگی خود را با زیر مجموعه‌هایشان درست کنید که هر لیست یک حاشیه و کادر مناسب برای خواندن داشته باشد.
( حتما از تگ style برای css استفاده کنید)


#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۷
💢 مباحث تدریس شده:
✅ معرفی فایل css و روش افزودن فایل css به فایل
✅ انتخابگر های همزمان در css
✅ معرفی تگ های HTML لیست: table, tr , th, td, tbody, thead, tfood
✅ معرفی ویژگی های CSS از جمله: border-spacing , ادامه padding - margin
✅ استفاده از auto در margin

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۷: دو جدول برای فاکتور فروش چند محصول طراحی کنید که سر تیتر و در انتها پا نویس برای جمع کل را دارا باشد. ( یک جدول به پارسی و یکی دیگر به انگلیسی)

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۸
💢 مباحث تدریس شده:
✅ معرفی تگ های HTML لیست: header, footer, nav, section
✅ معرفی ویژگی های CSS از جمله: border-radius, text-align, direction
✅ توضیح در مورد مفهوم start و end و وابستگی آن direction


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین اول قسمت ۸: یک صفحه مملو از پارگراف‌های پارسی و انگلیسی درست کنید که از start , end در آن استفاده شده باشد و تگ های span در پاراگراف یک پس‌زمینه رنگی داشته باشد و لبه‌های آن گرد باشد.

⁉️ تمرین دوم قسمت ۸: یک دایره آبی و یک بیضی مشکی با تگ div را کد نویسی کنید


#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت 9
💢 مباحث تدریس شده:

✅ انتخابگر class
✅ نسبت دادن کلاس به چند المان
✅ نسبت دادن چند کلاس به یک المان
✅ معرفی تگ های HTML ازجمله: audio, video
✅ معرفی ویژگی های CSS از جمله: float, clear


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۹: جدول قیمت شبیه تصویر فوق با کمک float ایجاد کنید.

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت 10
💢 مباحث تدریس شده:

✅ انتخابگر ID
✅ کامنت گذاشتن در CSS
✅ معرفی حالت hover و نحوه استفاده ازان
✅ معرفی ویژگی های CSS از جمله: overflow, opacity, filter


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۱۰: یک منوی با کمک المان های ul li a و ویژگی float و overflow و hover درست کنید

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 نشست‌های آتی آموزش پروژه محور بر اساس قالب این عکس پیش خواهیم رفت.

@xstack_tut ❌ | @devefun ✌️