آموزش طراحی وب مدرن با HTML5، CSS3 و جاوا اسکریپت [ویدئو]

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

مقدمه ای بر شروع طراحی وب سایت Introduction to Getting Started with Web Design

• مقدمه ای بر طراحی و توسعه وب فرانت اند Introduction to Front-end Web Design and Development

• آموزش کدنویسی در HTML Learning to Code in HTML

• نوشتن کد HTML Writing HTML Code

ایجاد صفحات وب با HTML5 Creating Web Pages with HTML5

• ایجاد وب سایت با استفاده از کدنویسی مدرن HTML و HTML5 Creating Websites Using Modern HTML and HTML5 Coding

• ایجاد وب سایت با استفاده از کدنویسی مدرن HTML و HTML5 Creating Websites Using Modern HTML and HTML5 Coding

• طراحی اولین صفحه HTML و منابع برای HTML Designing your First HTML Page and Resources for HTML

• طراحی اولین صفحه HTML و منابع برای HTML Designing your First HTML Page and Resources for HTML

• ایجاد یک قالب HTML Creating an HTML Template

• ایجاد یک قالب HTML Creating an HTML Template

• عناصر HTML چیست؟ What are HTML Elements?

• عناصر HTML چیست؟ What are HTML Elements?

• تنظیم چهار عنوان و پررنگ کردن متن Setting Four Headings and Making Text Bold

• تنظیم چهار عنوان و پررنگ کردن متن Setting Four Headings and Making Text Bold

• استفاده از برچسب های HTML - چالش کدنویسی Applying HTML Tags - Coding Challenge

• استفاده از برچسب های HTML - چالش کدنویسی Applying HTML Tags - Coding Challenge

• فرمت های متن در HTML Text Formats in HTML

• فرمت های متن در HTML Text Formats in HTML

• اضافه کردن نظرات در HTML Adding Comments in HTML

• اضافه کردن نظرات در HTML Adding Comments in HTML

• ایجاد پیوند با تگ HTML Anchor Making Links with the HTML Anchor Tag

• ایجاد پیوند با تگ HTML Anchor Making Links with the HTML Anchor Tag

• اعمال تگ های HTML – تمرین HTML Applying HTML Tags – HTML Exercise

• اعمال تگ های HTML – تمرین HTML Applying HTML Tags – HTML Exercise

• افزودن لینک MailTo در HTML. Adding a MailTo Link in HTML.

• افزودن لینک MailTo در HTML. Adding a MailTo Link in HTML.

• اضافه کردن تصاویر در HTML Adding Images in HTML

• اضافه کردن تصاویر در HTML Adding Images in HTML

• تمرین پیوند دادن پروفایل اجتماعی Social Profile Linking Exercise

• تمرین پیوند دادن پروفایل اجتماعی Social Profile Linking Exercise

• ایجاد لیست در HTML و درک گزینه های لیست HTML - لیست نامرتب (UL)، لیست مرتب (OL)، لیست تعریف (DL) Creating Lists in HTML and Understanding HTML List Options – Unordered List (UL), Ordered List (OL), Definition List (DL)

• ایجاد لیست در HTML و درک گزینه های لیست HTML - لیست نامرتب (UL)، لیست مرتب (OL)، لیست تعریف (DL) Creating Lists in HTML and Understanding HTML List Options – Unordered List (UL), Ordered List (OL), Definition List (DL)

• اضافه کردن جداول HTML به صفحات وب خود با استفاده از تگ جدول Adding HTML Tables to your Web Pages Using the Table Tag

• اضافه کردن جداول HTML به صفحات وب خود با استفاده از تگ جدول Adding HTML Tables to your Web Pages Using the Table Tag

• بازگشت به زمان - چالش کدنویسی Go Back In Time – Coding Challenge

• بازگشت به زمان - چالش کدنویسی Go Back In Time – Coding Challenge

• ایجاد بلوک HTML و عناصر درون خطی Creating HTML Block and Inline Elements

• ایجاد بلوک HTML و عناصر درون خطی Creating HTML Block and Inline Elements

• عناصر معنایی HTML5 چیست؟ What are HTML5 Semantic Elements?

• عناصر معنایی HTML5 چیست؟ What are HTML5 Semantic Elements?

• ایجاد یک وب سایت رایگان از طریق صفحات GitHub Creating a Free Website through GitHub Pages

• ایجاد یک وب سایت رایگان از طریق صفحات GitHub Creating a Free Website through GitHub Pages

• ایجاد و آپلود رزومه با HTML Creating and Uploading a Resume with HTML

• ایجاد و آپلود رزومه با HTML Creating and Uploading a Resume with HTML

• عناصر فرم جدید در HTML5 - با مثال توضیح داده شده است New Form Elements in HTML5 - Explained with Examples

• عناصر فرم جدید در HTML5 - با مثال توضیح داده شده است New Form Elements in HTML5 - Explained with Examples

• ایجاد فرم ها با تگ های HTML Creating Forms with HTML tags

• ایجاد فرم ها با تگ های HTML Creating Forms with HTML tags

• یادگیری در مورد گزینه های فیلد فرم با برچسب های HTML5 Learning about Form Field Options with HTML5 Tags

• یادگیری در مورد گزینه های فیلد فرم با برچسب های HTML5 Learning about Form Field Options with HTML5 Tags

• با استفاده از تگ <fieldset> Using the <fieldset> tag

• با استفاده از تگ <fieldset> Using the <fieldset> tag

• تگ <iframe> در HTML <iframe> Tag in HTML

• تگ <iframe> در HTML <iframe> Tag in HTML

• افزودن تگ های <audio> و <video> در HTML Adding <audio> and <video> Tags in HTML

• افزودن تگ های <audio> و <video> در HTML Adding <audio> and <video> Tags in HTML

• متا تگ های HTML و عملکرد آنها HTML Meta Tags and Their Functions

• متا تگ های HTML و عملکرد آنها HTML Meta Tags and Their Functions

• برچسب های رایج با فایل های منبع و درک برچسب های طراحی وب Common Tags with Source Files and Understanding Web Design Tags

• برچسب های رایج با فایل های منبع و درک برچسب های طراحی وب Common Tags with Source Files and Understanding Web Design Tags

• اشکال زدایی و اظهار نظر روی کد Debugging and Commenting on the Code

• اشکال زدایی و اظهار نظر روی کد Debugging and Commenting on the Code

ایجاد صفحات وب با HTML5 Creating Web Pages with HTML5

چالش های HTML HTML Challenges

• بخش مقدمه Section Introduction

• بخش مقدمه Section Introduction

• راه اندازی صفحه برای وب سایت Setting up a Page for a Website

• راه اندازی صفحه برای وب سایت Setting up a Page for a Website

• <viewport> متا تگ در HTML <viewport> Meta Tag in HTML

• <viewport> متا تگ در HTML <viewport> Meta Tag in HTML

• ساختار اصلی صفحه در HTML Basic Page Structure in HTML

• ساختار اصلی صفحه در HTML Basic Page Structure in HTML

• ایجاد الگوی صفحه بیشتر Creating More Page Template

• ایجاد الگوی صفحه بیشتر Creating More Page Template

• جداول HTML HTML Tables

• جداول HTML HTML Tables

• اضافه کردن یک متن ساختگی و تصاویر مکان‌دار Adding a Dummy Text and Placeholder Images

• اضافه کردن یک متن ساختگی و تصاویر مکان‌دار Adding a Dummy Text and Placeholder Images

• پیدا کردن محتوای قابل ویرایش با استفاده از Contenteditable Finding Editable Content Using Contenteditable

• پیدا کردن محتوای قابل ویرایش با استفاده از Contenteditable Finding Editable Content Using Contenteditable

• مقادیر فرم پویا در HTML5 Dynamic Form Values in HTML5

• مقادیر فرم پویا در HTML5 Dynamic Form Values in HTML5

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

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

چالش های HTML HTML Challenges

طراحی ریسپانسیو اول موبایل در شیوه نامه های آبشاری (CSS) و طراحی وب Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design

• مقدمه ای بر برگه های سبک آبشاری (CSS) و کاربرد CSS در صفحات وب Introduction to Cascading Style Sheets (CSS) and Applying CSS to Web Pages

• مقدمه ای بر برگه های سبک آبشاری (CSS) و کاربرد CSS در صفحات وب Introduction to Cascading Style Sheets (CSS) and Applying CSS to Web Pages

• Cascading Style Sheets (CSS) چیست و چگونه کار می کند؟ What is Cascading Style Sheets (CSS) and How It Works?

• Cascading Style Sheets (CSS) چیست و چگونه کار می کند؟ What is Cascading Style Sheets (CSS) and How It Works?

• افزودن برگه های سبک آبشاری (CSS) به صفحات وب و درک نحو CSS Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax

• افزودن برگه های سبک آبشاری (CSS) به صفحات وب و درک نحو CSS Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax

• نوشتن برگه های سبک آبشاری (CSS) برای طراحی صفحات وب مدرن Writing Cascading Style Sheets (CSS) for Designing Modern Web Pages

• نوشتن برگه های سبک آبشاری (CSS) برای طراحی صفحات وب مدرن Writing Cascading Style Sheets (CSS) for Designing Modern Web Pages

• افزودن نظرات در مورد کدهای Cascading Style Sheets (CSS). Adding Comments on Cascading Style Sheets (CSS) Codes

• افزودن نظرات در مورد کدهای Cascading Style Sheets (CSS). Adding Comments on Cascading Style Sheets (CSS) Codes

• انتخابگرهای Cascading Style Sheets (CSS) چیست و چگونه از آنها برای دریافت عناصر صفحه استفاده کنیم؟ What are Cascading Style Sheets (CSS) Selectors and How to Use them to Get Page Elements?

• انتخابگرهای Cascading Style Sheets (CSS) چیست و چگونه از آنها برای دریافت عناصر صفحه استفاده کنیم؟ What are Cascading Style Sheets (CSS) Selectors and How to Use them to Get Page Elements?

• واحدهای رنگی برگه های سبک آبشاری (CSS). Cascading Style Sheets (CSS) Color Units

• واحدهای رنگی برگه های سبک آبشاری (CSS). Cascading Style Sheets (CSS) Color Units

• تنظیم رنگ پس زمینه در برگه های سبک آبشاری (CSS) - چالش کدگذاری Setting the Background Color in Cascading Style Sheets (CSS) – Coding Challenge

• تنظیم رنگ پس زمینه در برگه های سبک آبشاری (CSS) - چالش کدگذاری Setting the Background Color in Cascading Style Sheets (CSS) – Coding Challenge

