آموزش ایجاد وب سایت با HTML ، CSS و JavaScript: شروع کار

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

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

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

شروع شدن Getting Started

• آنچه یاد می گیرید What You Learn

• اولین عنصر HTML شما Your First HTML Element

• ویرایشگر کد خود را تنظیم کنید Set up Your Code Editor

• فایلهای پروژه خود را تنظیم کنید Set up Your Project Files

• بعدی Next Up

ساخت اولین صفحه وب Building Your First Web Page

• مقدمه Introduction

• HTML چیست؟ What Is HTML?

• عنصر HTML چیست؟ What Is an HTML Element?

• عناصر ، برچسب ها و ویژگی ها Elements, Tags, and Attributes

• درباره عناصر مشترک About Common Elements

• با استفاده از عناصر مشترک Using Common Elements

• مدل شیument سند (DOM) Document Object Model (DOM)

• موتورهای جستجو چگونه HTML را مشاهده می کنند How Search Engines See HTML

• اعتبار سنجی Validation

• آناتومی یک وب سایت Anatomy a Website

• تا بعدی Up Next

اضافه کردن سبک با ورق های سبک آبشار (CSS) Adding Style with Cascading Style Sheets (CSS)

• مقدمه Introduction

• قوانین سبک Style Rules

• قوانین آبشار Cascading Rules

• اختصاصی Specificity

• وراثت Inheritance

• محل Location

• معرفی انتخابگرها Introduction to Selectors

• انتخابگرها را برچسب بزنید Tag Selectors

• انتخاب کنندگان کلاس Class Selectors

• انتخاب کنندگان شناسه ID Selectors

• انتخابگرهای ویژگی Attribute Selectors

• لیست های انتخاب کننده Selector Lists

• ترکیب کننده ها Combinators

• نمایش ویژگی Display Property

• اعتبار سنجی Validation

• ساخت سبک در زمان واقعی Building Styles in Real Time

• تا بعدی Up Next

کار با ورق های سبک Cascading (CSS) Working with Cascading Style Sheets (CSS)

• مقدمه Introduction

• مدل جعبه The Box Model

• ستون هایی با شناور Columns with Float

• ستون هایی با Flexbox Columns with Flexbox

• چیدمان های پاسخگو: Viewport Responsive Layouts: Viewport

• چیدمان های پاسخگو: نمایش داده شد Responsive Layouts: Media Queries

• پشتیبانی مرورگر Browser Support

• تا بعدی Up Next

صفحات محتوای ساختمان Building Content Pages

• مقدمه Introduction

• بنیاد ایجاد کنید Create the Foundation

• عناصر اصلی و کنار را اضافه کنید Add Main and Aside Elements

• عناصر مقاله و پاورقی را اضافه کنید Add Article and Footer Elements

• سبک های جهانی: قوانین عمومی و بدنی Global Styles: General and Body Rules

• سبک های جهانی: قوانین P و سربرگ Global Styles: P and Header Rules

• سبک های جهانی: عنصر Nav Global Styles: Nav Element

• سبک های جهانی: قوانین عنصر اصلی Global Styles: Main Element Rules

• سبک های جهانی: زیر صفحه ، کنار ، و قوانین مقاله Global Styles: Footer, Aside, and Article Rules

• سبک های جهانی: جستجوی رسانه Global Styles: Media Query

• سبک های صفحه اصلی Home Page Styles

• صفحه تماس بگیرید Contact Page

• Pies List: نشانه گذاری Pies List: Markup

• ستون های پاسخگو Responsive Columns

• لیست پای ها: سبک ها Pies List: Styles

• تا بعدی Up Next

مقدمه ای بر JavaScript Introduction to JavaScript

• مقدمه Introduction

• رشته های Strings

• شماره Numbers

• متغیرها Variables

• اپراتورها Operators

• جریان کنترل: مسدود می شود Control Flow: Blocks

• جریان کنترل: اگر بیانیه ها باشد Control Flow: If Statements

• اعلام توابع Declaring Functions

• پر کردن داده ها به یک عملکرد Padding Data into a Function

• برگرداندن داده ها از یک عملکرد Returning Data from a Function

• اصطلاحات اشیا Object Literals

• آرایه ها Arrays

• در حالی که حلقه while Loop

• برای حلقه for Loop

• برای هر حلقه forEach Loop

• بعدی Next Up

ایجاد تعامل با JavaScript Creating Interactivity with JavaScript

• مقدمه Introduction

• انتخاب عناصر Selecting Elements

• کار با عناصر Working with Elements

• املاک classList classList Property

• برچسب اسکریپت Script Tag

• پنجره Window

• اشکال زدایی Debugging

• مناسبت ها Events

• عملکرد addEventListener addEventListener Function

• نسخه ی نمایشی: رویدادها Demo: Events

• API های بومی Native APIs

• Fallbacks و Polyfills Fallbacks and Polyfills

• پشتیبانی مرورگر Browser Support

• تا بعدی Up Next

جمع آوری داده های کاربر Collecting User Data

• مقدمه Introduction

• Local Storage API Local Storage API

• صفحه لیست پای ها را به روز کنید: قسمت 1 Update Pies List Page: Part 1

• صفحه لیست پای ها را به روز کنید: قسمت 2 Update Pies List Page: Part 2

• از صفحه لیست پای ها عبور کنید Step through the Pies List Page

• فرم های HTML HTML Forms

• صفحه سفارش: صفحه را ایجاد کنید Order Page: Create the Page

• صفحه سفارش: فرم ورودی را اضافه کنید Order Page: Add the Input Form

• صفحه سفارش: سبک های فرم Order Page: Form Styles

• صفحه سفارش: نشانه گذاری انتخاب Order Page: Selection Markup

• صفحه سفارش: بارگذاری اسکریپت Order Page: Load Script

• صفحه سفارش: نمایش اطلاعات سفارش Order Page: Display Order Info

• صفحه سفارش: ورودی سفارش پنهان Order Page: Hidden Order Input

• API جغرافیایی Geolocation API

• صفحه سفارش: موقعیت جغرافیایی را اضافه کنید Order Page: Add Geolocation

• گام در کد موقعیت مکانی Step Through Geolocation Code

• نتیجه Conculsion