آموزش HTML و CSS Playbook

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

راه اندازی مخزن GitHub ما برای موفقیت Setting up Our GitHub Repo for Success

• راه اندازی مخزن GitHub ما برای موفقیت Setting up Our GitHub Repo for Success

CSS را مانند کد مناسب با SASS بسازید Make CSS Like Proper Code with SASS

• CSS را مانند کد مناسب با SASS بسازید Make CSS Like Proper Code with SASS

سه راه برای مرکزیت عناصر Three Ways to Center Elements

• سه راه برای مرکزیت عناصر Three Ways to Center Elements

یک لیست جمع شونده بدون اسکریپت ایجاد کنید Create a Collapsible List without Script

• یک لیست جمع شونده بدون اسکریپت ایجاد کنید Create a Collapsible List without Script

HTML خود را در دسترس همه قرار دهید Make Your HTML Accessible to Everyone

• HTML خود را در دسترس همه قرار دهید Make Your HTML Accessible to Everyone

پنج راه برای خوانایی بیشتر متن Five Ways to Make Your Text More Readable

• پنج راه برای خوانایی بیشتر متن Five Ways to Make Your Text More Readable

کار با فونت های سفارشی Work with Custom Fonts

• کار با فونت های سفارشی Work with Custom Fonts

ورودی های خود را با HTML ساده فیلتر کنید Filter Your Inputs with Simple HTML

• ورودی های خود را با HTML ساده فیلتر کنید Filter Your Inputs with Simple HTML

به طور موثر با HTML معنایی کار کنید Work Effectively with Semantic HTML

• به طور موثر با HTML معنایی کار کنید Work Effectively with Semantic HTML

بدانید چه چیزی در کدام مرورگرها کار می کند Know What Works in Which Browsers

• بدانید چه چیزی در کدام مرورگرها کار می کند Know What Works in Which Browsers

از یک چارچوب UI مانند Bootstrap استفاده کنید Use a UI Framework like Bootstrap

• از یک چارچوب رابط کاربری مانند بوت استرپ استفاده کنید Use a UI Framework Like Bootstrap

فقط با استفاده از CSS انیمیشن های جذاب ایجاد کنید Create Compelling Animations Using Only CSS

• فقط با استفاده از CSS انیمیشن های جذاب ایجاد کنید Create Compelling Animations Using Only CSS

درخواست های HTTP خود را با CSS Image Sprites کاهش دهید Reduce Your HTTP Requests with CSS Image Sprites

• درخواست های HTTP خود را با CSS Image Sprites کاهش دهید Reduce Your HTTP Requests with CSS Image Sprites

گرافیک قدرتمند با SVG در HTML ایجاد کنید Create Powerful Graphics with SVG in HTML

• گرافیک قدرتمند با SVG در HTML ایجاد کنید Create Powerful Graphics with SVG in HTML

حروف بزرگ را با CSS کنترل کنید Control Your Capitalization with CSS

• حروف بزرگ را با CSS کنترل کنید Control Your Capitalization with CSS

پیوندهای خود را هدف رسانه ها و دستگاه های مختلف قرار دهید Make Your Links Target Different Media and Devices

• پیوندهای خود را هدف رسانه ها و دستگاه های مختلف قرار دهید Make Your Links Target Different Media and Devices

این تگ های زامبی را با چیزی بهتر جایگزین کنید Replace These Zombie Tags with Something Better

• این تگ های زامبی را با چیزی بهتر جایگزین کنید Replace These Zombie Tags with Something Better

محدود کردن انواع فایل در ورودی های آپلود Restrict File Types in Upload Inputs

• محدود کردن انواع فایل در ورودی های آپلود Restrict File Types in Upload Inputs

چندین فایل با ورودی های آپلود را انتخاب کنید Select Multiple Files with Upload Inputs

• چندین فایل با ورودی های آپلود را انتخاب کنید Select Multiple Files with Upload Inputs

ایجاد تجسم ساده داده فقط با HTML و CSS Create Simple Data Visualization with HTML and CSS Only

• ایجاد تجسم ساده داده فقط با HTML و CSS Create Simple Data Visualization with HTML and CSS Only

با اهداف رسانه ای، نمایش های موبایلی را کنترل کنید Take Control Over Mobile Presentations with Media Targets

• با اهداف رسانه ای، نمایش های موبایلی را کنترل کنید Take Control Over Mobile Presentations with Media Targets

نتیجه Conclusion

• نتیجه Conclusion