• افزودن تصاویر پس زمینه آبشاری Style Sheets (CSS) و تنظیم خواص و مقادیر پس زمینه Adding Cascading Style Sheets (CSS) Background Images and Setting Background Properties and Values

• افزودن تصاویر پس زمینه آبشاری Style Sheets (CSS) و تنظیم خواص و مقادیر پس زمینه Adding Cascading Style Sheets (CSS) Background Images and Setting Background Properties and Values

• تنظیم اندازه تصویر پس‌زمینه و درک گزینه‌های موقعیت در برگه‌های سبک آبشاری (CSS) Adjusting the Background Image Size and Understanding the Position Options in Cascading Style Sheets (CSS)

• تنظیم اندازه تصویر پس‌زمینه و درک گزینه‌های موقعیت در برگه‌های سبک آبشاری (CSS) Adjusting the Background Image Size and Understanding the Position Options in Cascading Style Sheets (CSS)

• تنظیم ارتفاع و عرض عنصر با برگه‌های سبک آبشاری (CSS) Setting Element Height and Width with Cascading Style Sheets (CSS)

• تنظیم ارتفاع و عرض عنصر با برگه‌های سبک آبشاری (CSS) Setting Element Height and Width with Cascading Style Sheets (CSS)

• استفاده از Chrome DevTools برای طراحی وب و توسعه وب Using Chrome DevTools for Web Designing and Web Development

• استفاده از Chrome DevTools برای طراحی وب و توسعه وب Using Chrome DevTools for Web Designing and Web Development

• تنظیم واحدهای سبک آبشاری (CSS) و برجسته کردن مقادیر و گزینه‌ها برای واحدهای CSS Setting Cascading Style Sheets (CSS) Units and Highlighting Values and Options for CSS Units

• تنظیم واحدهای سبک آبشاری (CSS) و برجسته کردن مقادیر و گزینه‌ها برای واحدهای CSS Setting Cascading Style Sheets (CSS) Units and Highlighting Values and Options for CSS Units

• افزودن و ایجاد حاشیه های سبک برگه های آبشاری (CSS). Adding and Creating Cascading Style Sheets (CSS) Borders

• افزودن و ایجاد حاشیه های سبک برگه های آبشاری (CSS). Adding and Creating Cascading Style Sheets (CSS) Borders

• اعمال حاشیه به عناصر موجود در صفحه وب با شیوه نامه آبشاری (CSS) Applying Margins to Elements on the Web Page with Cascading Style Sheets (CSS)

• اعمال حاشیه به عناصر موجود در صفحه وب با شیوه نامه آبشاری (CSS) Applying Margins to Elements on the Web Page with Cascading Style Sheets (CSS)

• لایه‌بندی Cascading Style Sheets (CSS) چیست و چگونه مقادیر لایه‌بندی عنصر را تنظیم کنیم؟ What is Cascading Style Sheets (CSS) Padding and How to Set Element Padding Values?

• لایه‌بندی Cascading Style Sheets (CSS) چیست و چگونه مقادیر لایه‌بندی عنصر را تنظیم کنیم؟ What is Cascading Style Sheets (CSS) Padding and How to Set Element Padding Values?

• مدل جعبه چیست و چگونه در برگه های سبک آبشاری (CSS) کار می کند؟ What is the Box Model and How it Works in Cascading Style Sheets (CSS)?

• مدل جعبه چیست و چگونه در برگه های سبک آبشاری (CSS) کار می کند؟ What is the Box Model and How it Works in Cascading Style Sheets (CSS)?

• ایجاد خطوط کلی برای عناصر HTML با استفاده از ویژگی های طرح کلی صفحات سبک آبشاری (CSS). Creating Outlines for HTML elements Using Cascading Style Sheets (CSS) Outline Properties

• ایجاد خطوط کلی برای عناصر HTML با استفاده از ویژگی های طرح کلی صفحات سبک آبشاری (CSS). Creating Outlines for HTML elements Using Cascading Style Sheets (CSS) Outline Properties

• کلاس های شبه آبشاری Style Sheets (CSS) چیست؟ What are Cascading Style Sheets (CSS) Pseudo-classes?

• کلاس های شبه آبشاری Style Sheets (CSS) چیست؟ What are Cascading Style Sheets (CSS) Pseudo-classes?

• عناصر شبه Cascading Style Sheets (CSS) چیست و چگونه برای عناصر شبه کد CSS بنویسیم؟ What are Cascading Style Sheets (CSS) Pseudo-elements and How to Write CSS Code for Pseudo-elements?

• عناصر شبه Cascading Style Sheets (CSS) چیست و چگونه برای عناصر شبه کد CSS بنویسیم؟ What are Cascading Style Sheets (CSS) Pseudo-elements and How to Write CSS Code for Pseudo-elements?

• اضافه کردن سبک های فونت، انتخاب فونت های وب و به روز رسانی یک خانواده فونت Adding Font Styles, Selecting Web Fonts, and Updating a Font Family

• اضافه کردن سبک های فونت، انتخاب فونت های وب و به روز رسانی یک خانواده فونت Adding Font Styles, Selecting Web Fonts, and Updating a Font Family

• افزودن فونت گوگل به وب سایت خود با استفاده از شیوه نامه آبشاری (CSS) Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS)

• افزودن فونت های گوگل به وب سایت خود با استفاده از شیوه نامه آبشاری (CSS) Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS)

• افزودن آیکون های FontAwesome به یک صفحه Adding FontAwesome Icons to a Page

• افزودن آیکون های FontAwesome به یک صفحه Adding FontAwesome Icons to a Page

• کاوش متن و گزینه‌ها و مقادیر بیشتر ویژگی قلم در برگه‌های سبک آبشاری (CSS) Exploring Text and More Font Property Options and Values in Cascading Style Sheets (CSS)

• کاوش متن و گزینه‌ها و مقادیر بیشتر ویژگی قلم در برگه‌های سبک آبشاری (CSS) Exploring Text and More Font Property Options and Values in Cascading Style Sheets (CSS)

• تنظیم مقدار ویژگی نمایشگرهای سبک آبشاری (CSS). Setting the Value of the Cascading Style Sheets (CSS) Display Property

• تنظیم مقدار ویژگی نمایشگرهای سبک آبشاری (CSS). Setting the Value of the Cascading Style Sheets (CSS) Display Property

• ساخت نوار پیمایش موارد فهرست HTML را به نوار ناوبری تبدیل کنید - چالش کدگذاری Making a Navigation Bar Turn the HTML List Items into a Navbar - Coding Challenge

• ساخت نوار پیمایش موارد فهرست HTML را به نوار ناوبری تبدیل کنید - چالش کدگذاری Making a Navigation Bar Turn the HTML List Items into a Navbar - Coding Challenge

• تنظیم مقدار ویژگی موقعیت برگه های سبک آبشاری (CSS). Setting the Value of the Cascading Style Sheets (CSS) Position Property

• تنظیم مقدار ویژگی موقعیت برگه های سبک آبشاری (CSS). Setting the Value of the Cascading Style Sheets (CSS) Position Property

• ویژگی z-index Cascading Style Sheets (CSS) چیست و چگونه آن را در CSS تنظیم کنیم؟ What is the z-index Cascading Style Sheets (CSS) property and How to Set it in CSS?

• ویژگی z-index Cascading Style Sheets (CSS) چیست و چگونه آن را در CSS تنظیم کنیم؟ What is the z-index Cascading Style Sheets (CSS) property and How to Set it in CSS?

• مدیریت سرریز محتوای عنصر Handling the Overflow of the Element Content

• مدیریت سرریز محتوای عنصر Handling the Overflow of the Element Content

• پروژه وب سایت نوار جانبی Nav Sidebar Nav Website Project

• پروژه وب سایت نوار جانبی Nav Sidebar Nav Website Project

• تنظیم ویژگی شناور سبک Cascading Style Sheets (CSS). Setting the Cascading Style Sheets (CSS) Float Property

• تنظیم ویژگی Float Style Sheets (CSS). Setting the Cascading Style Sheets (CSS) Float Property

• ایجاد یک وب سایت با استفاده از ویژگی شناور Cascading Style Sheets (CSS) - چالش کدنویسی Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge

• ایجاد یک وب سایت با استفاده از ویژگی شناور Cascading Style Sheets (CSS) - چالش کدنویسی Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge

• ایجاد گالری تصاویر وب سایت با استفاده از ویژگی شناور Cascading Style Sheets (CSS) - چالش کدنویسی Creating a Website Image Gallery Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge

• ایجاد یک گالری تصاویر وب سایت با استفاده از ویژگی شناور Cascading Style Sheets (CSS) - چالش کدنویسی Creating a Website Image Gallery Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge

• به‌روزرسانی نشانگر مکان‌نمای ماوس با برگه‌های سبک آبشاری (CSS) Updating the Mouse Cursor Pointer with Cascading Style Sheets (CSS)

• به‌روزرسانی نشانگر مکان‌نمای ماوس با برگه‌های سبک آبشاری (CSS) Updating the Mouse Cursor Pointer with Cascading Style Sheets (CSS)

• استفاده از برگه‌های سبک آبشاری (CSS) انتخابگرهای پیشرفته و درک گزینه‌های انتخاب بیشتر Using Cascading Style Sheets (CSS) Advanced Selectors and Understanding More Selection Options

• استفاده از برگه‌های سبک آبشاری (CSS) انتخابگرهای پیشرفته و درک گزینه‌های انتخاب بیشتر Using Cascading Style Sheets (CSS) Advanced Selectors and Understanding More Selection Options

• ریسپانسیو ساختن وب سایت با استفاده از پرسش های رسانه ای با شیوه نامه های آبشاری (CSS) Making a Website Responsive Using Media Queries with Cascading Style Sheets (CSS)

• ریسپانسیو ساختن وب سایت با استفاده از پرسش های رسانه ای با شیوه نامه های آبشاری (CSS) Making a Website Responsive Using Media Queries with Cascading Style Sheets (CSS)

• ویژگی انتخابگر کار برگه های سبک آبشاری (CSS). Working of Cascading Style Sheets (CSS) Selector Specificity

• ویژگی انتخابگر کار برگه های سبک آبشاری (CSS). Working of Cascading Style Sheets (CSS) Selector Specificity

طراحی ریسپانسیو اول موبایل در شیوه نامه های آبشاری (CSS) و طراحی وب Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design

کاوش بیشتر با Cascading Style Sheet (CSS3) و ایجاد آسان صفحات وب Exploring More with Cascading Style Sheet (CSS3) and Creating Webpages Easily

