آموزش هنر انجام: توسعه وب برای مبتدیان

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

معرفی Introduction

• معرفی Introduction

• نصب VS Code Installing VS Code

• سایت های مفید Helpful Sites

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

• دانلود تمام فایل های شروع و تکمیل شده برای دوره Download All Starter and Completed Files for the Course

تگ های اصلی HTML Basic HTML Tags

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

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

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

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

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

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

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

• درک صفات Understanding Attributes

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

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

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

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

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

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

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

HTML سازماندهی شده Organized HTML

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

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

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

• برچسب های Div Div Tags

• تگ های دهانه Span Tags

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

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

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

HTML معنایی Semantic HTML

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

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

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

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

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

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

مبانی CSS CSS Basics

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

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

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

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

• تعریف رنگ Defining Color

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

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

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

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

• مدل جعبه The Box Model

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• انتقال CSS CSS Transitions

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

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

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

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

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

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

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

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

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

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

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

• کارکرد Functions

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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