آموزش هنر انجام - توسعه وب برای مبتدیان [ویدئو]

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

معرفی Introduction

• معرفی دوره Course Introduction

• معرفی دوره Course Introduction

• نصب VS Code Installing VS Code

• نصب VS Code Installing VS Code

• منابع مفید Helpful Resources

• منابع مفید Helpful Resources

• انتساب برای همه منابع Attribution for All Resources

• انتساب برای همه منابع Attribution for All Resources

• دانلود مطالب دوره Downloading the Course Materials

• دانلود مطالب دوره Downloading the Course Materials

برچسب های اصلی HTML Basic HTML Tags

• سرفصل ها و پاراگراف ها Headings and Paragraphs

• سرفصل ها و پاراگراف ها Headings and Paragraphs

• قالب بندی متن با برچسب ها Formatting Text with Tags

• قالب بندی متن با برچسب ها Formatting Text with Tags

• سازماندهی متن با لیست ها Organizing Text with Lists

• سازماندهی متن با لیست ها Organizing Text with Lists

• سازماندهی متن با جداول Organizing Text with Tables

• سازماندهی متن با جداول Organizing Text with Tables

• درباره من پیش نمایش پروژه About Me Project Preview

• درباره من پیش نمایش پروژه About Me Project Preview

• درباره من پروژه About Me Project

• درباره من پروژه About Me Project

برچسب های اصلی HTML Basic HTML Tags

تگ های پیشرفته HTML Advanced HTML Tags

• درک صفات Understanding Attributes

• درک صفات Understanding Attributes

• تگ های لنگر Anchor Tags

• تگ های لنگر Anchor Tags

• برچسب های تصویر Image Tags

• برچسب های تصویر Image Tags

• برچسب های تعاملی Interactive Tags

• برچسب های تعاملی Interactive Tags

• تشکیل می دهد Forms

• تشکیل می دهد Forms

• پیش نمایش پروژه Collectors Collectors Project Preview

• پیش نمایش پروژه Collectors Collectors Project Preview

• پروژه کلکسیونرها - قسمت 1 Collectors Project - Part 1

• پروژه کلکسیونرها - قسمت 1 Collectors Project - Part 1

• پروژه کلکسیونرها - قسمت 2 Collectors Project - Part 2

• پروژه کلکسیونرها - قسمت 2 Collectors Project - Part 2

تگ های پیشرفته HTML Advanced HTML Tags

HTML سازمان یافته Organized HTML

• ساختار HTML مناسب Proper HTML Structure

• ساختار HTML مناسب Proper HTML Structure

• عناصر سطح بلوک Block-Level Elements

• عناصر سطح بلوک Block-Level Elements

• عناصر درون خطی Inline Elements

• عناصر درون خطی Inline Elements

• عناصر ظرف با برچسب های div Container Elements with div Tags

• عناصر ظرف با برچسب های div Container Elements with div Tags

• ظروف درون خطی با برچسب های دهانه Inline Containers with span Tags

• ظروف درون خطی با برچسب های دهانه Inline Containers with span Tags

• پیش‌نمایش مجموعه‌های سازمان‌یافته Organized Collectors Preview

• پیش‌نمایش مجموعه‌های سازمان‌یافته Organized Collectors Preview

• پروژه کلکسیونرهای سازمان یافته - قسمت 1 Organized Collectors Project - Part 1

• پروژه کلکسیونرهای سازمان یافته - قسمت 1 Organized Collectors Project - Part 1

• پروژه کلکسیونرهای سازمان یافته - قسمت 2 Organized Collectors Project - Part 2

• پروژه کلکسیونرهای سازمان یافته - قسمت 2 Organized Collectors Project - Part 2

HTML سازمان یافته Organized HTML

HTML معنایی Semantic HTML

• هدر، اصلی و پاورقی Header, Main, and Footer

• هدر، اصلی و پاورقی Header, Main, and Footer

• Nav، مقاله، و بخش Nav, Article, and Section

• Nav، مقاله، و بخش Nav, Article, and Section

• پیش نمایش نهایی پروژه HTML Final HTML Project Preview