• برای طراحی وب‌سایت خود با استایل شیت بیشتر (CSS) و CSS3 را بررسی کنید Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling

• برای طراحی وب‌سایت خود با استایل شیت بیشتر (CSS) و CSS3 را بررسی کنید Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling

• ایجاد گرادیان های خطی Cascading Style Sheet (CSS). Creating the Cascading Style Sheet (CSS) Linear Gradients

• ایجاد گرادیان های خطی Cascading Style Sheet (CSS). Creating the Cascading Style Sheet (CSS) Linear Gradients

• ایجاد شیب های شعاعی صفحه سبک آبشاری (CSS). Creating the Cascading Style Sheet (CSS) Radial Gradients

• ایجاد شیب های شعاعی صفحه سبک آبشاری (CSS). Creating the Cascading Style Sheet (CSS) Radial Gradients

• ایجاد تبدیل‌های دوبعدی به سبک آبشاری (CSS). Creating Cascading Style Sheet (CSS) 2D Transforms

• ایجاد تبدیل‌های دوبعدی به سبک آبشاری (CSS). Creating Cascading Style Sheet (CSS) 2D Transforms

• آموزش در مورد تبدیل های سه بعدی Cascading Style Sheet (CSS) و استفاده از تبدیل های سه بعدی CSS Learning about Cascading Style Sheet (CSS) 3D Transforms and Applying CSS 3D Transforms

• آموزش در مورد تبدیل های سه بعدی Cascading Style Sheet (CSS) و استفاده از تبدیل های سه بعدی CSS Learning about Cascading Style Sheet (CSS) 3D Transforms and Applying CSS 3D Transforms

• ساخت انیمیشن با شیوه نامه آبشاری (CSS) Making Animations with Cascading Style Sheet (CSS)

• ساخت انیمیشن با شیوه نامه آبشاری (CSS) Making Animations with Cascading Style Sheet (CSS)

کاوش بیشتر با Cascading Style Sheet (CSS3) و ایجاد آسان صفحات وب Exploring More with Cascading Style Sheet (CSS3) and Creating Webpages Easily

طرح‌بندی برگه سبک آبشاری (CSS) FlexBox و CSS Grid Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid

• ایجاد طرح بندی وب سایت مدرن با استفاده از طراحی وب واکنش گرا CSS3 Creating Modern Website Layouts Using the CSS3 Responsive Web Design

• ایجاد طرح بندی وب سایت مدرن با استفاده از طراحی وب واکنش گرا CSS3 Creating Modern Website Layouts Using the CSS3 Responsive Web Design

• CSS FlexBox Layout و ایجاد یک Layout با Flexbox CSS FlexBox Layout and Creating a Layout with Flexbox

• CSS FlexBox Layout و ایجاد یک Layout با Flexbox CSS FlexBox Layout and Creating a Layout with Flexbox

• ایجاد نوار ناوبری با استفاده از Flexbox - چالش کدگذاری Creating a Navbar Using Flexbox - Coding Challenge

• ایجاد نوار ناوبری با استفاده از Flexbox - چالش کدگذاری Creating a Navbar Using Flexbox - Coding Challenge

• اعمال اندازه عنصر با Flexbox Applying Element Sizing with Flexbox

• اعمال اندازه عنصر با Flexbox Applying Element Sizing with Flexbox

• استفاده از Flexbox برای اندازه دادن موارد در صفحه Using Flexbox to Size Items on the Page

• استفاده از Flexbox برای اندازه دادن موارد در صفحه Using Flexbox to Size Items on the Page

• ایجاد وب سایت گالری تصاویر - چالش کدنویسی Creating an Image Gallery Website - Coding Challenge

• ایجاد وب سایت گالری تصاویر - چالش کدنویسی Creating an Image Gallery Website - Coding Challenge

• ایجاد وب سایت با طرح بندی شبکه ای Creating Websites with a Grid Layout

• ایجاد وب سایت با طرح بندی شبکه ای Creating Websites with a Grid Layout

• استفاده از گرید Cascading Style Sheets (CSS) برای ایجاد سطر و ستون Using the Cascading Style Sheets (CSS) Grid to Make Rows and Columns

• استفاده از گرید Cascading Style Sheets (CSS) برای ایجاد سطر و ستون Using the Cascading Style Sheets (CSS) Grid to Make Rows and Columns

• ساختن سطرها و ستون‌های گرید شیت‌های سبک آبشاری (CSS) و تنظیم عرض Making the Cascading Style Sheets (CSS) Grid Rows and Columns and Setting the Width

• ساختن سطرها و ستون‌های گرید شیت‌های سبک آبشاری (CSS) و تنظیم عرض Making the Cascading Style Sheets (CSS) Grid Rows and Columns and Setting the Width

• موارد گرید چیست؟ What are Grid Items?

• موارد گرید چیست؟ What are Grid Items?

• تنظیم نام‌های ناحیه شبکه‌ای برگه‌های سبک آبشاری (CSS). Setting the Cascading Style Sheets (CSS) Grid Area Names

• تنظیم نام‌های ناحیه شبکه‌ای برگه‌های سبک آبشاری (CSS). Setting the Cascading Style Sheets (CSS) Grid Area Names

• ایجاد وب سایت و راه اندازی و طراحی صفحات وب با استفاده از شبکه CSS - چالش کدنویسی Creating Websites and Setting up and Designing Web Pages Using the CSS Grid - Coding Challenge

• ایجاد وب سایت و راه اندازی و طراحی صفحات وب با استفاده از شبکه CSS - چالش کدنویسی Creating Websites and Setting up and Designing Web Pages Using the CSS Grid - Coding Challenge

طرح‌بندی برگه سبک آبشاری (CSS) FlexBox و CSS Grid Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid

سؤالات و پاسخ‌های معمول برگه‌های سبک آبشاری (CSS) برای آماده‌سازی مصاحبه Common Cascading Style Sheets (CSS) Questions and Answers for Interview Preparation

• مقدمه - سوالات متداول Introduction – Common Questions

• مقدمه - سوالات متداول Introduction – Common Questions

• کاوش بیشتر در مورد سؤالات شیوه نامه آبشاری (CSS). Exploring More about Cascading Style Sheets (CSS) Questions

• کاوش بیشتر در مورد سؤالات شیوه نامه آبشاری (CSS). Exploring More about Cascading Style Sheets (CSS) Questions

• مدل جعبه و عملکرد آن Box Model and its Workings

• مدل جعبه و عملکرد آن Box Model and its Workings

• برگه های سبک آبشاری (CSS) z-index و استفاده از آن Cascading Style Sheets (CSS) z-index and its Usage

• برگه های سبک آبشاری (CSS) z-index و استفاده از آن Cascading Style Sheets (CSS) z-index and its Usage

• عناصر شبه در برگه های سبک آبشاری (CSS) با مثال Pseudo-elements in Cascading Style Sheets (CSS) with Examples

• عناصر شبه در برگه های سبک آبشاری (CSS) با مثال Pseudo-elements in Cascading Style Sheets (CSS) with Examples

• کلاس های شبه در برگه های سبک آبشاری (CSS) با مثال Pseudo-classes in Cascading Style Sheets (CSS) with Examples

• کلاس های شبه در برگه های سبک آبشاری (CSS) با مثال Pseudo-classes in Cascading Style Sheets (CSS) with Examples

• مدل جعبه اندازه و برگه های سبک آبشاری (CSS). Box Sizing and Cascading Style Sheets (CSS) Box Model

• مدل جعبه اندازه و برگه های سبک آبشاری (CSS). Box Sizing and Cascading Style Sheets (CSS) Box Model

• اندازه فونت برگه های سبک آبشاری (CSS). Cascading Style Sheets (CSS) Font Sizes

• اندازه فونت برگه های سبک آبشاری (CSS). Cascading Style Sheets (CSS) Font Sizes

سؤالات و پاسخ‌های معمول برگه‌های سبک آبشاری (CSS) برای آماده‌سازی مصاحبه Common Cascading Style Sheets (CSS) Questions and Answers for Interview Preparation

چالش های برگه های سبک آبشاری (CSS). Cascading Style Sheets (CSS) Challenges

• چالش های برگه های سبک آبشاری (CSS) - مقدمه Cascading Style Sheets (CSS) Challenges – Introduction

• چالش های برگه های سبک آبشاری (CSS) - مقدمه Cascading Style Sheets (CSS) Challenges – Introduction

• افزودن فونت گوگل Adding Google Font

• افزودن فونت گوگل Adding Google Font

• تغییر حرف اول در کلاس های شبه Changing First Letter in Pseudo-classes

• تغییر حرف اول در کلاس های شبه Changing First Letter in Pseudo-classes

• 2 طراحی ستون ها با استفاده از شیوه نامه آبشاری (CSS) 2 Designing Columns Using Cascading Style Sheets (CSS)

• 2 طراحی ستون ها با استفاده از شیوه نامه آبشاری (CSS) 2 Designing Columns Using Cascading Style Sheets (CSS)

• مرکز کردن محتوا با استفاده از حاشیه Centering Content Using Margin

• مرکز کردن محتوا با استفاده از حاشیه Centering Content Using Margin

• عناصر شناور در کلاس شبه Hovering Elements in Pseudo-class

• عناصر شناور در کلاس شبه Hovering Elements in Pseudo-class

• استفاده از Hover Anchor در کلاس شبه Using Hover Anchor in Pseudo-class

• استفاده از Hover Anchor در کلاس شبه Using Hover Anchor in Pseudo-class

• ایجاد اندازه رسانه واکنش گرا Creating Responsive Media Size

• ایجاد اندازه رسانه واکنش گرا Creating Responsive Media Size

• مدل جعبه – تمرین Box Model – Exercise

• مدل جعبه – تمرین Box Model – Exercise

• تصاویر شناور در سمت چپ متن Floating Images to the Left of the Text

• تصاویر شناور در سمت چپ متن Floating Images to the Left of the Text

چالش های برگه های سبک آبشاری (CSS). Cascading Style Sheets (CSS) Challenges

معرفی جاوا اسکریپت JavaScript Introduction

• مقدمه ای بر جاوا اسکریپت برای طراحی وب برای تعاملی کردن صفحات Introduction to JavaScript for Web Design to Make the Pages Interactive

• مقدمه ای بر جاوا اسکریپت برای طراحی وب برای تعاملی کردن صفحات Introduction to JavaScript for Web Design to Make the Pages Interactive

• نوشتن کد با جاوا اسکریپت Writing Code with JavaScript

• نوشتن کد با جاوا اسکریپت Writing Code with JavaScript

• اجرای جاوا اسکریپت در مرورگر Running JavaScript in a Browser

