آموزش مبانی HTML5

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

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

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

مقدمه Introduction

• مقدمه Introduction

• بررسی اجمالی و پیش نیازها Overview and Prerequisites

• HTML5 چیست؟ What Is HTML5?

• تاریخچه HTML5 History of HTML5

• بستر HTML5 HTML5 Platform

• استاندارد های بدن Standards Bodies

• چه ، چرا و چه زمانی What, Why, and When

• چه: عناصر ساختاری: قسمت 1 What: Structural Elements: Part 1

• عناصر ساختاری: قسمت 2 Structural Elements: Part 2

• عناصر دارای API Elements with APIs

• عناصر فرم Form Elements

• API های جدید - گرافیک و تایپوگرافی New APIs - Graphics and Typography

• تعامل ، رویدادها و پیام رسانی Interaction, Events, and Messaging

• ذخیره سازی و پرونده ها Storage and Files

• ارتباطات در زمان واقعی Real Time Communications

• اجزای وب Web Components

• تجزیه و تحلیل عملکرد Performance Analysis

• امنیت و حریم خصوصی Security and Privacy

• API های متفرقه Miscellaneous APIs

• چرا Why

• چه زمانی When

• HTML4 در مقابل HTML5 HTML4 vs. HTML5

• شروع با صفحات HTML5 Getting Started with HTML5 Pages

• شناسایی ویژگی ها Detecting Features

• Fallbacks و Polyfills Fallbacks and Polyfills

• خلاصه Summary

یافتن بخشهایی از صفحه Finding Parts of the Page

• مقدمه Introduction

• راه اندازی نمونه Sample Setup

• getElementByClassName getElementsByClassName

• querySelector و querySelectorAll querySelector and querySelectorAll

• querySelectorAll یک NodeList را برمی گرداند querySelectorAll Returns a NodeList

• تکرار NodeList: برای حلقه Iterating NodeList: for loop

• تکرار NodeList: برای هر حلقه Iterating NodeList: forEach loop

• نتیجه زنده از getElementByClassName Live Result from getElementsByClassName

• نتیجه ثابت از querySelectorAll Static Result from querySelectorAll

• خلاصه Summary

کار با ورودی کاربر Working with User Input

• مقدمه Introduction

• بررسی اجمالی عناصر جدید New Elements Overview

• بررسی اجمالی عناصر جدید (ادامه) New Elements Overview (continued)

• بررسی اجمالی قوانین اعتبار سنجی Validation Rules Overview

• عناصر جدید: نسخه ی نمایشی New Elements: Demo

• عناصر جدید: نشانه گذاری New Elements: Markup

• عناصر جدید در مرورگرهای مختلف New Elements in Different Browsers

• ایجاد تعامل با کلاسهای CSS Pseudo Building Interactivity with CSS Pseudo Classes

• پیام های اعتبار سنجی سفارشی: نسخه ی نمایشی و نشانه گذاری Custom Validation Messages: Demo and Markup

• ماساژ اعتبار سنجی سفارشی: JavaScript Custom Validation Massages: JavaScript

• قوانین اعتبار سنجی سفارشی: نسخه ی نمایشی ، نشانه گذاری و JavaScript Custom Validation Rules: Demo, Markup, and JavaScript

• ماژول راه انداز: نسخه ی نمایشی و نشانه گذاری Bootstrap Module: Demo and Markup

• ماژول راه انداز: جاوا اسکریپت Bootstrap Module: JavaScript

• خلاصه Summary

موسیقی و ویدئو (بدون پلاگین) Music & Video (without Plugins)

• مقدمه Introduction

• قالب های صوتی Audio Formats

• قالب های ویدیویی Video Formats

• کنترل های اساسی Basic Controls

• کنترل های اساسی (ادامه) Basic Controls (continued)

• کنترل های نوشتاری Scripted Controls

• محتوای پویا Dynamic Content

• خلاصه Summary

رسم اشکال ، نمودارها و موارد دیگر Drawing Shapes, Charts, and More

• مقدمه Introduction

• بوم چیست؟ What Is Canvas?

• اصول طراحی قسمت اول Drawing Basics Part One

• مبانی طراحی دو Drawing Basics Part Two

• رسم مستطیل ها Drawing Rectangles

• ترتیب عملیات ها Order of Operations

• قوس ، متن و گرادیان Arcs, Text, and Gradients

• جلوه ها: مقیاس و چرخش Effects: Scale and Rotation

• جلوه ها: ترجمه کنید Effects: Translate

• مدیریت دولتی State Management

• اصول انیمیشن Animation Basics

• مقدمه کلیپ Clipping Introduction

• برش دایره Clipping Circle

• برش مستطیل Clipping Rectangle

• پاک کردن مناطق برش Clear Clipping Areas

• برش از مناطق غیرهمجوار Clipping Non-contiguous Areas

• نسخه ی نمایشی: ذره بین Demo: Magnifying Glass

• نسخه ی نمایشی: نمودار استاتیک Demo: Static Chart

• نسخه ی نمایشی: نمودار پویا Demo: Dynamic Chart

• نسخه ی نمایشی: تصاویر کوچک ویدیو Demo: Video Thumbnails

• خلاصه Summary

کشیدن و انداختن Drag and Drop

• مقدمه Introduction

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

• وقایع در جزئیات Events in Detail

• مبانی: نسخه ی نمایشی و نشانه گذاری Basics: Demo and Markup

• مبانی: جاوا اسکریپت Basics: JavaScript

• مبانی: JavaScript (ادامه) Basics: JavaScript (continued)

• انتخاب نقش: نسخه ی نمایشی و کد Role Selectors: Demo and Code

• رویدادها: نسخه ی نمایشی و نشانه گذاری Events: Demo and Markup

• رویدادها: جاوا اسکریپت Events: JavaScript

• جلوه ها: نسخه ی نمایشی و نشانه گذاری Effects: Demo and Markup

• جلوه ها: جاوا اسکریپت Effects: JavaScript

• انواع: نسخه ی نمایشی و نشانه گذاری Types: Demo and Markup

• انواع: JavaScript Types: JavaScript

• سیستم فایل: نسخه ی نمایشی و نشانه گذاری File System: Demo and Markup

• سیستم فایل: JavaScript File System: JavaScript

• خلاصه Summary