HTML و CSS ابزارهای اساسی برای برقراری ارتباط با مخاطبان اینترنتی هستند. این دوره مجموعهای از نمایشنامهها را برای کتاب بازی خود به شما آموزش میدهد و به شما نشان میدهد که چگونه چالشهای جالبی را که با HTML و CSS با آن روبرو خواهید شد، حل کنید.
آنچه که یاد خواهید گرفت:
در این دوره آموزشی HTML و CSS Playbook، تاکتیکهایی را برای حل چالشهای ایجاد صفحه وب با استفاده از HTML و CSS یاد میگیرید. ابتدا، به بیش از بیست مشکل و راهحل مختلف که در توسعه رابطهای کاربری قانعکننده در وب ظاهر میشوند، نگاه میکنید. در مرحله بعد، راه حلهایی را یاد خواهید گرفت که شامل پوشاندن ورودیها برای کاهش بار روی کاربر، ایجاد HTML است که برای همه مخاطبان قابل دسترسی است. در نهایت، نحوه کار با فونتهای سفارشی برای ایجاد متن موثر برای صفحات خود و بسیاری موارد دیگر را خواهید دید. در پایان دوره، شما مهارتها و دانش لازم برای مقابله با این چالشها و بسیاری دیگر از چالشهای رایج HTML و CSS را که برای ایجاد صفحات وب قدرتمند لازم است، خواهید داشت.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [1min]
01-01 Course Overview [1mins]
02 Setting up Our GitHub Repo for Success [9mins]
02-01 Setting up Our GitHub Repo for Success [9mins]
03 Make CSS Like Proper Code with SASS [15mins]
03-01 Make CSS Like Proper Code with SASS [15mins]
04 Three Ways to Center Elements [10mins]
04-01 Three Ways to Center Elements [10mins]
05 Create a Collapsible List without Script [8mins]
05-01 Create a Collapsible List without Script [8mins]
06 Make Your HTML Accessible to Everyone [9mins]
06-01 Make Your HTML Accessible to Everyone [9mins]
07 Five Ways to Make Your Text More Readable [7mins]
07-01 Five Ways to Make Your Text More Readable [7mins]
08 Work with Custom Fonts [5mins]
08-01 Work with Custom Fonts [5mins]
09 Filter Your Inputs with Simple HTML [10mins]
09-01 Filter Your Inputs with Simple HTML [10mins]
10 Work Effectively with Semantic HTML [13mins]
10-01 Work Effectively with Semantic HTML [13mins]
11 Know What Works in Which Browsers [10mins]
11-01 Know What Works in Which Browsers [10mins]
12 Use a UI Framework like Bootstrap [10mins]
12-01 Use a UI Framework Like Bootstrap [10mins]
13 Create Compelling Animations Using Only CSS [15mins]
13-01 Create Compelling Animations Using Only CSS [15mins]
14 Reduce Your HTTP Requests with CSS Image Sprites [10mins]
14-01 Reduce Your HTTP Requests with CSS Image Sprites [10mins]
15 Create Powerful Graphics with SVG in HTML [20mins]
15-01 Create Powerful Graphics with SVG in HTML [20mins]
16 Control Your Capitalization with CSS [9mins]
16-01 Control Your Capitalization with CSS [9mins]
17 Make Your Links Target Different Media and Devices [12mins]
17-01 Make Your Links Target Different Media and Devices [12mins]
18 Replace These Zombie Tags with Something Better [11mins]
18-01 Replace These Zombie Tags with Something Better [11mins]
19 Restrict File Types in Upload Inputs [7mins]
19-01 Restrict File Types in Upload Inputs [7mins]
20 Select Multiple Files with Upload Inputs [5mins]
20-01 Select Multiple Files with Upload Inputs [5mins]
21 Create Simple Data Visualization with HTML and CSS Only [14mins]
21-01 Create Simple Data Visualization with HTML and CSS Only [14mins]
22 Take Control Over Mobile Presentations with Media Targets [9mins]
22-01 Take Control Over Mobile Presentations with Media Targets [9mins]
23 Conclusion [6mins]
23-01 Conclusion [6mins]
[فارسی]
01 نمای کلی دوره [1 دقیقه]
01-01 بررسی اجمالی دوره [1 دقیقه]
02 راه اندازی مخزن GitHub ما برای موفقیت [9 دقیقه]
02-01 راه اندازی مخزن GitHub ما برای موفقیت [9 دقیقه]
03 CSS را مانند کد مناسب با SASS بسازید [15 دقیقه]
03-01 CSS را مانند کد مناسب با SASS بسازید [15 دقیقه]
04 سه راه برای مرکزیت عناصر [10 دقیقه]
04-01 سه راه برای مرکزیت عناصر [10 دقیقه]
05 ایجاد یک لیست تاشو بدون اسکریپت [8 دقیقه]
05-01 ایجاد یک لیست تاشو بدون اسکریپت [8 دقیقه]
06 HTML خود را در دسترس همه قرار دهید [9 دقیقه]
06-01 HTML خود را در دسترس همه قرار دهید [9 دقیقه]
07 پنج راه برای خوانایی بیشتر متن [7 دقیقه]
07-01 پنج راه برای خوانایی بیشتر متن [7 دقیقه]
08 کار با فونتهای سفارشی [5 دقیقه]
08-01 کار با فونتهای سفارشی [5 دقیقه]
09 ورودیهای خود را با HTML ساده [10 دقیقه] فیلتر کنید
09-01 ورودیهای خود را با HTML ساده [10 دقیقه] فیلتر کنید
10 کار موثر با HTML معنایی [13 دقیقه]
10-01 کار موثر با HTML معنایی [13 دقیقه]
11 بدانید چه چیزی در کدام مرورگرها کار میکند [10 دقیقه]
11-01 بدانید چه چیزی در کدام مرورگرها کار میکند [10 دقیقه]
12 از یک فریمورک رابط کاربری مانند Bootstrap استفاده کنید [10 دقیقه]
12-01 از یک فریمورک رابط کاربری مانند بوت استرپ استفاده کنید [10 دقیقه]
13 ایجاد انیمیشنهای جذاب فقط با استفاده از CSS [15 دقیقه]
13-01 ایجاد انیمیشنهای جذاب فقط با استفاده از CSS [15 دقیقه]
14 درخواستهای HTTP خود را با CSS Image Sprites کاهش دهید [10 دقیقه]
14-01 درخواستهای HTTP خود را با CSS Image Sprites کاهش دهید [10 دقیقه]
15 ایجاد گرافیک قدرتمند با SVG در HTML [20 دقیقه]
15-01 ایجاد گرافیک قدرتمند با SVG در HTML [20 دقیقه]
16 حروف بزرگ خود را با CSS کنترل کنید [9 دقیقه]
16-01 حروف بزرگ خود را با CSS کنترل کنید [9 دقیقه]
17 پیوندهای خود را هدف رسانهها و دستگاههای مختلف قرار دهید [12 دقیقه]
17-01 پیوندهای خود را هدف رسانهها و دستگاههای مختلف قرار دهید [12 دقیقه]
18 این تگهای زامبی را با چیزی بهتر جایگزین کنید [11 دقیقه]
18-01 این تگهای زامبی را با چیزی بهتر جایگزین کنید [11 دقیقه]
19 محدود کردن انواع فایل در ورودیهای آپلود [7 دقیقه]
19-01 محدود کردن انواع فایل در ورودیهای آپلود [7 دقیقه]
20 انتخاب چندین فایل با ورودیهای آپلود [5 دقیقه]
20-01 انتخاب چندین فایل با ورودیهای آپلود [5 دقیقه]
21 ایجاد تجسم ساده داده فقط با HTML و CSS [14 دقیقه]
21-01 ایجاد تجسم ساده داده فقط با HTML و CSS [14 دقیقه]
22 کنترل ارائههای تلفن همراه را با اهداف رسانهای [9 دقیقه]
22-01 کنترل ارائههای تلفن همراه را با اهداف رسانهای [9 دقیقه]
23 نتیجه گیری [6 دقیقه]
23-01 نتیجه گیری [6 دقیقه]
کریس بهرنز نویسنده، سخنران و توسعه دهنده نرمافزار است که در DevOps تخصص دارد. او بیش از بیست سال است که یک توسعهدهنده و معمار است که بر شرکتهای کوچک تا متوسط و تغییرات توسعهای که با آنها مواجه هستند تمرکز کرده است. او بر روی طعم خود از توسعه مبتنی بر ترس تمرکز میکند، که به موجب آن یک توسعهدهنده وظایف خود را به ترتیب نزولی از اضطراب رتبهبندی میکند و چگونه با آنها مقابله کند. اصلیترین در میان این فرآیندهای اضطراب آور، استقرار نرمافزار است، موضوعی که Behrens روی آن تمرکز میکند. او با همسر و فرزندانش در کندل، تگزاس زندگی میکند.