• اجرای جاوا اسکریپت در مرورگر Running JavaScript in a Browser

• جاوا اسکریپت و HTML JavaScript and HTML

• جاوا اسکریپت و HTML JavaScript and HTML

• اضافه کردن نظرات در جاوا اسکریپت Adding Comments in JavaScript

• اضافه کردن نظرات در جاوا اسکریپت Adding Comments in JavaScript

• گزینه های خروجی در جاوا اسکریپت Output Options in JavaScript

• گزینه های خروجی در جاوا اسکریپت Output Options in JavaScript

• چالش کد جاوا اسکریپت – چالش اقدام خروجی JavaScript Code Challenge – Output Action Challenge

• چالش کد جاوا اسکریپت – چالش اقدام خروجی JavaScript Code Challenge – Output Action Challenge

• مقدمه ای بر متغیرهای جاوا اسکریپت Introduction to JavaScript Variables

• مقدمه ای بر متغیرهای جاوا اسکریپت Introduction to JavaScript Variables

• جاوا اسکریپت – متغیرهای Let و Const JavaScript – Let and Const Variables

• جاوا اسکریپت – متغیرهای Let و Const JavaScript – Let and Const Variables

• بررسی انواع مختلف داده ها Exploring Different Types of Data

• بررسی انواع مختلف داده ها Exploring Different Types of Data

• ایجاد ورودی کاربر با کد اعلان در جاوا اسکریپت - چالش کدنویسی Creating User Input with a Prompt Code in JavaScript - Coding Challenge

• ایجاد ورودی کاربر با کد اعلان در جاوا اسکریپت - چالش کدنویسی Creating User Input with a Prompt Code in JavaScript - Coding Challenge

• الگوها در جاوا اسکریپت با استفاده از Backticks Template Literals in JavaScript using Backticks

• الگوها در جاوا اسکریپت با استفاده از Backticks Template Literals in JavaScript using Backticks

• چالش کد جاوا اسکریپت – چالش سریع JavaScript Code Challenge – Prompt Challenge

• چالش کد جاوا اسکریپت – چالش سریع JavaScript Code Challenge – Prompt Challenge

• کاوش در تبدیل و اجبار نوع جاوا اسکریپت Exploring JavaScript Type Conversion and Coercion

• کاوش در تبدیل و اجبار نوع جاوا اسکریپت Exploring JavaScript Type Conversion and Coercion

• دریافت نوع داده با استفاده از کد جاوا اسکریپت - چالش کدگذاری Getting the Data Type Using the JavaScript Code - Coding Challenge

• دریافت نوع داده با استفاده از کد جاوا اسکریپت - چالش کدگذاری Getting the Data Type Using the JavaScript Code - Coding Challenge

• اپراتورهای جاوا اسکریپت چیست و چگونه از آنها استفاده کنیم؟ What are JavaScript Operators and How to Use Them?

• اپراتورهای جاوا اسکریپت چیست و چگونه از آنها استفاده کنیم؟ What are JavaScript Operators and How to Use Them?

• اپراتورهای واگذاری جاوا اسکریپت JavaScript Assignment Operators

• اپراتورهای واگذاری جاوا اسکریپت JavaScript Assignment Operators

• عملگرهای مقایسه جاوا اسکریپت JavaScript Comparison Operators

• عملگرهای مقایسه جاوا اسکریپت JavaScript Comparison Operators

• جاوا اسکریپت درست و غلط - توضیح داده شده است JavaScript Truthy and Falsy – Explained

• جاوا اسکریپت درست و غلط - توضیح داده شده است JavaScript Truthy and Falsy – Explained

• دستورات شرطی If-Else و Else-If جاوا اسکریپت JavaScript If-Else and Else-If Conditional Statements

• دستورات شرطی If-Else و Else-If جاوا اسکریپت JavaScript If-Else and Else-If Conditional Statements

• یادگیری و کاوش کد - چالش کدگذاری Learning and Exploring the Code - Coding Challenge

• یادگیری و کاوش کد - چالش کدگذاری Learning and Exploring the Code - Coding Challenge

• اپراتور شرطی جاوا اسکریپت (سه تایی). JavaScript Conditional (Ternary) Operator

• اپراتور شرطی جاوا اسکریپت (سه تایی). JavaScript Conditional (Ternary) Operator

• عملگرهای منطقی جاوا اسکریپت – مثال JavaScript Logical Operators – Example

• عملگرهای منطقی جاوا اسکریپت – مثال JavaScript Logical Operators – Example

• بیانیه سوئیچ جاوا اسکریپت JavaScript Switch Statement

• بیانیه سوئیچ جاوا اسکریپت JavaScript Switch Statement

• ایجاد یک بازی ساده با جاوا اسکریپت - چالش کدگذاری Creating a Simple Game 'Switch Friends' with JavaScript - Coding Challenge

• ایجاد یک بازی ساده با جاوا اسکریپت - چالش کدگذاری Creating a Simple Game 'Switch Friends' with JavaScript - Coding Challenge

• توابع جاوا اسکریپت JavaScript Functions

• توابع جاوا اسکریپت JavaScript Functions

• پارامترهای تابع جاوا اسکریپت JavaScript Function Parameters

• پارامترهای تابع جاوا اسکریپت JavaScript Function Parameters

• بازگشت تابع جاوا اسکریپت JavaScript Function Return

• بازگشت تابع جاوا اسکریپت JavaScript Function Return

• تابع جاوا اسکریپت - بیان در مقابل اعلان تابع با مثال JavaScript Function - Expression versus Function Declaration with Examples

• تابع جاوا اسکریپت - بیان در مقابل اعلان تابع با مثال JavaScript Function - Expression versus Function Declaration with Examples

• Function Scope در جاوا اسکریپت Function Scope in JavaScript

• Function Scope در جاوا اسکریپت Function Scope in JavaScript

• بسته شدن توابع جاوا اسکریپت با مثال JavaScript Function Closures with Examples

• بسته شدن توابع جاوا اسکریپت با مثال JavaScript Function Closures with Examples

• بازگشت توابع جاوا اسکریپت با مثال های بازگشتی JavaScript Function Recursion with Recursion Examples

• بازگشت توابع جاوا اسکریپت با مثال های بازگشتی JavaScript Function Recursion with Recursion Examples

• استفاده از کد جاوا اسکریپت برای ایجاد یک بازی سرگرم کننده - چالش کدنویسی Using JavaScript Code to Create a Fun Game - Coding Challenge

• استفاده از کد جاوا اسکریپت برای ایجاد یک بازی سرگرم کننده - چالش کدنویسی Using JavaScript Code to Create a Fun Game - Coding Challenge

• عملکرد جاوا اسکریپت عبارت Invoked Invoked Function (IIFE). Immediately Invoked Function Expression (IIFE) JavaScript Function

• عملکرد جاوا اسکریپت عبارت Invoked Invoked Function (IIFE). Immediately Invoked Function Expression (IIFE) JavaScript Function

• توابع جدید پیکان در جاوا اسکریپت New Arrow Functions in JavaScript

• توابع جدید پیکان در جاوا اسکریپت New Arrow Functions in JavaScript

• ایجاد اشیا با جاوا اسکریپت Creating Objects with JavaScript

• ایجاد اشیا با جاوا اسکریپت Creating Objects with JavaScript

• یادگیری بیشتر در مورد اشیاء جاوا اسکریپت – قسمت 1 Learning More about JavaScript Objects – Part 1

• یادگیری بیشتر در مورد اشیاء جاوا اسکریپت – قسمت 1 Learning More about JavaScript Objects – Part 1

• ایجاد چالش شی خودرو - چالش کدنویسی Creating a Car Object Challenge - Coding Challenge

• ایجاد چالش شی خودرو - چالش کدنویسی Creating a Car Object Challenge - Coding Challenge

• یادگیری بیشتر در مورد اشیاء جاوا اسکریپت – قسمت 2 Learning More about JavaScript Objects – Part 2

• یادگیری بیشتر در مورد اشیاء جاوا اسکریپت – قسمت 2 Learning More about JavaScript Objects – Part 2

• ایجاد اشیاء جاوا اسکریپت Creating JavaScript Objects

• ایجاد اشیاء جاوا اسکریپت Creating JavaScript Objects

• ایجاد آرایه هایی برای نگهداری داده ها با جاوا اسکریپت Creating Arrays to Hold Data with JavaScript

• ایجاد آرایه هایی برای نگهداری داده ها با جاوا اسکریپت Creating Arrays to Hold Data with JavaScript

• افزودن مقادیر در آرایه جاوا اسکریپت Adding Values within the JavaScript Array

• افزودن مقادیر در آرایه جاوا اسکریپت Adding Values within the JavaScript Array

• استفاده از روش‌های آرایه در جاوا اسکریپت - قسمت 1 Using the Array Methods in JavaScript – Part 1

• استفاده از روش‌های آرایه در جاوا اسکریپت - قسمت 1 Using the Array Methods in JavaScript – Part 1

• استفاده از روش‌های آرایه در جاوا اسکریپت - قسمت 2 Using the Array Methods in JavaScript – Part 2

• استفاده از روش‌های آرایه در جاوا اسکریپت - قسمت 2 Using the Array Methods in JavaScript – Part 2

• روش های آرایه جاوا اسکریپت - پیشرفته JavaScript Array Methods – Advanced

• روش های آرایه جاوا اسکریپت - پیشرفته JavaScript Array Methods – Advanced

• ایجاد تکرارهای حلقه جاوا اسکریپت با کد جاوا اسکریپت Creating JavaScript Loop iterations with JavaScript Code

• ایجاد تکرارهای حلقه جاوا اسکریپت با کد جاوا اسکریپت Creating JavaScript Loop iterations with JavaScript Code

• دریافت محتویات یک آرایه با یک حلقه Getting Contents of an Array with a Loop

• دریافت محتویات یک آرایه با یک حلقه Getting Contents of an Array with a Loop

• دریافت خواص و مقادیر شیء با جاوا اسکریپت برای حلقه محتویات شیء Getting the Object Properties and Values with JavaScript to Loop Object Contents

• دریافت خواص و مقادیر شیء با جاوا اسکریپت برای حلقه محتویات شیء Getting the Object Properties and Values with JavaScript to Loop Object Contents

• روش نقشه آرایه جاوا اسکریپت - کد مثال JavaScript Array Map Method - Example Code

• روش نقشه آرایه جاوا اسکریپت - کد مثال JavaScript Array Map Method - Example Code

• ایجاد مقادیر تصادفی با استفاده از شی ریاضی جاوا اسکریپت Creating Random Values Using JavaScript Math Object