• پیش نمایش نهایی پروژه HTML Final HTML Project Preview

• پروژه نهایی HTML - قسمت 1 Final HTML Project - Part 1

• پروژه نهایی HTML - قسمت 1 Final HTML Project - Part 1

• پروژه نهایی HTML - قسمت 2 Final HTML Project - Part 2

• پروژه نهایی HTML - قسمت 2 Final HTML Project - Part 2

• پروژه نهایی HTML - قسمت 3 Final HTML Project - Part 3

• پروژه نهایی HTML - قسمت 3 Final HTML Project - Part 3

HTML معنایی Semantic HTML

مبانی CSS CSS Basics

• نوشتن قوانین CSS Writing CSS Rules

• نوشتن قوانین CSS Writing CSS Rules

• انتخابگرهای CSS CSS Selectors

• انتخابگرهای CSS CSS Selectors

• تعریف عرض عنصر Defining Element Width

• تعریف عرض عنصر Defining Element Width

• تعریف اندازه فونت Defining Font Size

• تعریف اندازه فونت Defining Font Size

• تعریف رنگ Defining Color

• تعریف رنگ Defining Color

• پیش نمایش جلوی فروشگاه Store Front Preview

• پیش نمایش جلوی فروشگاه Store Front Preview

• پروژه جلوی فروشگاه - قسمت 1 Store Front Project - Part 1

• پروژه جلوی فروشگاه - قسمت 1 Store Front Project - Part 1

• پروژه جلوی فروشگاه - قسمت 2 Store Front Project - Part 2

• پروژه جلوی فروشگاه - قسمت 2 Store Front Project - Part 2

مبانی CSS CSS Basics

عناصر یک ظاهر طراحی CSS CSS Styling Elements

• مدل جعبه The Box Model

• مدل جعبه The Box Model

• استایل دادن به متن Styling Text

• استایل دادن به متن Styling Text

• فهرست ها و جداول یک ظاهر طراحی شده Styling Lists and Tables

• فهرست ها و جداول یک ظاهر طراحی شده Styling Lists and Tables

• ویژگی نمایش: مقادیر بلوک The Display Property: Block Values

• ویژگی نمایش: مقادیر بلوک The Display Property: Block Values

• ویژگی نمایش: مقادیر درون خطی The Display Property: Inline Values

• ویژگی نمایش: مقادیر درون خطی The Display Property: Inline Values

• پیش نمایش فروشگاه جلو دو Store Front Two Preview

• پیش نمایش فروشگاه جلو دو Store Front Two Preview

• پروژه فروشگاه جلو دو قسمت 1 Store Front Two Project Part 1

• پروژه فروشگاه جلو دو قسمت 1 Store Front Two Project Part 1

• پروژه فروشگاه جلو دو قسمت 2 Store Front Two Project Part 2

• پروژه فروشگاه جلو دو قسمت 2 Store Front Two Project Part 2

• پروژه فروشگاه جلو دو قسمت 3 Store Front Two Project Part 3

• پروژه فروشگاه جلو دو قسمت 3 Store Front Two Project Part 3

عناصر یک ظاهر طراحی CSS CSS Styling Elements

سیستم های چیدمان CSS CSS Layout Systems

• مبانی فلکس باکس Flexbox Basics

• مبانی فلکس باکس Flexbox Basics

• استفاده از Flexbox با عناصر HTML Using Flexbox with HTML Elements

• استفاده از Flexbox با عناصر HTML Using Flexbox with HTML Elements

• مبانی شبکه Grid Basics

• مبانی شبکه Grid Basics

• استفاده از Grid با عناصر HTML Using Grid with HTML Elements

• استفاده از Grid با عناصر HTML Using Grid with HTML Elements

• پیش نمایش موتور جستجو Search Engine Preview

• پیش نمایش موتور جستجو Search Engine Preview

• پروژه موتور جستجو قسمت 1 Search Engine Project Part 1

• پروژه موتور جستجو قسمت 1 Search Engine Project Part 1

• پروژه موتور جستجو قسمت 2 Search Engine Project Part 2

• پروژه موتور جستجو قسمت 2 Search Engine Project Part 2

