آموزش HTML5 عملی

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

ایجاد سایت با استفاده از HTML5 Creating a Site Using HTML5

• معرفی ماژول Module Introduction

• نگاه کردن به نتیجه نهایی Looking at the End Result

• نسخه ی نمایشی: نگاه کردن به نتیجه نهایی Demo: Looking at the End Result

• نمای کلی HTML5 HTML5 Overview

• ساخت اسکلت Building the Skeleton

• نسخه ی نمایشی: ایجاد صفحات با استفاده از عناصر جدید Demo: Creating the Pages Using the New Elements

• خلاصه Summary

افزودن برخی مقدماتی CSS و JavaScript Adding Some Basic CSS and JavaScript

• معرفی ماژول Module Introduction

• افزودن مقداری CSS Adding Some CSS

• نسخه ی نمایشی: افزودن CSS به سایت ما Demo: Adding CSS to Our Site

• اضافه کردن کمی جاوا اسکریپت Adding a Little Bit of JavaScript

• نسخه ی نمایشی: ساخت صفحه ما کمی تعاملی تر Demo: Making Our Page a Bit More Interactive

• خلاصه Summary

پیمایش ، فرم ها و اعتبار سنجی Navigation, Forms, and Validation

• معرفی ماژول Module Introduction

• پیمایش با عنصر nav Navigation with the nav Element

• نسخه ی نمایشی: افزودن پیمایش با عنصر nav Demo: Adding Navigation with the nav Element

• با استفاده از عناصر ورودی جدید Using the New Input Elements

• نسخه ی نمایشی: ایجاد صفحه سفارش Demo: Creating the Order Page

• اعتبارسنجی ورودی فرم با عناصر HTML5 Validating Form Input with HTML5 Elements

• نسخه ی نمایشی: افزودن اعتبار به فرم Demo: Adding Validation on the Form

• خلاصه Summary

اضافه کردن سبک و طرح بندی با CSS3 Adding Style and Layout with CSS3

• معرفی ماژول Module Introduction

• ویژگی های جدید در CSS3 New Features in CSS3

• انتخاب کنندگان Selectors

• مرزها و زمینه ها Borders and Backgrounds

• شیب ها Gradients

• تبدیل می شود Transforms

• جلوه های متنی Text Effects

• نسخه ی نمایشی: استفاده از CSS3 برای بهتر نشان دادن سایت ما! Demo: Using CSS3 to Make Our Site Look Better!

• طرح صفحه: پشتیبانی چند ستونی Page Layout: Multi-column Support

• نسخه ی نمایشی: افزودن چند ستون به صفحه جزئیات Demo: Adding Multi-column to the Detail Page

• خلاصه Summary

افزودن عملکرد با استفاده از کتابخانه های جاوا اسکریپت داخلی Adding Functionality Using Built-in JavaScript Libraries

• معرفی ماژول Module Introduction

• کشیدن و رها کردن API Drag and Drop API

• نسخه ی نمایشی: کشیدن و رها کردن API Demo: Drag and Drop API

• گزینه های ذخیره سازی وب Web Storage Options

• نسخه ی نمایشی: گزینه های ذخیره سازی وب Demo: Web Storage Options

• موقعیت جغرافیایی Geolocation

• نسخه ی نمایشی: موقعیت مکانی Demo: Geolocation

• خلاصه Summary

استفاده از فیلم و افزودن عناصر گرافیکی با بوم Using Video and Adding Graphical Elements with a Canvas

• معرفی ماژول Module Introduction

• با عناصر صوتی و تصویری جدید بشنوید و ببینید Hear and See with the New Audio and Video Elements

• نسخه ی نمایشی: افزودن فیلم Demo: Adding a Video

• طراحی با جاوا اسکریپت روی بوم Drawing with JavaScript on a Canvas

• نسخه ی نمایشی: طراحی با بوم Demo: Drawing with the Canvas

• خلاصه Summary

ترسیم عناصر گرافیکی بیشتر با SVG Drawing More Graphical Elements with SVG

• معرفی ماژول Module Introduction

• افزودن SVG Graphics به سایت ما Adding SVG Graphics to Our Site

• نسخه ی نمایشی: افزودن SVG Graphics به سایت ما Demo: Adding SVG Graphics to Our Site

• اضافه کردن انیمیشن ها با استفاده از SVG Adding Animations Using SVG

• نسخه ی نمایشی: افزودن انیمیشن ها با استفاده از SVG Demo: Adding Animations Using SVG

• خلاصه و اختتامیه دوره Summary and Course Closing