• ایجاد مقادیر تصادفی با استفاده از شی ریاضی جاوا اسکریپت Creating Random Values Using JavaScript Math Object

• دریافت شیء تاریخ فعلی Getting the Current Date Object

• دریافت شیء تاریخ فعلی Getting the Current Date Object

معرفی جاوا اسکریپت JavaScript Introduction

مدل شی سند جاوا اسکریپت (DOM) JavaScript Document Object Model (DOM)

• مقدمه مدل شی سند جاوا اسکریپت (DOM). JavaScript Document Object Model (DOM) Introduction

• مقدمه مدل شی سند جاوا اسکریپت (DOM). JavaScript Document Object Model (DOM) Introduction

• مقدمه ای بر محتوای صفحه وب پویا و تعاملی Introduction to the Dynamic and Interactive Webpage Content

• مقدمه ای بر محتوای صفحه وب پویا و تعاملی Introduction to the Dynamic and Interactive Webpage Content

• انتخاب عناصر مدل شی سند جاوا اسکریپت (DOM) Selecting the Elements of JavaScript Document Object Model (DOM)

• انتخاب عناصر مدل شی سند جاوا اسکریپت (DOM) Selecting the Elements of JavaScript Document Object Model (DOM)

• انتخاب عناصر صفحه وب با استفاده از انتخابگرهای عنصر جاوا اسکریپت Selecting Web Page Elements using JavaScript Element Selectors

• انتخاب عناصر صفحه وب با استفاده از انتخابگرهای عنصر جاوا اسکریپت Selecting Web Page Elements using JavaScript Element Selectors

• روش‌های انتخاب عنصر مدل شیء سند جاوا اسکریپت (DOM) - با استفاده از عنصر QuerySelectorAll JavaScript Document Object Model (DOM) Element Selection Methods - Using Element QuerySelectorAll

• روش‌های انتخاب عنصر مدل شیء سند جاوا اسکریپت (DOM) - با استفاده از عنصر QuerySelectorAll JavaScript Document Object Model (DOM) Element Selection Methods - Using Element QuerySelectorAll

• درباره InnerContent دستکاری جاوا اسکریپت بیاموزید Learn about JavaScript Manipulation InnerContent

• درباره InnerContent دستکاری جاوا اسکریپت بیاموزید Learn about JavaScript Manipulation InnerContent

• به روز رسانی ویژگی های عنصر با استفاده از جاوا اسکریپت DOM Updating the Element Attributes Using JavaScript DOM

• به روز رسانی ویژگی های عنصر با استفاده از جاوا اسکریپت DOM Updating the Element Attributes Using JavaScript DOM

• تنظیم به‌روزرسانی‌های ویژگی عنصر با استفاده از کد جاوا اسکریپت Setting the Element Attribute Updates Using JavaScript Code

• تنظیم به‌روزرسانی‌های ویژگی عنصر با استفاده از کد جاوا اسکریپت Setting the Element Attribute Updates Using JavaScript Code

• دستکاری عناصر صفحه - جاوا اسکریپت و کلاس ها Manipulating Page Elements - JavaScript and Classes

• دستکاری عناصر صفحه - جاوا اسکریپت و کلاس ها Manipulating Page Elements - JavaScript and Classes

• Element Children و عبور از عناصر صفحه وب با استفاده از جاوا اسکریپت Element Children and Traversing Web Page Elements Using JavaScript

• Element Children و عبور از عناصر صفحه وب با استفاده از جاوا اسکریپت Element Children and Traversing Web Page Elements Using JavaScript