• پروژه موتور جستجو قسمت 3 Search Engine Project Part 3

• پروژه موتور جستجو قسمت 3 Search Engine Project Part 3

• اشکال زدایی یک مشکل Debugging an Issue

• اشکال زدایی یک مشکل Debugging an Issue

سیستم های چیدمان CSS CSS Layout Systems

انتقال و انیمیشن های CSS CSS Transitions and Animations

• کلاس های شبه Pseudo Classes

• کلاس های شبه Pseudo Classes

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

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

• انتقال CSS CSS Transitions

• انتقال CSS CSS Transitions

• انیمیشن های CSS CSS Animations

• انیمیشن های CSS CSS Animations

• پیش نمایش نهایی پروژه CSS Final CSS Project Preview

• پیش نمایش نهایی پروژه CSS Final CSS Project Preview

• پروژه نهایی CSS قسمت 1 Final CSS Project Part 1

• پروژه نهایی CSS قسمت 1 Final CSS Project Part 1

• پروژه نهایی CSS قسمت 2 Final CSS Project Part 2

• پروژه نهایی CSS قسمت 2 Final CSS Project Part 2

• پروژه نهایی CSS قسمت 3 Final CSS Project Part 3

• پروژه نهایی CSS قسمت 3 Final CSS Project Part 3

• پروژه نهایی CSS قسمت 4 Final CSS Project Part 4

• پروژه نهایی CSS قسمت 4 Final CSS Project Part 4

انتقال و انیمیشن های CSS CSS Transitions and Animations

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

• متغیرهای جاوا اسکریپت: let، var و const JavaScript Variables: let, var, and const

• متغیرهای جاوا اسکریپت: let، var و const JavaScript Variables: let, var, and const

• انواع داده جاوا اسکریپت JavaScript Data Types

• انواع داده جاوا اسکریپت JavaScript Data Types

• حلقه های For و while For and While Loops

• حلقه های For و while For and While Loops

• اظهارات مشروط Conditional Statements

• اظهارات مشروط Conditional Statements

• کارکرد Functions

• کارکرد Functions

• پیش نمایش شماره من را حدس بزنید Guess My Number Preview

• پیش نمایش شماره من را حدس بزنید Guess My Number Preview

• پروژه شماره من را حدس بزنید Guess My Number Project

• پروژه شماره من را حدس بزنید Guess My Number Project

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

جاوا اسکریپت - کار با DOM JavaScript - Working with the DOM

• استفاده از getElementById() Using getElementById()

• استفاده از getElementById() Using getElementById()

• استفاده از querySelector() Using querySelector()

• استفاده از querySelector() Using querySelector()

• پردازش رویدادها Processing Events

• پردازش رویدادها Processing Events

• دریافت مقادیر ورودی قسمت 1 Getting Input Values Part 1

• دریافت مقادیر ورودی قسمت 1 Getting Input Values Part 1

• دریافت مقادیر ورودی قسمت 2 Getting Input Values Part 2

• دریافت مقادیر ورودی قسمت 2 Getting Input Values Part 2

• دریافت ارزش از فرم ها Getting Values From Forms

• دریافت ارزش از فرم ها Getting Values From Forms

• پیش نمایش نهایی پروژه Final Project Preview

• پیش نمایش نهایی پروژه Final Project Preview

• پروژه نهایی قسمت 1 Final Project Part 1

• پروژه نهایی قسمت 1 Final Project Part 1

• پروژه نهایی قسمت 2 Final Project Part 2

• پروژه نهایی قسمت 2 Final Project Part 2

• پروژه نهایی قسمت 3 Final Project Part 3

• پروژه نهایی قسمت 3 Final Project Part 3

• پروژه نهایی قسمت 4 Final Project Part 4

• پروژه نهایی قسمت 4 Final Project Part 4

• پروژه نهایی قسمت 5 Final Project Part 5

• پروژه نهایی قسمت 5 Final Project Part 5

• پروژه نهایی قسمت 6 Final Project Part 6

• پروژه نهایی قسمت 6 Final Project Part 6

جاوا اسکریپت - کار با DOM JavaScript - Working with the DOM