• مدل شی سند جاوا اسکریپت (DOM0 - پیمایش بیشتر عناصر از صفحه وب JavaScript Document Object Model (DOM0 - More Traversing of Elements from the Web Page

• مدل شی سند جاوا اسکریپت (DOM0 - پیمایش بیشتر عناصر از صفحه وب JavaScript Document Object Model (DOM0 - More Traversing of Elements from the Web Page

• به روز رسانی و اعمال سبک های دستکاری عنصر با استفاده از جاوا اسکریپت Updating and Applying the Element Manipulation Styles Using JavaScript

• به روز رسانی و اعمال سبک های دستکاری عنصر با استفاده از جاوا اسکریپت Updating and Applying the Element Manipulation Styles Using JavaScript

• ایجاد عناصر صفحه با استفاده از کد جاوا اسکریپت Creating the Page Elements Using JavaScript Code

• ایجاد عناصر صفحه با استفاده از کد جاوا اسکریپت Creating the Page Elements Using JavaScript Code

• صفحه عنصر Append-Prepend با استفاده از کد جاوا اسکریپت - چالش کدگذاری Page Element Append-Prepend using JavaScript Code - Coding Challenge

• صفحه عنصر Append-Prepend با استفاده از کد جاوا اسکریپت - چالش کدگذاری Page Element Append-Prepend using JavaScript Code - Coding Challenge

• حذف یک عنصر از صفحه وب با استفاده از کد جاوا اسکریپت Removing an Element from a Webpage Using JavaScript Code

• حذف یک عنصر از صفحه وب با استفاده از کد جاوا اسکریپت Removing an Element from a Webpage Using JavaScript Code

• کپی کردن عناصر صفحه با استفاده از کد جاوا اسکریپت Duplicating the Page Elements Using JavaScript Code

• کپی کردن عناصر صفحه با استفاده از کد جاوا اسکریپت Duplicating the Page Elements Using JavaScript Code

• اضافه کردن شنوندگان رویداد Adding Event Listeners

• اضافه کردن شنوندگان رویداد Adding Event Listeners

• حباب رویدادهای عنصر جاوا اسکریپت و جذب شنوندگان رویداد JavaScript Element Events Bubble and Capturing Event Listeners

• حباب رویدادهای عنصر جاوا اسکریپت و جذب شنوندگان رویداد JavaScript Element Events Bubble and Capturing Event Listeners

• انجام حتی بیشتر با شنوندگان رویداد جاوا اسکریپت Doing Even More with JavaScript Event Listeners

• انجام حتی بیشتر با شنوندگان رویداد جاوا اسکریپت Doing Even More with JavaScript Event Listeners

• شنوندگان رویداد جاوا اسکریپت برای رویدادهای صفحه کلید JavaScript Event Listeners for Keyboard Events

• شنوندگان رویداد جاوا اسکریپت برای رویدادهای صفحه کلید JavaScript Event Listeners for Keyboard Events

• ایجاد لیست خرید پویا با استفاده از رویدادهای چالش لیست جاوا اسکریپت - چالش کدنویسی Creating Dynamic Shopping List Using the JavaScript List Challenge Events - Coding Challenge

• ایجاد لیست خرید پویا با استفاده از رویدادهای چالش لیست جاوا اسکریپت - چالش کدنویسی Creating Dynamic Shopping List Using the JavaScript List Challenge Events - Coding Challenge

مدل شی سند جاوا اسکریپت (DOM) JavaScript Document Object Model (DOM)

کد نویسی پیشرفته در جاوا اسکریپت Advanced Coding in JavaScript

• کاوش گزینه های پیشرفته تر با جاوا اسکریپت و تمرکز بر وب سایت های پویا و تعاملی Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites

• کاوش گزینه های پیشرفته تر با جاوا اسکریپت و تمرکز بر وب سایت های پویا و تعاملی Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites

• یادگیری در مورد روش های شماره جاوا اسکریپت Learning about JavaScript Number Methods

• یادگیری در مورد روش های شماره جاوا اسکریپت Learning about JavaScript Number Methods

• آموزش در مورد رشته جاوا اسکریپت – قسمت 1 Learning about JavaScript String – Part 1

• آموزش در مورد رشته جاوا اسکریپت – قسمت 1 Learning about JavaScript String – Part 1

• آموزش روش های رشته جاوا اسکریپت - قسمت 2. Learning about JavaScript String Methods - Part 2.

• آموزش روش های رشته جاوا اسکریپت - قسمت 2. Learning about JavaScript String Methods - Part 2.

• آبجکت ریاضی جاوا اسکریپت چیست؟ What is JavaScript Math Object?

• آبجکت ریاضی جاوا اسکریپت چیست؟ What is JavaScript Math Object?

• گرفتن آیتم های تصادفی از آرایه ها Getting Random Items from Arrays

• گرفتن آیتم های تصادفی از آرایه ها Getting Random Items from Arrays

• ایجاد یک پس زمینه تصادفی صفحه - چالش کدنویسی Creating a Random Page Background - Coding Challenge

• ایجاد یک پس زمینه تصادفی صفحه - چالش کدنویسی Creating a Random Page Background - Coding Challenge

• بارگیری جاوا اسکریپت پس از بارگیری صفحه Loading JavaScript once a Page is Loaded

• بارگیری جاوا اسکریپت پس از بارگیری صفحه Loading JavaScript once a Page is Loaded

• جابجایی عناصر صفحه وب با جاوا اسکریپت - چالش کدنویسی Moving Webpage Elements with JavaScript - Coding Challenge

• جابجایی عناصر صفحه وب با جاوا اسکریپت - چالش کدنویسی Moving Webpage Elements with JavaScript - Coding Challenge

• نوشتن تاریخ در جاوا اسکریپت و به روز رسانی شی تاریخ Writing the Date in JavaScript and Updating the Date Object

• نوشتن تاریخ در جاوا اسکریپت و به روز رسانی شی تاریخ Writing the Date in JavaScript and Updating the Date Object

• با استفاده از JSON.parse و JSON.stringify، اشیا را به رشته و رشته ها را به آبجکت تبدیل کنید. Turning Objects into Strings and Strings into Objects using JSON.parse and JSON.stringify.

• با استفاده از JSON.parse و JSON.stringify، اشیا را به رشته و رشته ها را به آبجکت تبدیل کنید. Turning Objects into Strings and Strings into Objects using JSON.parse and JSON.stringify.

• پروتکل فایل در مقابل پروتکل HTTP File Protocol versus HTTP Protocol

• پروتکل فایل در مقابل پروتکل HTTP File Protocol versus HTTP Protocol

• Local Storage چیست و چگونه با جاوا اسکریپت مقادیر را در مرورگر ذخیره کنیم؟ What is Local Storage and How to Store Values in the Browser with JavaScript?

• Local Storage چیست و چگونه با جاوا اسکریپت مقادیر را در مرورگر ذخیره کنیم؟ What is Local Storage and How to Store Values in the Browser with JavaScript?

• تنظیم کد برای اجرا پس از یک بازه زمانی و فاصله زمانی در جاوا اسکریپت Setting up the Code to Run after a Timeout and Interval in JavaScript

• تنظیم کد برای اجرا پس از یک بازه زمانی و فاصله زمانی در جاوا اسکریپت Setting up the Code to Run after a Timeout and Interval in JavaScript

• ایجاد نمونه های اولیه جاوا اسکریپت Creating JavaScript Prototypes

• ایجاد نمونه های اولیه جاوا اسکریپت Creating JavaScript Prototypes

• ایجاد یک درخواست AJAX با جاوا اسکریپت و استفاده از متد () Fetch JavaScript Making an AJAX Request with JavaScript and Using the JavaScript Fetch() Method

• ایجاد یک درخواست AJAX با جاوا اسکریپت و استفاده از متد () Fetch JavaScript Making an AJAX Request with JavaScript and Using the JavaScript Fetch() Method

کد نویسی پیشرفته در جاوا اسکریپت Advanced Coding in JavaScript

پرسش ها و پاسخ های رایج جاوا اسکریپت برای آماده سازی مصاحبه و تمرین Common JavaScript Questions and Answers for Interview Preparation and Practice

• درک متد ()window.cancelAnimationFrame و متد window.requestAnimationFrame() Understanding the window.cancelAnimationFrame() Method and window.requestAnimationFrame() Method

• درک متد ()window.cancelAnimationFrame و متد window.requestAnimationFrame() Understanding the window.cancelAnimationFrame() Method and window.requestAnimationFrame() Method

• parseInt در مقابل روش‌های عددی parseInt versus Number Methods

• parseInt در مقابل روش‌های عددی parseInt versus Number Methods

• بیانیه سوئیچ جاوا اسکریپت JavaScript Switch Statement

• بیانیه سوئیچ جاوا اسکریپت JavaScript Switch Statement

• استفاده از Continue و Break-in for loop و while Using Continue and Break-in for loop and While Loop

• استفاده از Continue و Break-in for loop و while Using Continue and Break-in for loop and While Loop

• شنوندگان رویداد صفحه کلید Keyboard Event Listeners

• شنوندگان رویداد صفحه کلید Keyboard Event Listeners

• ایجاد عناصر صفحه و افزودن آنها به صورت پویا در صفحه Creating Page Elements and Adding them Dynamically on the Page

• ایجاد عناصر صفحه و افزودن آنها به صورت پویا در صفحه Creating Page Elements and Adding them Dynamically on the Page

• ایجاد عناصر و ساخت HTML برای بازی تاس Creating Elements and Building HTML for a Dice Game

• ایجاد عناصر و ساخت HTML برای بازی تاس Creating Elements and Building HTML for a Dice Game

• ایجاد یک پاپ آپ مدال جاوا اسکریپت Creating a JavaScript Pop-up Modal

• ایجاد یک پاپ آپ مدال جاوا اسکریپت Creating a JavaScript Pop-up Modal

• استفاده از متد requestAnimationFrame() برای Simple Counter Using requestAnimationFrame() Method for Simple Counter

• استفاده از متد requestAnimationFrame() برای Simple Counter Using requestAnimationFrame() Method for Simple Counter

• حذف گره Child از جاوا اسکریپت Removing a Child node from JavaScript

• حذف گره Child از جاوا اسکریپت Removing a Child node from JavaScript

• حالت Quirks در جاوا اسکریپت Quirks Mode in JavaScript

• حالت Quirks در جاوا اسکریپت Quirks Mode in JavaScript

• قبل و بعد از درج تریگرها Before and After Insert Triggers

• قبل و بعد از درج تریگرها Before and After Insert Triggers

• متدهای append() و prepend(). append() and prepend() Methods

• متدهای append() و prepend(). append() and prepend() Methods

پرسش ها و پاسخ های رایج جاوا اسکریپت برای آماده سازی مصاحبه و تمرین Common JavaScript Questions and Answers for Interview Preparation and Practice

کاوش در طراحی سریع وب با چارچوب Bootstrap 4 Frontend Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework

• مقدمه ای بر بوت استرپ Introduction to Bootstrap

• مقدمه ای بر بوت استرپ Introduction to Bootstrap

• آشنایی با بوت استرپ Getting to Know Bootstrap

• آشنایی با بوت استرپ Getting to Know Bootstrap

• راه اندازی صفحه وب با استفاده از برگه های سبک آبشاری (CSS) و فایل های JS Setting up Webpage Using Cascading Style Sheets (CSS) and JS files

• راه اندازی صفحه وب با استفاده از برگه های سبک آبشاری (CSS) و فایل های JS Setting up Webpage Using Cascading Style Sheets (CSS) and JS files

• آشنایی با نسخه های بوت استرپ Finding out about Bootstrap Versions

• آشنایی با نسخه های بوت استرپ Finding out about Bootstrap Versions

• Grid Bootstrap 4 چیست؟ What is Grid Bootstrap 4?

• Grid Bootstrap 4 چیست؟ What is Grid Bootstrap 4?

• اضافه کردن کلاس های بوت استرپ و استایل به صفحه وب شما Adding Bootstrap Classes and Styling to Your Webpage

• اضافه کردن کلاس های بوت استرپ و استایل به صفحه وب شما Adding Bootstrap Classes and Styling to Your Webpage

• راه اندازی تصاویر در بوت استرپ Setting up Images within Bootstrap.

• راه اندازی تصاویر در بوت استرپ Setting up Images within Bootstrap.

• ایجاد هشدار در بوت استرپ Creating an Alert in Bootstrap

• ایجاد هشدار در بوت استرپ Creating an Alert in Bootstrap

• کشف نشان های کامپوننت در بوت استرپ Discovering Component Badges in Bootstrap.

• کشف نشان های کامپوننت در بوت استرپ Discovering Component Badges in Bootstrap.

• راه اندازی Breadcrumbs با استفاده از کامپوننت های بوت استرپ Setting up Breadcrumbs Using Bootstrap Components

• راه اندازی Breadcrumbs با استفاده از کامپوننت های بوت استرپ Setting up Breadcrumbs Using Bootstrap Components

• دکمه های رنگارنگ با بوت استرپ Colorful Buttons with Bootstrap

• دکمه های رنگارنگ با بوت استرپ Colorful Buttons with Bootstrap

• استفاده از کارت در بوت استرپ Using Cards within Bootstrap

• استفاده از کارت در بوت استرپ Using Cards within Bootstrap

• ایجاد یک نمایش اسلاید با Bootstrap Carousel Creating a slideshow with Bootstrap Carousel

• ایجاد یک نمایش اسلاید با Bootstrap Carousel Creating a slideshow with Bootstrap Carousel

• افزودن و جمع کردن عناصر با استفاده از بوت استرپ Adding and Collapsing Elements Using Bootstrap

• افزودن و جمع کردن عناصر با استفاده از بوت استرپ Adding and Collapsing Elements Using Bootstrap

• اضافه کردن یک Fluxionality کشویی در Bootstrap Adding a Dropdown Fluxionality in Bootstrap

• اضافه کردن یک Fluxionality کشویی در Bootstrap Adding a Dropdown Fluxionality in Bootstrap

• راه اندازی فرم ها در Bootstrap و Field Style Setting up Forms in Bootstrap and Field Style

• راه اندازی فرم ها در Bootstrap و Field Style Setting up Forms in Bootstrap and Field Style

• برجسته شدن با اجزای بوت استرپ JumboTron Standing out with the Bootstrap Components JumboTron

• برجسته شدن با اجزای بوت استرپ JumboTron Standing out with the Bootstrap Components JumboTron

• حالت دادن به لیست های HTML با بوت استرپ Styling HTML Lists with Bootstrap

• حالت دادن به لیست های HTML با بوت استرپ Styling HTML Lists with Bootstrap

• ایجاد یک پاپ آپ مدال با استفاده از بوت استرپ Creating a Modal Pop-up using Bootstrap

• ایجاد یک پاپ آپ مدال با استفاده از بوت استرپ Creating a Modal Pop-up using Bootstrap

• ایجاد یک کد ناو بوت استرپ پاسخگو Creating a Responsive Bootstrap Nav Code

• ایجاد یک کد ناو بوت استرپ پاسخگو Creating a Responsive Bootstrap Nav Code

• ایجاد نوار ناوبری پاسخگو برای موبایل با استفاده از بوت استرپ Creating Mobile Responsive Navbar Using Bootstrap

• ایجاد نوار ناوبری پاسخگو برای موبایل با استفاده از بوت استرپ Creating Mobile Responsive Navbar Using Bootstrap

• ایجاد اسکرول Single Page Nav Nav با استفاده از Bootstrap Scrollspy Creating Single Page Nav Scroll using Bootstrap Scrollspy

• ایجاد اسکرول Single Page Nav Nav با استفاده از Bootstrap Scrollspy Creating Single Page Nav Scroll using Bootstrap Scrollspy

• اضافه کردن صفحه بندی در بوت استرپ Adding Pagination in Bootstrap

• اضافه کردن صفحه بندی در بوت استرپ Adding Pagination in Bootstrap

• افزودن ToolTips و Pop-over در Bootstrap Adding ToolTips and Pop-over in Bootstrap

• افزودن ToolTips و Pop-over در Bootstrap Adding ToolTips and Pop-over in Bootstrap

• افزودن اسپینرها و نوارهای پیشرفت با استایل های Bootstrap 4 Adding Spinners and Progress Bars with Bootstrap 4 Styles

• افزودن اسپینرها و نوارهای پیشرفت با استایل های Bootstrap 4 Adding Spinners and Progress Bars with Bootstrap 4 Styles

• کاوش در اجزای بوت استرپ Exploring Bootstrap Components

• کاوش در اجزای بوت استرپ Exploring Bootstrap Components

• راه اندازی یک وب سایت تک صفحه ای از ابتدا Setting up a Single-page Website from Scratch

• راه اندازی یک وب سایت تک صفحه ای از ابتدا Setting up a Single-page Website from Scratch

• اضافه کردن یک نوار ناوبری پاسخگو بوت استرپ Adding a Responsive Bootstrap Navbar

• اضافه کردن یک نوار ناوبری پاسخگو بوت استرپ Adding a Responsive Bootstrap Navbar

• دریافت نمادهای اجتماعی با FontAwesome برای وب سایت Getting Social Icons with FontAwesome for the Website

• دریافت نمادهای اجتماعی با FontAwesome برای وب سایت Getting Social Icons with FontAwesome for the Website

• سبک های Cascading Style Sheets (CSS) برای بخش ها وب سایت پاسخگو با استایل بوت استرپ Cascading Style Sheets (CSS) Styles for Sections Responsive Website with Bootstrap Styling

• سبک های Cascading Style Sheets (CSS) برای بخش ها وب سایت پاسخگو با استایل بوت استرپ Cascading Style Sheets (CSS) Styles for Sections Responsive Website with Bootstrap Styling

• ایجاد یک وب سایت واکنش گرا با استفاده از کارت های بوت استرپ Creating a Responsive Website Using Bootstrap Cards

• ایجاد یک وب سایت واکنش گرا با استفاده از کارت های بوت استرپ Creating a Responsive Website Using Bootstrap Cards

• ایجاد ستون و ردیف صفحات وب با استفاده از Bootstrap Grid Creating Webpages Columns and Rows Using the Bootstrap Grid

• ایجاد ستون و ردیف صفحات وب با استفاده از Bootstrap Grid Creating Webpages Columns and Rows Using the Bootstrap Grid

• افزودن یک نمایش اسلاید با مؤلفه چرخ فلک بوت استرپ Adding a Slideshow with the Bootstrap Carousel Component

• افزودن یک نمایش اسلاید با مؤلفه چرخ فلک بوت استرپ Adding a Slideshow with the Bootstrap Carousel Component

• ایجاد یک فرم تماس سفارشی بوت استرپ با استفاده از کلاس های استایل فرم بوت استرپ Creating a Custom Bootstrap Contact Form Using Bootstrap Form Styling Classes

• ایجاد یک فرم تماس سفارشی بوت استرپ با استفاده از کلاس های استایل فرم بوت استرپ Creating a Custom Bootstrap Contact Form Using Bootstrap Form Styling Classes

• ساخت وب سایت ریسپانسیو با استفاده از بوت استرپ Creating Responsive Website Using Bootstrap

• ساخت وب سایت ریسپانسیو با استفاده از بوت استرپ Creating Responsive Website Using Bootstrap

• ایجاد یک وب سایت تک صفحه ای با Scrollspy Creating a Single-page Website with Scrollspy

• ایجاد یک وب سایت تک صفحه ای با Scrollspy Creating a Single-page Website with Scrollspy

• مروری کامل بر وب سایت واکنش گرا از ابتدا Complete Overview of Responsive Website from Scratch

• مروری کامل بر وب سایت واکنش گرا از ابتدا Complete Overview of Responsive Website from Scratch

کاوش در طراحی سریع وب با چارچوب Bootstrap 4 Frontend Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework

استفاده از jQuery در صفحات وب شما Applying jQuery to Your Web Pages

• جی کوئری چیست و چگونه کد جی کوئری بنویسیم؟ What is jQuery and How to Write jQuery Code?

• جی کوئری چیست و چگونه کد جی کوئری بنویسیم؟ What is jQuery and How to Write jQuery Code?

• چرا از jQuery استفاده کنیم؟ Why Use jQuery?

• چرا از jQuery استفاده کنیم؟ Why Use jQuery?

• جاوا اسکریپت در مقابل jQuery و چگونه از jQuery برای نوشتن کد استفاده کنیم؟ JavaScript Versus jQuery and How to Use jQuery to Write Codes?

• جاوا اسکریپت در مقابل jQuery و چگونه از jQuery برای نوشتن کد استفاده کنیم؟ JavaScript Versus jQuery and How to Use jQuery to Write Codes?

• Document Ready چیست و چه زمانی باید از آن استفاده کرد؟ What is Document Ready and When to Use it?

• Document Ready چیست و چه زمانی باید از آن استفاده کرد؟ What is Document Ready and When to Use it?

• روش های رایج جی کوئری و نحوه کدنویسی در جی کوئری؟ Common jQuery Methods and How to Code in jQuery?

• روش های رایج جی کوئری و نحوه کدنویسی در جی کوئری؟ Common jQuery Methods and How to Code in jQuery?

• روش های پیکان جی کوئری jQuery Arrows Methods

• روش های پیکان جی کوئری jQuery Arrows Methods

• ایجاد عناصر جدید برای صفحه با متدهای jQuery Prepend() و Append(). Creating New Elements for the Page with jQuery Prepend() and Append() Methods

• ایجاد عناصر جدید برای صفحه با متدهای jQuery Prepend() و Append(). Creating New Elements for the Page with jQuery Prepend() and Append() Methods

• درج عناصر در جی کوئری Inserting Elements in jQuery

• درج عناصر در جی کوئری Inserting Elements in jQuery

• به روز رسانی و افزودن ویژگی های جی کوئری Updating and Adding jQuery Attributes

• به روز رسانی و افزودن ویژگی های جی کوئری Updating and Adding jQuery Attributes

• ایجاد یک عنصر جی کوئری Creating an Element jQuery

• ایجاد یک عنصر جی کوئری Creating an Element jQuery

• بازگشت مقادیر فیلد Returning Field Values

• بازگشت مقادیر فیلد Returning Field Values

• حذف عناصر از صفحه با متدهای jQuery Remove() و Empty() Removing Elements from the Page with the jQuery Remove() and Empty() Methods

• حذف عناصر از صفحه با متدهای jQuery Remove() و Empty() Removing Elements from the Page with the jQuery Remove() and Empty() Methods

• ایجاد یک لیست پویا جی کوئری - چالش کدنویسی Creating a jQuery Dynamic List - Coding Challenge

• ایجاد یک لیست پویا جی کوئری - چالش کدنویسی Creating a jQuery Dynamic List - Coding Challenge

• آشنایی بیشتر با کد در جی کوئری Learning More about Code in jQuery.

• آشنایی بیشتر با کد در جی کوئری Learning More about Code in jQuery.

• تنظیم ویژگی های تصاویر با جی کوئری Setting Images Attributes with jQuery

• تنظیم ویژگی های تصاویر با جی کوئری Setting Images Attributes with jQuery

• چک باکس - چالش کدنویسی Checkbox - Coding Challenge

• چک باکس - چالش کدنویسی Checkbox - Coding Challenge

• تنظیم رویدادهای ماوس با جی کوئری Setting Mouse Events with jQuery

• تنظیم رویدادهای ماوس با جی کوئری Setting Mouse Events with jQuery

• تنظیم رویدادهای صفحه کلید با جی کوئری و افزودن شنوندگان رویداد با جی کوئری Setting Keyboard Events with jQuery and Adding Event Listeners with jQuery

• تنظیم رویدادهای صفحه کلید با جی کوئری و افزودن شنوندگان رویداد با جی کوئری Setting Keyboard Events with jQuery and Adding Event Listeners with jQuery

• اضافه کردن شنوندگان رویداد در جی کوئری Adding Event Listeners in jQuery

• اضافه کردن شنوندگان رویداد در جی کوئری Adding Event Listeners in jQuery

• تنظیم جلوه های جی کوئری – مخفی کردن، نمایش دادن و محو شدن Setting jQuery Effects – Hide, Show, and Fade

• تنظیم جلوه های جی کوئری – مخفی کردن، نمایش دادن و محو شدن Setting jQuery Effects – Hide, Show, and Fade

• تنظیم افکت اسلاید جی کوئری Setting up the jQuery Slide Effect

• تنظیم افکت اسلاید جی کوئری Setting up the jQuery Slide Effect

• استفاده از متد jQuery Animate برای جابجایی عناصر Using the jQuery Animate Method to Move Elements

• استفاده از متد jQuery Animate برای جابجایی عناصر Using the jQuery Animate Method to Move Elements

• ایجاد انیمیشن - چالش کدنویسی Creating Animations - Coding Challenge

• ایجاد انیمیشن - چالش کدنویسی Creating Animations - Coding Challenge

• jQuery AJAX چیست و درخواست AJAX با استفاده از متدهای jQuery Load() و Get() What is jQuery AJAX and Making AJAX Request Using jQuery Load() and Get() Methods

• jQuery AJAX چیست و درخواست AJAX با استفاده از متدهای jQuery Load() و Get() What is jQuery AJAX and Making AJAX Request Using jQuery Load() and Get() Methods

• امتحان AJAX با جی کوئری - چالش کدگذاری Trying AJAX with jQuery - Coding Challenge

• امتحان AJAX با جی کوئری - چالش کدگذاری Trying AJAX with jQuery - Coding Challenge

• حلقه زدن از طریق اشیاء jQuery Looping through jQuery Objects

• حلقه زدن از طریق اشیاء jQuery Looping through jQuery Objects

• عبور از درخت مدل شی سند (DOM) با جی کوئری Traversing the Document Object Model (DOM) Tree with jQuery

• عبور از درخت مدل شی سند (DOM) با جی کوئری Traversing the Document Object Model (DOM) Tree with jQuery

• استفاده از فیلترها برای یافتن عناصر با جی کوئری Using Filters to Find Elements with jQuery

• استفاده از فیلترها برای یافتن عناصر با جی کوئری Using Filters to Find Elements with jQuery

• با کدها و نمونه ها درباره jQuery بیشتر بیاموزید Learning more about jQuery with Code Snippets and Examples

• با کدها و نمونه ها درباره jQuery بیشتر بیاموزید Learning more about jQuery with Code Snippets and Examples

استفاده از jQuery در صفحات وب شما Applying jQuery to Your Web Pages

ایجاد یک وب سایت ساده از ابتدا Creating a Simple Website from Scratch

• ایجاد یک وب سایت ساده از ابتدا Creating a Simple Website from Scratch

• ایجاد یک وب سایت ساده از ابتدا Creating a Simple Website from Scratch

• ابزارها و منابع Tools and Resources

• ابزارها و منابع Tools and Resources

• ایجاد یک وب سایت ساده آبشاری Style Sheets (CSS). Creating a Simple Cascading Style Sheets (CSS) Website

• ایجاد یک وب سایت ساده آبشاری Style Sheets (CSS). Creating a Simple Cascading Style Sheets (CSS) Website

• ایجاد یک وب سایت سه ستونی Creating a Three-column Website

• ایجاد یک وب سایت سه ستونی Creating a Three-column Website

• ایجاد یک وب سایت سه ستونی با استفاده از Flexbox Creating a Three-column Website Using Flexbox

• ایجاد یک وب سایت سه ستونی با استفاده از Flexbox Creating a Three-column Website Using Flexbox

• ایجاد یک وب‌سایت سه ستونی با استفاده از شبکه‌های Cascading Style Sheets (CSS). Creating a Three-column Website Using Cascading Style Sheets (CSS) Grid

• ایجاد یک وب‌سایت سه ستونی با استفاده از شبکه‌های Cascading Style Sheets (CSS). Creating a Three-column Website Using Cascading Style Sheets (CSS) Grid

• ایجاد یک فرم HTML با استفاده از شبکه آبشاری Style Sheets (CSS). Creating an HTML Form Using Cascading Style Sheets (CSS) Grid

• ایجاد یک فرم HTML با استفاده از شبکه آبشاری Style Sheets (CSS). Creating an HTML Form Using Cascading Style Sheets (CSS) Grid

• بررسی وب سایت و نتیجه گیری Website Review and Conclusion

• بررسی وب سایت و نتیجه گیری Website Review and Conclusion

ایجاد یک وب سایت ساده از ابتدا Creating a Simple Website from Scratch

ایجاد یک وب سایت سه ستونی از ابتدا Creating a Three-column Website from Scratch

• ایجاد یک وب سایت طراحی سه ستونی از ابتدا Creating a Three-column Design Website from Scratch

• ایجاد یک وب سایت طراحی سه ستونی از ابتدا Creating a Three-column Design Website from Scratch

• برنامه ریزی وب سایت Website Planning

• برنامه ریزی وب سایت Website Planning

• تنظیم ساختار HTML Setting up the HTML Structure

• تنظیم ساختار HTML Setting up the HTML Structure

• استفاده از شیوه نامه آبشاری (CSS) در HTML Applying Cascading Style Sheets (CSS) to HTML

• استفاده از شیوه نامه آبشاری (CSS) در HTML Applying Cascading Style Sheets (CSS) to HTML

• راه اندازی ستون های محتوای صفحه Setting up Page Content Columns

• راه اندازی ستون های محتوای صفحه Setting up Page Content Columns

• ایجاد پاورقی صفحه با استفاده از شیوه نامه آبشاری (CSS) Creating a Page Footer Using Cascading Style Sheets (CSS)

• ایجاد پاورقی صفحه با استفاده از شیوه نامه آبشاری (CSS) Creating a Page Footer Using Cascading Style Sheets (CSS)

• ایجاد ستون های پاسخگو با استفاده از شیوه نامه آبشاری (CSS) Creating Responsive Columns Using Cascading Style Sheets (CSS)

• ایجاد ستون های پاسخگو با استفاده از شیوه نامه آبشاری (CSS) Creating Responsive Columns Using Cascading Style Sheets (CSS)

• ایجاد Navbar Maker با استفاده از Cascading Style Sheets (CSS) Creating a Navbar Maker using Cascading Style Sheets (CSS)

• ایجاد Navbar Maker با استفاده از Cascading Style Sheets (CSS) Creating a Navbar Maker using Cascading Style Sheets (CSS)

• ایجاد یک نوار ناوبری پاسخگو با استفاده از شیوه نامه آبشاری (CSS) Creating a Responsive Navbar using Cascading Style Sheets (CSS)

• ایجاد یک نوار ناوبری پاسخگو با استفاده از شیوه نامه آبشاری (CSS) Creating a Responsive Navbar using Cascading Style Sheets (CSS)

• به روز رسانی های بررسی کد نهایی Final Code Review Updates.

• به روز رسانی های بررسی کد نهایی Final Code Review Updates.

ایجاد یک وب سایت سه ستونی از ابتدا Creating a Three-column Website from Scratch

ایجاد یک وب سایت از ابتدا با طراحی Fat Footer با استفاده از ویژگی Flex Creating a Website from Scratch with a Fat Footer Design using the Flex Property

• طراحی سایت Fat Footer Fat Footer Website Design

• طراحی سایت Fat Footer Fat Footer Website Design

• تنظیم کد HTML Setting up the HTML Code

• تنظیم کد HTML Setting up the HTML Code

• وب سایت Wireframe Website Wireframe

• وب سایت Wireframe Website Wireframe

• اضافه کردن صفحات HTML از یک Wireframe. Adding HTML Pages from a Wireframe.

• اضافه کردن صفحات HTML از یک Wireframe. Adding HTML Pages from a Wireframe.

• راه اندازی برگه های سبک آبشاری (CSS) برای یک صفحه Setting up Cascading Style Sheets (CSS) for a Page

• راه اندازی برگه های سبک آبشاری (CSS) برای یک صفحه Setting up Cascading Style Sheets (CSS) for a Page

• تنظیم سبک سرصفحه و پاورقی Setting up the Header and Footer Style

• تنظیم سبک سرصفحه و پاورقی Setting up the Header and Footer Style

• تنظیم لوگو و ناو در هدر Setting Up the Logo and Nav in the Header

• تنظیم لوگو و ناو در هدر Setting Up the Logo and Nav in the Header

• ایجاد استایل پاورقی با استفاده از شیوه نامه آبشاری (CSS) Creating Footer Styling using Cascading Style Sheets (CSS)

• ایجاد استایل پاورقی با استفاده از شیوه نامه آبشاری (CSS) Creating Footer Styling using Cascading Style Sheets (CSS)

• افزودن نمادهای اجتماعی FontAwesome Adding FontAwesome Social Icons

• افزودن نمادهای اجتماعی FontAwesome Adding FontAwesome Social Icons

• افزودن حق چاپ به پاورقی Adding Copyright to the Footer

• افزودن حق چاپ به پاورقی Adding Copyright to the Footer

• نتیجه - وب سایت Fat Footer با ویژگی Flex Conclusion – Fat Footer Website with the Flex Property

• نتیجه - وب سایت Fat Footer با ویژگی Flex Conclusion – Fat Footer Website with the Flex Property

ایجاد یک وب سایت از ابتدا با طراحی Fat Footer با استفاده از ویژگی Flex Creating a Website from Scratch with a Fat Footer Design using the Flex Property

ایجاد یک وب‌سایت شبکه‌ای Cascading Style Sheets (CSS) با Flex Navbar Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar

• طراحی وب سایت مدرن با صفحات سبک آبشاری (CSS) سایت گرید Modern Website Design with Cascading Style Sheets (CSS) Grid Site

• طراحی وب سایت مدرن با صفحات سبک آبشاری (CSS) سایت گرید Modern Website Design with Cascading Style Sheets (CSS) Grid Site

• برنامه ریزی وب سایت و Wireframe Website Planning and Wireframe

• برنامه ریزی وب سایت و Wireframe Website Planning and Wireframe

• ایجاد ساختار صفحه HTML Creating an HTML Page Structure

• ایجاد ساختار صفحه HTML Creating an HTML Page Structure

• اضافه کردن محتوای ساختگی با استفاده از HTML Adding Dummy Content using HTML

• اضافه کردن محتوای ساختگی با استفاده از HTML Adding Dummy Content using HTML

• افزودن یک گرید شیوه نامه آبشاری (CSS). Adding a Cascading Style Sheets (CSS) Grid

• افزودن یک گرید شیوه نامه آبشاری (CSS). Adding a Cascading Style Sheets (CSS) Grid

• طراحی پاسخگو اولین موبایل Mobile-first Responsive Design

• طراحی پاسخگو اولین موبایل Mobile-first Responsive Design

• ایجاد یک نوار ناوبری پاسخگو Creating a Responsive Navbar

• ایجاد یک نوار ناوبری پاسخگو Creating a Responsive Navbar

• اعمال یک استایل با استفاده از شیوه نامه آبشاری (CSS) Applying Styling Using Cascading Style Sheets (CSS)

• اعمال یک استایل با استفاده از شیوه نامه آبشاری (CSS) Applying Styling Using Cascading Style Sheets (CSS)

• ایجاد هدر و پاورقی با استفاده از شیوه نامه آبشاری (CSS) Creating a Header and Footer Using Cascading Style Sheets (CSS)

• ایجاد هدر و پاورقی با استفاده از شیوه نامه آبشاری (CSS) Creating a Header and Footer Using Cascading Style Sheets (CSS)

• اضافه کردن رنگ و سبک قلم Adding Color and Font Style

• اضافه کردن رنگ و سبک قلم Adding Color and Font Style

• نتیجه‌گیری - شبکه‌ی برگه‌های سبک آبشاری (CSS). Conclusion – Cascading Style Sheets (CSS) Grid

• نتیجه‌گیری - شبکه‌ی برگه‌های سبک آبشاری (CSS). Conclusion – Cascading Style Sheets (CSS) Grid

ایجاد یک وب‌سایت شبکه‌ای Cascading Style Sheets (CSS) با Flex Navbar Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar

ایجاد یک وب سایت تک صفحه ای با نوار ناوبری پایین چسبنده Creating a Single-page Website with a Sticky Bottom Navbar

• سایت تک صفحه ای با نوار ناوبری چسبنده Single-page Site with a Sticky Navbar

• سایت تک صفحه ای با نوار ناوبری چسبنده Single-page Site with a Sticky Navbar

• راه اندازی HTML برای صفحه وب Setting up HTML for Webpage

• راه اندازی HTML برای صفحه وب Setting up HTML for Webpage

• ساختار صفحه HTML HTML Page Structure

• ساختار صفحه HTML HTML Page Structure

• ایجاد هدر صفحه با استفاده از شیوه نامه آبشاری (CSS) Creating a Page Header Using Cascading Style Sheets (CSS)

• ایجاد هدر صفحه با استفاده از شیوه نامه آبشاری (CSS) Creating a Page Header Using Cascading Style Sheets (CSS)

• ایجاد یک بخش خانه با استفاده از شیوه نامه آبشاری (CSS) Creating a Home Section Using Cascading Style Sheets (CSS)

• ایجاد یک بخش خانه با استفاده از شیوه نامه آبشاری (CSS) Creating a Home Section Using Cascading Style Sheets (CSS)

• بخش‌های سبک با استفاده از برگه‌های سبک آبشاری (CSS) Styling Sections Using Cascading Style Sheets (CSS)

• بخش‌های سبک با استفاده از برگه‌های سبک آبشاری (CSS) Styling Sections Using Cascading Style Sheets (CSS)

• ایجاد یک فرم وب Creating a Web Form

• ایجاد یک فرم وب Creating a Web Form

• تنظیم پاورقی صفحه Setting a Page Footer

• تنظیم پاورقی صفحه Setting a Page Footer

• ایجاد نوار ناوبری چسبنده Creating Sticky Navbar

• ایجاد نوار ناوبری چسبنده Creating Sticky Navbar

• ریسپانسیو کردن وب سایت با استفاده از شیوه نامه آبشاری (CSS) Making the Website Responsive using Cascading Style Sheets (CSS)

• ریسپانسیو کردن وب سایت با استفاده از شیوه نامه آبشاری (CSS) Making the Website Responsive using Cascading Style Sheets (CSS)

ایجاد یک وب سایت تک صفحه ای با نوار ناوبری پایین چسبنده Creating a Single-page Website with a Sticky Bottom Navbar