آموزش توسعه وب | HTML | CSS | جاوا اسکریپت | جی کوئری | NodeJS

Web Development | HTML | CSS | JavaScript | jQuery | NodeJS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بوت کمپ توسعه وب Full Stack | پروژه HTML | HTML 5 | CSS 3 | جاوا اسکریپت | بوت استرپ | ES6 | جی کوئری | NodeJS HTML CSS JavaScript jQuery NodeJS Bootstrap پیش نیازها: دانش اولیه در مورد کامپیوتر مورد نیاز است. دانش پایه در هر یک از زبان های برنامه نویسی ارجحیت دارد.

نمونه ای از نظرات:

★★★★★

بله، توضیحات بسیار واضح و مثالها مفید هستند - تودویا سودری

نمونه ها به خوبی توضیح داده شده اند و آموزش شگفت انگیز است. - سادیه کوثر

این دوره عالی است! نویسنده تمام مفاهیم را به روشی بسیار دقیق و آسان برای دنبال کردن توضیح می دهد! بعداً پس از تکمیل بخش جاوا اسکریپت، بررسی خود را به روز خواهم کرد. در حال حاضر، این دوره تا حد زیادی شگفت انگیز و بالاتر از انتظارات من است. - عبدالناصر ابراهیم

این دوره به وضوح توضیح می دهد و برای توسعه دهندگان فرانت اند بسیار مفید است. با تشکر صمیمانه از جناب آقای تدریس خوب و توضیحات واضح و زحمات شما. - کوماران بالا

این یک دوره خوب برای مبتدیان است. در اینجا همه چیز توضیح داده شده است. - سوپریث H L Preetham

بسیار توضیحی و مثال های زیادی با تک تک جزئیات برجسته شده است. - سباستین اچگارای


******************************************** ***************

رویای شما برای تبدیل شدن به توسعه‌دهنده UI/توسعه‌دهنده Frontend با این دوره به واقعیت تبدیل می‌شود. این دوره سخنرانی های آموزشی واقعی را با توضیحات واضح و کاربردی ارائه می دهد. هر مبحث با موارد نظری، عملی با بهترین شیوه ها و مثال ها پوشش داده می شود.
این دوره هم HTML پایه و هم HTML 5 را پوشش می دهد، همچنین هر دو CSS اولیه و CSS 3 را پوشش می دهد.

شامل مفاهیم جاوا اسکریپت شی گرا است.


پروژه دنیای واقعی:

  • وب‌سایت «India Tourism» که ویجت‌های مختلفی مانند کارت‌ها، شبکه‌ها، صفحه‌بندی، گروه‌های فهرست، فونت‌ها، نمادها و بسیاری موارد دیگر را نشان می‌دهد. هر سخنرانی باعث پیشرفت در پروژه دوره می شود.

  • بنابراین شما با من کد می‌نویسید تا پروژه رویایی خود را محقق کنید.

******************************************** ***************

مزایای بالقوه این دوره

  • در پایان این دوره، تمام کد منبع یک پروژه وب کامل "گردشگری هند" را ایجاد خواهید کرد.

  • هر خط کد را با من در ویدیوها تایپ خواهید کرد ... همه از ابتدا.

  • من هر خط کد html/css/javascript را که ایجاد می کنیم توضیح می دهم. بنابراین این یک آموزش کپی/پیست نیست، شما درک کاملی از کد خواهید داشت.

  • من یک مربی پاسخگو هستم .... سوالات خود را ارسال کنید و من در 24 ساعت، در اسرع وقت پاسخ خواهم داد.

  • همه کد منبع برای دانلود موجود است

  • زیرنویس‌های انگلیسی موجود است.

******************************************** ***************


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

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

  • HTML چیست What is HTML

  • آناتومی تگ HTML Anatomy of HTML Tag

  • ساختار سند HTML HTML Document Structure

  • ساختار سند HTML HTML Document Structure

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

  • HTML چیست What is HTML

  • آناتومی تگ HTML Anatomy of HTML Tag

برچسب های پایه - HTML 5 Basic Tags - HTML 5

  • ایجاد اولین برنامه HTML Creating First HTML Application

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

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

  • ساعت Hr

  • بخش Div

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

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

برچسب های پایه - HTML 5 Basic Tags - HTML 5

  • ایجاد اولین برنامه HTML Creating First HTML Application

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

  • ساعت Hr

  • بخش Div

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

سبک های پایه - CSS 3 Basic Styles - CSS 3

  • CSS چیست What is CSS

  • CSS چیست What is CSS

  • آناتومی سبک CSS Anatomy of CSS Style

  • انتخابگر برچسب Tag Selector

  • انتخابگر شناسه ID Selector

  • انتخابگر شناسه ID Selector

  • انتخابگر کلاس Class Selector

سبک های پایه - CSS 3 Basic Styles - CSS 3

  • آناتومی سبک CSS Anatomy of CSS Style

  • انتخابگر شناسه ID Selector

  • انتخابگر کلاس Class Selector

سبک های قلم و متن - CSS 3 Font and Text Styles - CSS 3

  • فونت-خانواده Font-Family

  • اندازه فونت Font-Size

  • فونت-وزن Font-Weight

  • فونت-وزن Font-Weight

  • نوع قلم Font-Style

  • Font-Variant Font-Variant

  • فونت-خلاصه Font-Shorthand

  • فونت-خلاصه Font-Shorthand

  • رنگ Color

  • متن-تراز کردن Text-Align

  • متن-دکوراسیون Text-Decoration

  • متن-دکوراسیون Text-Decoration

  • تبدیل متن Text-Transform

  • متن-تورفتگی Text-Indent

  • فاصله بین حروف Letter-Spacing

  • ارتفاع خط Line-Height

  • فاصله کلمات Word-Spacing

  • فاصله کلمات Word-Spacing

  • سایه متن Text-Shadow

  • سایه متن Text-Shadow

  • فضای سفید White-Space

  • فضای سفید White-Space

  • جهت متن Text-Direction

  • تگ Span در HTML Span Tag in HTML

  • تگ Span در HTML Span Tag in HTML

  • خواص فونت و متن در CSS Font and Text Properties in CSS

سبک های قلم و متن - CSS 3 Font and Text Styles - CSS 3

  • فونت-خانواده Font-Family

  • اندازه فونت Font-Size

  • نوع قلم Font-Style

  • Font-Variant Font-Variant

  • رنگ Color

  • متن-تراز کردن Text-Align

  • تبدیل متن Text-Transform

  • متن-تورفتگی Text-Indent

  • فاصله بین حروف Letter-Spacing

  • ارتفاع خط Line-Height

  • جهت متن Text-Direction

  • خواص فونت و متن در CSS Font and Text Properties in CSS

نمادها - CSS 3 Icons - CSS 3

  • نمادهای فونت عالی Font-Awesome Icons

  • آیکون های گوگل Google Icons

  • آیکون های گوگل Google Icons

نمادها - CSS 3 Icons - CSS 3

  • نمادهای فونت عالی Font-Awesome Icons

مدل جعبه - CSS 3 The Box Model - CSS 3

  • رنگ پس زمینه Background-Color

  • مدل جعبه Box Model

  • مدل جعبه Box Model

  • لبه Margin

  • حاشیه - بالا سمت راست پایین سمت چپ Margin - Top Right Bottom Left

  • حاشیه - اختصار Margin - Shorthand

  • لایه گذاری Padding

  • بالشتک - بالا سمت راست پایین سمت چپ Padding - Top Right Bottom Left

  • بالشتک - بالا سمت راست پایین سمت چپ Padding - Top Right Bottom Left

  • بالشتک - کوتاه نویسی Padding - Shorthand

  • بالشتک - کوتاه نویسی Padding - Shorthand

  • عرض و ارتفاع Width and Height

  • عرض و ارتفاع Width and Height

  • شناور Float

  • پاک کردن Clear

  • حاشیه - رنگ عرض سبک Border - Style Width Color

  • حاشیه - رنگ عرض سبک Border - Style Width Color

  • حاشیه - اختصار Border - Shorthand

  • حاشیه - اختصار Border - Shorthand

  • حاشیه - بالا سمت راست پایین سمت چپ Border - Top Right Bottom Left

  • طرح کلی Outline

  • Outline-Offset Outline-Offset

  • شعاع مرزی Border Radius

  • شعاع مرزی Border Radius

  • سایه جعبه Box Shadow

  • انتقال Transition

  • انتقال Transition

  • تحولات Transformations

  • تبدیل-منشا Transform-Origin

  • تبدیل-منشا Transform-Origin

  • تحولات سه بعدی 3D Transformations

  • انیمیشن های کی فریم KeyFrame Animations

  • رنگ های گرادیان Gradient Colors

  • سرریز Overflow

  • بسته بندی کلمات Word Wrap

  • حالت نوشتن Writing Mode

  • حالت نوشتن Writing Mode

  • حداکثر عرض و حداقل عرض Max-Width and Min-Width

  • قالب وب سایت کارگاه چوبی Wooden Workshop Website Template

مدل جعبه - CSS 3 The Box Model - CSS 3

  • رنگ پس زمینه Background-Color

  • لبه Margin

  • حاشیه - بالا سمت راست پایین سمت چپ Margin - Top Right Bottom Left

  • حاشیه - اختصار Margin - Shorthand

  • لایه گذاری Padding

  • شناور Float

  • پاک کردن Clear

  • حاشیه - بالا سمت راست پایین سمت چپ Border - Top Right Bottom Left

  • طرح کلی Outline

  • Outline-Offset Outline-Offset

  • سایه جعبه Box Shadow

  • تحولات Transformations

  • تحولات سه بعدی 3D Transformations

  • انیمیشن های کی فریم KeyFrame Animations

  • رنگ های گرادیان Gradient Colors

  • سرریز Overflow

  • بسته بندی کلمات Word Wrap

  • حداکثر عرض و حداقل عرض Max-Width and Min-Width

  • قالب وب سایت کارگاه چوبی Wooden Workshop Website Template

لیست ها - HTML 5 و CSS 3 Lists - HTML 5 & CSS 3

  • لیست نامرتب Unordered List

  • فهرست مرتبشده Ordered List

  • فهرست مرتبشده Ordered List

  • فهرست-سبک-نوع List-Style-Type

  • فهرست-سبک-نوع List-Style-Type

  • فهرست-سبک-تصویر List-Style-Image

  • لیست های تو در تو Nested Lists

  • لیست های تو در تو Nested Lists

  • لیست های توضیحات Description Lists

  • سرور زنده در VS Code Live Server in VS Code

  • سرور زنده در VS Code Live Server in VS Code

  • فهرست کشورها Countries List

  • فهرست کشورها Countries List

لیست ها - HTML 5 و CSS 3 Lists - HTML 5 & CSS 3

  • لیست نامرتب Unordered List

  • فهرست-سبک-تصویر List-Style-Image

  • لیست های توضیحات Description Lists

HTML 5 و CSS 3 - پیوندها و پیمایش HTML 5 & CSS 3 - Links and Navigation

  • پیوندها Links

  • پیوندها Links

  • سبک های پیوند Link Styles

  • نوار ناوبری Navigation Bar

  • برگه سبک خارجی External Style Sheet

  • پیوندهای نشانک Bookmark Links

  • لینک های فایل File Links

  • لینک های فایل File Links

  • آی فریم Iframe

  • آی فریم Iframe

  • موقعیت Position

  • نمایش دادن Display

  • نمایش دادن Display

  • دید Visibility

  • نوار کناری Sidebar

  • نوار کناری Sidebar

  • نوار کناری با منوهای فرعی Sidebar with Sub-menus

HTML 5 و CSS 3 - پیوندها و پیمایش HTML 5 & CSS 3 - Links and Navigation

  • سبک های پیوند Link Styles

  • نوار ناوبری Navigation Bar

  • برگه سبک خارجی External Style Sheet

  • پیوندهای نشانک Bookmark Links

  • موقعیت Position

  • دید Visibility

  • نوار کناری با منوهای فرعی Sidebar with Sub-menus

تصاویر، صدا، ویدئو - HTML 5 و CSS 3 Images, Audio, Video - HTML 5 & CSS 3

  • تصاویر Images

  • گالری تصاویر Image Gallery

  • گالری تصاویر Image Gallery

  • شکل و تصویر Figure and Figcaption

  • اهمیت عنوان و ویژگی Alt Importance of Title and Alt Attributes

  • ویژگی سبک Style Attribute

  • تصاویر به عنوان پیوند Images as Links

  • تصاویر به عنوان پیوند Images as Links

  • تصویر پس زمینه Background-Image

  • پس زمینه-تکرار Background-Repeat

  • پس زمینه-موقعیت Background-Position

  • پس زمینه-اندازه Background-Size

  • پس زمینه-پیوست Background-Attachment

  • پس زمینه-پیوست Background-Attachment

  • پس زمینه-کلیپ Background-Clip

  • پس زمینه-کلیپ Background-Clip

  • تصاویر پس زمینه چندگانه Multiple Background Images

  • تصاویر Images

  • مرز-تصویر Border-Image

  • مرز-تصویر Border-Image

  • برچسب تصویر Picture Tag

  • برچسب تصویر Picture Tag

  • سمعی Audio

  • سمعی Audio

  • ویدیو Video

  • ویدیوهای یوتیوب در HTML Youtube Videos in HTML

  • ویدیوهای یوتیوب در HTML Youtube Videos in HTML

  • نقشه های تصویری Image Maps

  • منوی غذا Food Menu

  • منوی غذا Food Menu

تصاویر، صدا، ویدئو - HTML 5 و CSS 3 Images, Audio, Video - HTML 5 & CSS 3

  • تصاویر Images

  • شکل و تصویر Figure and Figcaption

  • اهمیت عنوان و ویژگی Alt Importance of Title and Alt Attributes

  • ویژگی سبک Style Attribute

  • تصویر پس زمینه Background-Image

  • پس زمینه-تکرار Background-Repeat

  • پس زمینه-موقعیت Background-Position

  • پس زمینه-اندازه Background-Size

  • تصاویر پس زمینه چندگانه Multiple Background Images

  • ویدیو Video

  • نقشه های تصویری Image Maps

جداول - HTML 5 و CSS 3 Tables - HTML 5 & CSS 3

  • جدول پایه Basic Table

  • ایجاد جدول ظاهر حرفه ای Creating Professional Looking Table

  • میز راه راه Striped Table

  • جدول پاسخگو Responsive Table

  • جدول پاسخگو Responsive Table

  • عنوان Caption

  • عنوان Caption

  • کولسپن Colspan

  • کولسپن Colspan

  • پهنای ردیف Rowspan

  • پهنای ردیف Rowspan

  • عمودی-تراز کردن Vertical-Align

  • عمودی-تراز کردن Vertical-Align

  • جدول با CSS Table with CSS

  • جدول با CSS Table with CSS

جداول - HTML 5 و CSS 3 Tables - HTML 5 & CSS 3

  • جدول پایه Basic Table

  • ایجاد جدول ظاهر حرفه ای Creating Professional Looking Table

  • میز راه راه Striped Table

ابزارک ها - HTML 5 و CSS 3 Widgets - HTML 5 & CSS 3

  • صفحه بندی Pagination

  • صفحه بندی Pagination

  • کارت ها Cards

  • کارت ها Cards

  • لیست گروه ها List Groups

  • صفحه بندی Pagination

  • لیست گروه ها List Groups

  • کارت ها Cards

ابزارک ها - HTML 5 و CSS 3 Widgets - HTML 5 & CSS 3

  • صفحه بندی Pagination

  • کارت ها Cards

  • لیست گروه ها List Groups

فرم ها - HTML 5 و CSS 3 Forms - HTML 5 & CSS 3

  • فرم پایه Basic Form

  • برچسب ورودی - ایمیل و رمز عبور Input Tag - Email and Password

  • فرم حرفه ای Professional Form

  • برچسب Label

  • برچسب Label

  • ویژگی ارزش ورودی Input Value Attribute

  • دکمه ارسال Submit Button

  • دکمه ارسال Submit Button

  • دکمه تنظیم مجدد Reset Button

  • متن ورودی Input Text

  • متن ورودی Input Text

  • رنگ ورودی Input Color

  • تاریخ ورودی Input Date

  • ورودی DateTime-Local Input DateTime-Local

  • زمان ورودی Input Time

  • ماه ورودی Input Month

  • هفته ورودی Input Week

  • هفته ورودی Input Week

  • فایل ورودی Input File

  • آدرس ورودی Input Url

  • شماره ورودی Input Number

  • شماره ورودی Input Number

  • محدوده ورودی Input Range

  • جستجوی ورودی Input Search

  • جستجوی ورودی Input Search

  • رادیو ورودی Input Radio

  • رادیو ورودی Input Radio

  • چک باکس ورودی Input CheckBox

  • چک باکس ورودی Input CheckBox

  • ویژگی نام ورودی Input Name Attribute

  • ویژگی نام ورودی Input Name Attribute

  • ورودی پنهان شد Input Hidden

  • ورودی پنهان شد Input Hidden

  • تصویر ورودی Input Image

  • تصویر ورودی Input Image

  • ویژگی فقط خواندنی را وارد کنید Input Readonly Attribute

  • ورودی ویژگی غیرفعال است Input Disabled Attribute

  • ورودی ویژگی غیرفعال است Input Disabled Attribute

  • ویژگی تکمیل خودکار را وارد کنید Input Autocomplete Attribute

  • ویژگی فوکوس خودکار ورودی Input Autofocus Attribute

  • ویژگی متغیر مکان ورودی Input Placeholder Attribute

  • ویژگی مرحله ورودی Input Step Attribute

  • ویژگی مورد نیاز ورودی Input Required Attribute

  • ویژگی مورد نیاز ورودی Input Required Attribute

  • ورودی حداقل و حداکثر ویژگی Input Min and Max Attributes

  • ویژگی Maxlength ورودی Input Maxlength Attribute

  • ویژگی Maxlength ورودی Input Maxlength Attribute

  • ویژگی الگوی ورودی Input Pattern Attribute

  • Novalidate Attribute Novalidate Attribute

  • Novalidate Attribute Novalidate Attribute

  • ورودی Formnovalidate Attribute Input Formnovalidate Attribute

  • ورودی Formnovalidate Attribute Input Formnovalidate Attribute

  • ویژگی عمل Action Attribute

  • ویژگی عمل Action Attribute

  • ویژگی روش Method Attribute

  • ویژگی روش Method Attribute

  • ویژگی هدف Target Attribute

  • Input Formaction Formmethod Formtarget Attribute Input Formaction Formmethod Formtarget Attributes

  • Input Formaction Formmethod Formtarget Attribute Input Formaction Formmethod Formtarget Attributes

  • ورودی چند ویژگی Input Multiple Attribute

  • ویژگی فرم ورودی Input Form Attribute

  • فهرست داده ها DataList

  • Textarea Textarea

  • Textarea Textarea

  • انتخاب کنید Select

  • انتخاب کنید Select

  • فهرست چند انتخابی Multi-Select List

  • Optgroup Optgroup

  • Optgroup Optgroup

  • مجموعه فیلد و افسانه Fieldset and Legend

  • مجموعه فیلد و افسانه Fieldset and Legend

فرم ها - HTML 5 و CSS 3 Forms - HTML 5 & CSS 3

  • فرم پایه Basic Form

  • برچسب ورودی - ایمیل و رمز عبور Input Tag - Email and Password

  • فرم حرفه ای Professional Form

  • ویژگی ارزش ورودی Input Value Attribute

  • دکمه تنظیم مجدد Reset Button

  • رنگ ورودی Input Color

  • تاریخ ورودی Input Date

  • ورودی DateTime-Local Input DateTime-Local

  • زمان ورودی Input Time

  • ماه ورودی Input Month

  • فایل ورودی Input File

  • آدرس ورودی Input Url

  • محدوده ورودی Input Range

  • ویژگی فقط خواندنی را وارد کنید Input Readonly Attribute

  • ویژگی تکمیل خودکار را وارد کنید Input Autocomplete Attribute

  • ویژگی فوکوس خودکار ورودی Input Autofocus Attribute

  • ویژگی متغیر مکان ورودی Input Placeholder Attribute

  • ویژگی مرحله ورودی Input Step Attribute

  • ورودی حداقل و حداکثر ویژگی Input Min and Max Attributes

  • ویژگی الگوی ورودی Input Pattern Attribute

  • ویژگی هدف Target Attribute

  • ورودی چند ویژگی Input Multiple Attribute

  • ویژگی فرم ورودی Input Form Attribute

  • فهرست داده ها DataList

  • فهرست چند انتخابی Multi-Select List

انتخابگرها (پیشرفته) - CSS 3 Selectors (Advanced) - CSS 3

  • مقدمه ای بر انتخابگرهای CSS Introduction to CSS Selectors

  • انتخابگر کلاس Class Selector

  • انتخابگر ترکیبی کلاس کلاس Class-Class Compound Selector

  • انتخابگر ترکیبی کلاس کلاس Class-Class Compound Selector

  • انتخابگر کودک کلاس-کلاس Class-Class Child Selector

  • انتخابگر شناسه ID Selector

  • انتخابگر کودک کلاس شناسه ID-Class Child Selector

  • انتخابگر کودک کلاس شناسه ID-Class Child Selector

  • انتخابگر برچسب Tag Selector

  • انتخابگر ترکیبی کلاس برچسب Tag-Class Compound Selector

  • انتخابگر ترکیبی برچسب شناسه Tag-ID Compound Selector

  • Tag-Class Child Selector Tag-Class Child Selector

  • Tag-Class Child Selector Tag-Class Child Selector

  • انتخابگر کودک برچسب-برچسب Tag-Tag Child Selector

  • تگ-برچسب مستقیم انتخاب کننده کودک Tag-Tag Direct Child Selector

  • تگ-برچسب مستقیم انتخاب کننده کودک Tag-Tag Direct Child Selector

  • انتخابگر گروه بندی Grouping Selector

  • انتخابگر گروه بندی Grouping Selector

  • انتخابگر خواهر و برادر بعدی Next Sibling Selector

  • انتخابگر خواهر و برادر Siblings Selector

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

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

  • انتخابگر ویژگی-مقدار Attribute-Value Selector

  • انتخابگر ویژگی-مقدار Attribute-Value Selector

  • ویژگی-StartsWith Selector Attribute-StartsWith Selector

  • ویژگی-StartsWith Selector Attribute-StartsWith Selector

  • ویژگی-EndsWith Selector Attribute-EndsWith Selector

  • ویژگی-EndsWith Selector Attribute-EndsWith Selector

  • انتخابگر ویژگی - حاوی Attribute-Contains Selector

  • انتخابگر جهانی Global Selector

  • پیوند، شناور، فعال، بازدید شده Link, Hover, Active, Visited

  • پیوند، شناور، فعال، بازدید شده Link, Hover, Active, Visited

  • تمرکز Focus

  • تمرکز Focus

  • بررسی شد Checked

  • بررسی شد Checked

  • فعال و غیرفعال شد Enabled and Disabled

  • فعال و غیرفعال شد Enabled and Disabled

  • فقط خواندنی و خواندنی-نوشتنی Read-only and Read-Write

  • الزامی و اختیاری Required and Optional

  • الزامی و اختیاری Required and Optional

  • معتبر و نامعتبر Valid and Invalid

  • معتبر و نامعتبر Valid and Invalid

  • خارج از محدوده و در محدوده Out-of-range and In-range

  • خارج از محدوده و در محدوده Out-of-range and In-range

  • خالی Empty

  • فرزند دوم Nth-Child

  • نه Not

  • قبل و بعد Before and After

  • انتخاب Selection

  • تقدم سبک Style Precedence

  • تقدم سبک Style Precedence

انتخابگرها (پیشرفته) - CSS 3 Selectors (Advanced) - CSS 3

  • مقدمه ای بر انتخابگرهای CSS Introduction to CSS Selectors

  • انتخابگر کودک کلاس-کلاس Class-Class Child Selector

  • انتخابگر شناسه ID Selector

  • انتخابگر برچسب Tag Selector

  • انتخابگر ترکیبی کلاس برچسب Tag-Class Compound Selector

  • انتخابگر ترکیبی برچسب شناسه Tag-ID Compound Selector

  • انتخابگر کودک برچسب-برچسب Tag-Tag Child Selector

  • انتخابگر گروه بندی Grouping Selector

  • انتخابگر خواهر و برادر بعدی Next Sibling Selector

  • انتخابگر خواهر و برادر Siblings Selector

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

  • انتخابگر ویژگی - حاوی Attribute-Contains Selector

  • انتخابگر جهانی Global Selector

  • فقط خواندنی و خواندنی-نوشتنی Read-only and Read-Write

  • خالی Empty

  • فرزند دوم Nth-Child

  • نه Not

  • قبل و بعد Before and After

  • انتخاب Selection

CSS پیشرفته 3 Advanced CSS 3

  • متغیرها Variables

  • متغیرها Variables

  • فونت های گوگل Google Fonts

  • صورت قلم Font Face

  • صورت قلم Font Face

CSS پیشرفته 3 Advanced CSS 3

  • متغیرها Variables

  • فونت های گوگل Google Fonts

طرح بندی صفحه پاسخگو - CSS 3 Responsive Page Layout - CSS 3

  • چیدمان وب سایت با معناشناسی HTML 5 Website Layout with HTML 5 Semantics

  • چیدمان وب سایت با معناشناسی HTML 5 Website Layout with HTML 5 Semantics

  • قالب صفحه ایستا Static Page Template

  • قالب صفحه ایستا Static Page Template

  • طرح بندی پاسخگو - پرسش های رسانه ای Responsive Layout - Media Queries

  • طرح بندی پاسخگو - پرسش های رسانه ای Responsive Layout - Media Queries

  • HTML5Shiv HTML5Shiv

  • HTML5Shiv HTML5Shiv

  • طراحی وب سایت ریسپانسیو Responsive Web Design

  • طراحی وب سایت ریسپانسیو Responsive Web Design

طرح بندی صفحه پاسخگو - CSS 3 Responsive Page Layout - CSS 3

CSS Flexbox CSS Flexbox

  • صفحه آرایی با CSS Flex Page Layout with CSS Flex

  • Flexbox پاسخگو Responsive Flexbox

  • Flexbox پاسخگو Responsive Flexbox

  • سفارش Order

  • فلکس جهت Flex-Direction

  • فلکس جهت Flex-Direction

  • توجیه-محتوا Justify-Content

  • توجیه-محتوا Justify-Content

  • تراز کردن آیتم ها Align-Items

  • Flex-Wrap Flex-Wrap

  • تراز کردن محتوا Align-Content

  • مرکز کامل با Flexbox Perfect Center with Flexbox

  • مرکز کامل با Flexbox Perfect Center with Flexbox

CSS Flexbox CSS Flexbox

  • صفحه آرایی با CSS Flex Page Layout with CSS Flex

  • سفارش Order

  • تراز کردن آیتم ها Align-Items

  • Flex-Wrap Flex-Wrap

  • تراز کردن محتوا Align-Content

شبکه CSS CSS Grid

  • طرح بندی صفحه با شبکه CSS Page Layout with CSS Grid

  • طرح بندی صفحه با شبکه CSS Page Layout with CSS Grid

  • شبکه CSS پیچیده Complex CSS Grid

  • شبکه CSS پیچیده Complex CSS Grid

  • Grid-Rows Grid-Rows

  • شبکه CSS پاسخگو Responsive CSS Grid

  • شبکه-الگو-مناطق Grid-Template-Areas

  • شبکه-الگو-مناطق Grid-Template-Areas

  • CSS Grid Perfect Center CSS Grid Perfect Center

شبکه CSS CSS Grid

  • Grid-Rows Grid-Rows

  • شبکه CSS پاسخگو Responsive CSS Grid

  • CSS Grid Perfect Center CSS Grid Perfect Center

برچسب های متفرقه - HTML 5 Miscellaneous Tags - HTML 5

  • ب و قوی B and Strong

  • ب و قوی B and Strong

  • من و ام I and Em

  • مارک، دل، اینس، کیو، کوچک Mark, Del, Ins, Q, Small

  • مسابقه Blockquote

  • مسابقه Blockquote

  • اببر Abbr

  • اببر Abbr

  • Sup و Sub Sup and Sub

  • Bdo Bdo

  • Bdo Bdo

  • نشانی Address

  • نشانی Address

  • پیوندهای تلفن و پیوندهای ایمیل Phone Links and Mail Links

  • کیلوبایت Kbd

  • کیلوبایت Kbd

  • نمادها Symbols

  • نمادها Symbols

  • کد، پیش، نمونه Code, Pre, Samp

  • کد، پیش، نمونه Code, Pre, Samp

  • جزئیات و خلاصه Details and Summary

  • جزئیات و خلاصه Details and Summary

  • مقاله Article

  • زمان Time

  • زمان Time

  • پیش رفتن Progress

  • پیش رفتن Progress

  • متر Meter

  • متا Meta

  • متا Meta

برچسب های متفرقه - HTML 5 Miscellaneous Tags - HTML 5

  • من و ام I and Em

  • مارک، دل، اینس، کیو، کوچک Mark, Del, Ins, Q, Small

  • Sup و Sub Sup and Sub

  • پیوندهای تلفن و پیوندهای ایمیل Phone Links and Mail Links

  • مقاله Article

  • متر Meter

اصول زبان جاوا اسکریپت JavaScript Language Fundamentals

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

  • مثال اول جاوا اسکریپت JavaScript First Example

  • مثال اول جاوا اسکریپت JavaScript First Example

  • متغیرها Variables

  • متغیرها Variables

  • Const Const

  • مروری بر اپراتورهای جاوا اسکریپت Overview of JavaScript Operators

  • عملگرهای حسابی Arithmetical Operators

  • اپراتورهای واگذاری Assignment Operators

  • اپراتورهای افزایش و کاهش Increment and Decrement Operators

  • اپراتورهای رابطه ای Relational Operators

  • اپراتورهای رابطه ای Relational Operators

  • عملگرهای منطقی Logical Operators

  • اپراتور الحاق Concatenation Operator

  • اپراتورها Operators

  • اپراتورها Operators

  • الفاظ الگو Template Literals

  • الفاظ الگو Template Literals

  • مقدمه ای بر بیانیه های کنترل Introduction to Control Statements

  • اگر if

  • اگر if

  • اگر دیگری if - else

  • اگر دیگری if - else

  • دیگر - اگر else - if

  • دیگر - اگر else - if

  • تودرتو اگر Nested If

  • اگر If

  • سوئیچ - مورد Switch - case

  • در حالی که while

  • در حالی که while

  • انجام در حالی که do - while

  • برای for

  • برای for

  • زنگ تفريح Break

  • ادامه هید Continue

  • Nested For Loops Nested For Loops

  • Nested For Loops Nested For Loops

  • بالا بردن Hoisting

  • اجازه دهید Let

  • برای For

  • برای For

  • برای حلقه: جمع و سه گانه For loop: Sum and Tripple

اصول زبان جاوا اسکریپت JavaScript Language Fundamentals

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

  • متغیرها Variables

  • Const Const

  • مروری بر اپراتورهای جاوا اسکریپت Overview of JavaScript Operators

  • عملگرهای حسابی Arithmetical Operators

  • اپراتورهای واگذاری Assignment Operators

  • اپراتورهای افزایش و کاهش Increment and Decrement Operators

  • عملگرهای منطقی Logical Operators

  • اپراتور الحاق Concatenation Operator

  • مقدمه ای بر بیانیه های کنترل Introduction to Control Statements

  • تودرتو اگر Nested If

  • اگر If

  • سوئیچ - مورد Switch - case

  • انجام در حالی که do - while

  • زنگ تفريح Break

  • ادامه هید Continue

  • بالا بردن Hoisting

  • اجازه دهید Let

  • برای حلقه: جمع و سه گانه For loop: Sum and Tripple

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

  • ایجاد توابع Creating Functions

  • توابع بدون آرگومان و بازگشت Functions with no Arguments and Return

  • تابع تابع دیگری را فرا می خواند Function Calls Another Function

  • کلمه کلیدی آرگومان ها Arguments keyword

  • بازگشت Recursion

  • آرگومان های پیش فرض Default Arguments

  • محدوده متغیرها Scope of Variables

  • توابع خالص Pure Functions

  • توابع پاسخ به تماس Callback Functions

  • توابع پاسخ به تماس Callback Functions

  • setTimeout setTimeout

  • setTimeout setTimeout

  • setInterval setInterval

  • توابع مرتبه بالاتر Higher Order Functions

  • توابع مرتبه بالاتر Higher Order Functions

  • توابع فراخوانی فوری Immediately Invoked Functions

  • توابع فراخوانی فوری Immediately Invoked Functions

  • کاری کردن Currying

  • توابع: Py Functions: Py

  • توابع: Py Functions: Py

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

  • ایجاد توابع Creating Functions

  • توابع بدون آرگومان و بازگشت Functions with no Arguments and Return

  • تابع تابع دیگری را فرا می خواند Function Calls Another Function

  • کلمه کلیدی آرگومان ها Arguments keyword

  • بازگشت Recursion

  • آرگومان های پیش فرض Default Arguments

  • محدوده متغیرها Scope of Variables

  • توابع خالص Pure Functions

  • setInterval setInterval

  • کاری کردن Currying

اشیاء - جاوا اسکریپت Objects - JavaScript

  • لفظ شیء Object Literals

  • لفظ شیء Object Literals

  • این کلمه کلیدی this keyword

  • سناریوهای دنیای واقعی و اشکال زدایی JS Real World Scenarios and JS Debugging

  • سناریوهای دنیای واقعی و اشکال زدایی JS Real World Scenarios and JS Debugging

  • افزودن اعضا از خارج از شی Adding Members From Outside of Object

  • افزودن اعضا از خارج از شی Adding Members From Outside of Object

  • دسترسی به Properties Accessing Properties

  • دسترسی به Properties Accessing Properties

  • تابع - تماس Function - call

  • تابع - اعمال شود Function - apply

  • تابع - اعمال شود Function - apply

  • تابع - اتصال Function - bind

  • توابع پیکان Arrow Functions

  • حلقه for-in For-in loop

  • حلقه for-in For-in loop

  • تخریب اشیاء Destructuring Objects

  • تخریب اشیاء Destructuring Objects

  • پارامترهای تابع تخریب ساختار Destructuring Function Parameters

  • پارامترهای تابع تخریب ساختار Destructuring Function Parameters

  • ارث - __proto__ Inheritance - __proto__

  • ارث - __proto__ Inheritance - __proto__

  • زنجیره پروتو Proto Chain

  • زنجیره پروتو Proto Chain

  • زنجیره دامنه، محیط واژگانی Scope Chain, Lexical Environment

  • بسته شدن Closures

  • بسته شدن و کپسوله کردن Closures and Encapsulation

  • بسته های خود فراخوانی شده Self Invoked Closures

  • بسته های خود فراخوانی شده Self Invoked Closures

  • پلی مورفیسم Polymorphism

  • توابع سازنده Constructor Functions

  • توابع سازنده Constructor Functions

  • کلمه کلیدی جدید new Keyword

  • کلمه کلیدی جدید new Keyword

  • ارث - تابع سازنده - تماس Inheritance - Constructor Function - call

  • ارث - تابع سازنده - __proto__ Inheritance - Constructor Function - __proto__

  • ارث - تابع سازنده - __proto__ Inheritance - Constructor Function - __proto__

  • عملکرد سازنده - نمونه اولیه Constructor Function - Prototype

  • عملکرد سازنده - نمونه اولیه Constructor Function - Prototype

  • وراثت - تابع سازنده - با استفاده از نمونه اولیه Inheritance - Constructor Function - using Prototype

  • وراثت - تابع سازنده - با استفاده از نمونه اولیه Inheritance - Constructor Function - using Prototype

  • چند شکلی با توابع سازنده Polymorphism with Constructor Functions

  • توابع سازنده چکیده Abstract Constructor Functions

اشیاء - جاوا اسکریپت Objects - JavaScript

  • این کلمه کلیدی this keyword

  • تابع - تماس Function - call

  • تابع - اتصال Function - bind

  • توابع پیکان Arrow Functions

  • زنجیره دامنه، محیط واژگانی Scope Chain, Lexical Environment

  • بسته شدن Closures

  • بسته شدن و کپسوله کردن Closures and Encapsulation

  • پلی مورفیسم Polymorphism

  • ارث - تابع سازنده - تماس Inheritance - Constructor Function - call

  • چند شکلی با توابع سازنده Polymorphism with Constructor Functions

  • توابع سازنده چکیده Abstract Constructor Functions

JSON JSON

  • مقدمه ای بر JSON Introduction to JSON

  • JSON.Stringify JSON.Stringify

  • JSON.Parse JSON.parse

  • Object.Keys Object.Keys

  • Object.Keys Object.Keys

JSON JSON

  • مقدمه ای بر JSON Introduction to JSON

  • JSON.Stringify JSON.Stringify

  • JSON.Parse JSON.parse

ES2015 یا ES6 - کلاس ها ES2015 or ES6 - Classes

  • کلاس ها Classes

  • کلاس ها Classes

  • سازنده Constructor

  • سازنده Constructor

  • خصوصیات خصوصی و روشهای خصوصی Private Properties and Private Methods

  • روش‌ها را تنظیم و دریافت کنید Set and Get Methods

  • ویژگی های Accessor Accessor Properties

  • ویژگی های Accessor Accessor Properties

  • وراثت طبقاتی Class Inheritance

  • وراثت طبقاتی Class Inheritance

  • چند شکلی طبقاتی Class Polymorphism

  • چند شکلی طبقاتی Class Polymorphism

  • کلاس های چکیده Abstract Classes

  • خواص و روش های استاتیک Static Properties and Methods

ES2015 یا ES6 - کلاس ها ES2015 or ES6 - Classes

  • خصوصیات خصوصی و روشهای خصوصی Private Properties and Private Methods

  • روش‌ها را تنظیم و دریافت کنید Set and Get Methods

  • کلاس های چکیده Abstract Classes

  • خواص و روش های استاتیک Static Properties and Methods

آرایه ها - جاوا اسکریپت Arrays - JavaScript

  • ایجاد آرایه ها Creating Arrays

  • فشار و پاپ Push and Pop

  • فشار و پاپ Push and Pop

  • اسپلایس Splice

  • Concat Concat

  • Concat Concat

  • هر Every

  • مقداری Some

  • مقداری Some

  • فیلتر کنید Filter

  • فیلتر کنید Filter

  • پیدا کردن Find

  • FindIndex FindIndex

  • FindIndex FindIndex

  • برای هر ForEach

  • برای هر ForEach

  • شامل می شود Includes

  • شامل می شود Includes

  • IndexOf IndexOf

  • IndexOf IndexOf

  • نقشه Map

  • FlatMap FlatMap

  • FlatMap FlatMap

  • تخت Flat

  • تخت Flat

  • معکوس Reverse

  • تکه Slice

  • مرتب سازی Sort

  • Object Literal - Delete Property Object Literal - Delete Property

  • Object Literal - Delete Property Object Literal - Delete Property

  • آرایه شی Object Array

آرایه ها - جاوا اسکریپت Arrays - JavaScript

  • ایجاد آرایه ها Creating Arrays

  • اسپلایس Splice

  • هر Every

  • پیدا کردن Find

  • نقشه Map

  • معکوس Reverse

  • تکه Slice

  • مرتب سازی Sort

  • آرایه شی Object Array

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

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

  • نوعی از typeof

  • نوعی از typeof

  • تعریف نشده (در مقابل) null undefined (vs) null

  • تعریف نشده (در مقابل) null undefined (vs) null

  • == (در مقابل) === == (vs) ===

  • == (در مقابل) === == (vs) ===

  • تابع تبدیل رشته ( ). String( ) Conversion Function

  • تابع تبدیل رشته ( ). String( ) Conversion Function

  • تابع toString( ). toString( ) Function

  • تابع toString( ). toString( ) Function

  • تابع شماره ( ). Number( ) Function

  • تابع شماره ( ). Number( ) Function

  • تابع parseInt( ). parseInt( ) Function

  • تابع parseInt( ). parseInt( ) Function

  • تابع parseFloat( ). parseFloat( ) Function

  • + اپراتور Unary برای تبدیل + Unary Operator For Conversion

  • تابع toFixed( ). toFixed( ) Function

  • تابع toFixed( ). toFixed( ) Function

  • toUpperCase() toUpperCase( )

  • به حروف کوچک ( ) toLowerCase( )

  • به حروف کوچک ( ) toLowerCase( )

  • طول length

  • طول length

  • charAt( ) charAt( )

  • charCodeAt() charCodeAt( )

  • substr( ) substr( )

  • indexOf( ) indexOf( )

  • lastIndexOf( ) lastIndexOf( )

  • جایگزین کردن( ) replace( )

  • شکاف( ) split( )

  • شکاف( ) split( )

  • اصلاح ( ) trim( )

  • اصلاح ( ) trim( )

  • concat ( ) concat( )

  • رشته: معکوس String: Reverse

  • رشته: حروف بزرگ String: Capitalize

  • رشته: تعداد رخداد کاراکترها String: Character Occurrence Count

  • رشته: تعداد رخداد کاراکترها String: Character Occurrence Count

  • رشته: تقسیم String: Split

  • تاریخ جدید ( ) new Date( )

  • toLocaleDateString() toLocaleDateString( )

  • toLocaleTimeString() toLocaleTimeString( )

  • getTime ( ) getTime( )

  • getDay ( ) getDay( )

  • getDate()، getMonth()، getFullYear() getDate( ), getMonth( ), getFullYear( )

  • getHours()، getMonth()، getSeconds()، getMilliseconds() getHours( ), getMonth( ), getSeconds( ), getMilliseconds( )

  • getHours()، getMonth()، getSeconds()، getMilliseconds() getHours( ), getMonth( ), getSeconds( ), getMilliseconds( )

  • setFullYear()، setMonth()، setDate() setFullYear( ), setMonth( ), setDate( )

  • توابع تاریخ Date Functions

  • توابع تاریخ Date Functions

  • توابع تاریخ - 2 Date Functions - 2

  • توابع تاریخ - 2 Date Functions - 2

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

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

  • تابع parseFloat( ). parseFloat( ) Function

  • + اپراتور Unary برای تبدیل + Unary Operator For Conversion

  • toUpperCase() toUpperCase( )

  • charAt( ) charAt( )

  • charCodeAt() charCodeAt( )

  • substr( ) substr( )

  • indexOf( ) indexOf( )

  • lastIndexOf( ) lastIndexOf( )

  • جایگزین کردن( ) replace( )

  • concat ( ) concat( )

  • رشته: معکوس String: Reverse

  • رشته: حروف بزرگ String: Capitalize

  • رشته: تقسیم String: Split

  • تاریخ جدید ( ) new Date( )

  • toLocaleDateString() toLocaleDateString( )

  • toLocaleTimeString() toLocaleTimeString( )

  • getTime ( ) getTime( )

  • getDay ( ) getDay( )

  • getDate()، getMonth()، getFullYear() getDate( ), getMonth( ), getFullYear( )

  • setFullYear()، setMonth()، setDate() setFullYear( ), setMonth( ), setDate( )

جاوا اسکریپت - DOM JavaScript - DOM

  • مقدمه ای بر DOM Introduction to DOM

  • ویژگی های پنجره Window Properties

  • ویژگی های پنجره Window Properties

  • window.alert window.alert

  • window.confirm window.confirm

  • پنجره.چاپ window.print

  • window.setTimeout window.setTimeout

  • window.setTimeout window.setTimeout

  • window.setInterval window.setInterval

  • window.scrollTo window.scrollTo

  • window.scrollTo window.scrollTo

  • پنجره.باز window.open

  • پنجره.باز window.open

  • ویژگی های شیء سند Document Object Properties

  • document.write( ) document.write( )

  • document.write( ) document.write( )

  • getElementById() getElementById( )

  • getElementsByName getElementsByName

  • getElementsByTagName getElementsByTagName

  • getElementsByClassName getElementsByClassName

  • getElementsByClassName getElementsByClassName

  • querySelectorAll querySelectorAll

  • querySelectorAll querySelectorAll

  • querySelector querySelector

  • querySelector querySelector

  • ویژگی های عنصر Element Properties

  • برچسب نام tagName

  • برچسب نام tagName

  • شناسه id

  • شناسه id

  • innerHTML و innerText innerHTML and innerText

  • سبک style

  • parentElement، Children، scrollTop parentElement, Children, scrollTop

  • parentElement، Children، scrollTop parentElement, Children, scrollTop

  • setAttribute، getAttribute، removeAttribute setAttribute, getAttribute, removeAttribute

  • خواندن صفات Reading Attributes

  • دارای ویژگی hasAttribute

  • توابع focus( ) و click( ). focus( ) and click( ) Functions

  • توابع focus( ) و click( ). focus( ) and click( ) Functions

  • برداشتن( ) remove( )

  • createElement، appendChild( ) createElement, appendChild( )

  • درج قبل از ( ) insertBefore( )

  • درج قبل از ( ) insertBefore( )

  • مقدمه ای بر رویدادها Introduction to Events

  • مقدمه ای بر رویدادها Introduction to Events

  • روی رویداد کلیک کنید Click event

  • روی رویداد کلیک کنید Click event

  • رویداد Dblclick Dblclick event

  • رویداد Dblclick Dblclick event

  • روی رویداد کلیک کنید - کار بیدرنگ 1 Click event - Realtime Task 1

  • روی رویداد کلیک کنید - کار بیدرنگ 2 - قسمت 1 Click event - Realtime Task 2 - Part 1

  • روی رویداد کلیک کنید - وظیفه 2 بیدرنگ - قسمت 2 Click event - Realtime Task 2 - Part 2

  • رویدادهای موشواره و موس بیرون آمدن Mouseover and Mouseout Events

  • رویداد Mousemove Mousemove Event

  • رویداد Mousemove Mousemove Event

  • رویداد Keyup Keyup Event

  • رویداد Keyup Keyup Event

  • کلید رویداد Keypress Event

  • کلید رویداد Keypress Event

  • محدود کردن کاراکترهای خاص با استفاده از کلید Restricting Specific Characters using Keypress

  • تمرکز و تاری رویدادها Focus and Blur Events

  • تمرکز و تاری رویدادها Focus and Blur Events

  • تغییر رویداد - TextBox، CheckBox، RadioButton و DropDownList Change Event - TextBox, CheckBox, RadioButton and DropDownList

  • رویداد منوی زمینه Contextmenu Event

  • برش، کپی، چسباندن رویدادها Cut, Copy, Paste Events

  • دستکاری های DOM و آرایه اشیاء DOM Manipulations and Object Array

  • دستکاری های DOM و آرایه اشیاء DOM Manipulations and Object Array

  • اعتبار سنجی فرم ها Form Validations

  • اعتبار سنجی فرم ها Form Validations

  • جاوا اسکریپت خارجی External JavaScript

  • جاوا اسکریپت خارجی External JavaScript

جاوا اسکریپت - DOM JavaScript - DOM

  • مقدمه ای بر DOM Introduction to DOM

  • window.alert window.alert

  • window.confirm window.confirm

  • پنجره.چاپ window.print

  • window.setInterval window.setInterval

  • ویژگی های شیء سند Document Object Properties

  • getElementById() getElementById( )

  • getElementsByName getElementsByName

  • getElementsByTagName getElementsByTagName

  • ویژگی های عنصر Element Properties

  • innerHTML و innerText innerHTML and innerText

  • سبک style

  • setAttribute، getAttribute، removeAttribute setAttribute, getAttribute, removeAttribute

  • خواندن صفات Reading Attributes

  • دارای ویژگی hasAttribute

  • برداشتن( ) remove( )

  • createElement، appendChild( ) createElement, appendChild( )

  • روی رویداد کلیک کنید - کار بیدرنگ 1 Click event - Realtime Task 1

  • روی رویداد کلیک کنید - کار بیدرنگ 2 - قسمت 1 Click event - Realtime Task 2 - Part 1

  • روی رویداد کلیک کنید - وظیفه 2 بیدرنگ - قسمت 2 Click event - Realtime Task 2 - Part 2

  • رویدادهای موشواره و موس بیرون آمدن Mouseover and Mouseout Events

  • محدود کردن کاراکترهای خاص با استفاده از کلید Restricting Specific Characters using Keypress

  • تغییر رویداد - TextBox، CheckBox، RadioButton و DropDownList Change Event - TextBox, CheckBox, RadioButton and DropDownList

  • رویداد منوی زمینه Contextmenu Event

  • برش، کپی، چسباندن رویدادها Cut, Copy, Paste Events

جی کوئری jQuery

  • مقدمه ای بر جی کوئری Introduction to jQuery

  • نسل های جی کوئری Generations of jQuery

  • در حال دانلود jQuery Downloading jQuery

  • در حال دانلود jQuery Downloading jQuery

  • اولین مثال در جی کوئری First Example in jQuery

  • اولین مثال در جی کوئری First Example in jQuery

  • تابع $ $ Function

  • مقدمه ای بر دستکاری محتوا Introduction to Manipulating Content

  • مقدمه ای بر دستکاری محتوا Introduction to Manipulating Content

  • تابع html( ). html( ) Function

  • تابع text( ). text( ) Function

  • تابع text( ). text( ) Function

  • تابع قبل از ( ). before( ) Function

  • تابع prepend( ). prepend( ) Function

  • تابع prepend( ). prepend( ) Function

  • تابع append( ). append( ) Function

  • تابع after( ). after( ) Function

  • تابع insertBefore( ). insertBefore( ) Function

  • تابع prependTo( ). prependTo( ) Function

  • تابع prependTo( ). prependTo( ) Function

  • تابع appendTo( ). appendTo( ) Function

  • تابع insertAfter( ). insertAfter( ) Function

  • تابع vala( ). empty( ) Function

  • تابع vala( ). empty( ) Function

  • تابع remove(). remove( ) Function

  • تابع replaceWith( ). replaceWith( ) Function

  • تابع wrap( ). wrap( ) Function

  • تابع wrapAll( ). wrapAll( ) Function

  • تابع wrapAll( ). wrapAll( ) Function

  • کار بیدرنگ در دستکاری محتوا Realtime Task on Manipulating Content

  • کار بیدرنگ در دستکاری محتوا Realtime Task on Manipulating Content

  • کار بیدرنگ 2 در دستکاری محتوا Realtime Task 2 on Manipulating Content

  • مقدمه ای بر jQuery Event Handling Introduction to jQuery Event Handling

  • کلیک( ) click( )

  • کلیک( ) click( )

  • dblclick( ) dblclick( )

  • mouseover() و mouseout() mouseover( ) and mouseout( )

  • mouseover() و mouseout() mouseover( ) and mouseout( )

  • شناور ( ) hover( )

  • حرکت ماوس() mousemove( )

  • حرکت ماوس() mousemove( )

  • فوکوس ( ) و تاری ( ) focus( ) and blur( )

  • keyup ( ) keyup( )

  • فشردن کلید( ) keypress( )

  • فشردن کلید( ) keypress( )

  • تغییر دادن( ) change( )

  • تغییر دادن( ) change( )

  • منوی زمینه contextmenu

  • منوی زمینه contextmenu

  • برش، کپی، چسباندن cut, copy, paste

  • برش، کپی، چسباندن cut, copy, paste

  • روشن و خاموش on and off

  • کار بیدرنگ 3 در مدیریت رویداد Realtime Task 3 on Event Handling

  • کار بیدرنگ 4 در مدیریت رویداد Realtime Task 4 on Event Handling

  • کار بیدرنگ 5 در مدیریت رویداد Realtime Task 5 on Event Handling

  • کار بیدرنگ 5 در مدیریت رویداد Realtime Task 5 on Event Handling

  • مقدمه ای بر افکت ها Introduction to Effects

  • fadeIn, slideDown, show fadeIn, slideDown, show

  • fadeIn, slideDown, show fadeIn, slideDown, show

  • fadeOut، slideUp، پنهان کردن fadeOut, slideUp, hide

  • fadeTo fadeTo

  • fadeTo fadeTo

  • تغییر، محو کردن، slideToggle toggle, fadeToggle, slideToggle

  • تغییر، محو کردن، slideToggle toggle, fadeToggle, slideToggle

  • مقدمه ای بر دستکاری ویژگی ها Introduction to Manipulating Attributes

  • تنظیم یک ویژگی Setting Single Attribute

  • تنظیم چندین ویژگی Setting Multiple Attributes

  • دریافت ویژگی واحد Getting Single Attribute

  • دریافت ویژگی واحد Getting Single Attribute

  • حذف صفت Removing Attribute

  • مقدمه ای بر دستکاری CSS Introduction to Manipulating CSS

  • تنظیم ویژگی Single CSS Setting Single CSS Property

  • تنظیم ویژگی Single CSS Setting Single CSS Property

  • تنظیم چند ویژگی CSS Setting Multiple CSS Properties

  • تنظیم چند ویژگی CSS Setting Multiple CSS Properties

  • دریافت ویژگی Single CSS Getting Single CSS Property

  • addClass addClass

  • removeClass removeClass

  • toggleClass toggleClass

  • hasClass hasClass

  • hasClass hasClass

  • تصاوير متحرك Animations

  • تصاوير متحرك Animations

  • مقدمه ای بر انتخابگرها و فیلترهای جی کوئری Introduction to jQuery Selectors and Filters

  • انتخابگر برچسب Tag Selector

  • انتخابگر برچسب Tag Selector

  • انتخابگر شناسه ID Selector

  • انتخابگر شناسه ID Selector

  • انتخابگر کلاس Class Selector

  • انتخابگر کلاس Class Selector

  • انتخابگر گروه بندی Grouping Selector

  • انتخابگر گروه بندی Grouping Selector

  • انتخاب کننده فرزند/انتخاب کننده نسل Child Selector / Descendant Selector

  • انتخابگر مستقیم کودک Direct Child Selector

  • انتخابگر خواهر و برادر مجاور Adjacent Sibling Selector

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

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

  • مقدمه ای بر فیلترها Introduction to Filters

  • فیلتر اول first filter

  • فیلتر اول first filter

  • آخرین فیلتر last filter

  • فیلتر eq eq filter

  • فیلتر عجیب و غریب odd filter

  • فیلتر gt gt filter

  • فیلتر gt gt filter

  • فیلتر lt lt filter

  • فیلتر lt lt filter

  • فیلتر نیست not filter

  • فیلتر نیست not filter

  • شامل contains

  • فیلتر دارد has filter

  • فیلتر خالی empty filter

  • فیلتر فرزند اول first-child filter

  • فیلتر فرزند آخر last-child filter

  • فیلتر فرزند n nth-child filter

  • فیلتر تک فرزندی only-child filter

  • فیلتر تک فرزندی only-child filter

  • فیلترهای فرم Form Filters

  • کار بیدرنگ در انتخابگرها و فیلترها Realtime Task on Selectors and FIlters

  • jQuery UI قسمت 1 jQuery UI Part 1

  • jQuery UI قسمت 1 jQuery UI Part 1

  • jQuery UI قسمت 2 jQuery UI Part 2

  • jQuery UI قسمت 2 jQuery UI Part 2

  • جی کوئری آژاکس jQuery Ajax

جی کوئری jQuery

  • مقدمه ای بر جی کوئری Introduction to jQuery

  • نسل های جی کوئری Generations of jQuery

  • تابع $ $ Function

  • تابع html( ). html( ) Function

  • تابع قبل از ( ). before( ) Function

  • تابع append( ). append( ) Function

  • تابع after( ). after( ) Function

  • تابع insertBefore( ). insertBefore( ) Function

  • تابع appendTo( ). appendTo( ) Function

  • تابع insertAfter( ). insertAfter( ) Function

  • تابع remove(). remove( ) Function

  • تابع replaceWith( ). replaceWith( ) Function

  • تابع wrap( ). wrap( ) Function

  • کار بیدرنگ 2 در دستکاری محتوا Realtime Task 2 on Manipulating Content

  • مقدمه ای بر jQuery Event Handling Introduction to jQuery Event Handling

  • dblclick( ) dblclick( )

  • شناور ( ) hover( )

  • فوکوس ( ) و تاری ( ) focus( ) and blur( )

  • keyup ( ) keyup( )

  • روشن و خاموش on and off

  • کار بیدرنگ 3 در مدیریت رویداد Realtime Task 3 on Event Handling

  • کار بیدرنگ 4 در مدیریت رویداد Realtime Task 4 on Event Handling

  • مقدمه ای بر افکت ها Introduction to Effects

  • fadeOut، slideUp، پنهان کردن fadeOut, slideUp, hide

  • مقدمه ای بر دستکاری ویژگی ها Introduction to Manipulating Attributes

  • تنظیم یک ویژگی Setting Single Attribute

  • تنظیم چندین ویژگی Setting Multiple Attributes

  • حذف صفت Removing Attribute

  • مقدمه ای بر دستکاری CSS Introduction to Manipulating CSS

  • دریافت ویژگی Single CSS Getting Single CSS Property

  • addClass addClass

  • removeClass removeClass

  • toggleClass toggleClass

  • مقدمه ای بر انتخابگرها و فیلترهای جی کوئری Introduction to jQuery Selectors and Filters

  • انتخابگر برچسب Tag Selector

  • انتخابگر شناسه ID Selector

  • انتخابگر کلاس Class Selector

  • انتخابگر گروه بندی Grouping Selector

  • انتخاب کننده فرزند/انتخاب کننده نسل Child Selector / Descendant Selector

  • انتخابگر مستقیم کودک Direct Child Selector

  • انتخابگر خواهر و برادر مجاور Adjacent Sibling Selector

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

  • مقدمه ای بر فیلترها Introduction to Filters

  • آخرین فیلتر last filter

  • فیلتر eq eq filter

  • فیلتر عجیب و غریب odd filter

  • شامل contains

  • فیلتر دارد has filter

  • فیلتر خالی empty filter

  • فیلتر فرزند اول first-child filter

  • فیلتر فرزند آخر last-child filter

  • فیلتر فرزند n nth-child filter

  • فیلترهای فرم Form Filters

  • کار بیدرنگ در انتخابگرها و فیلترها Realtime Task on Selectors and FIlters

  • جی کوئری آژاکس jQuery Ajax

NodeJS NodeJS

  • راه اندازی محیط برای NodeJS Setting-up Environment for NodeJS

  • ایجاد اولین اپلیکیشن در NodeJS Creating First App in NodeJS

  • ایجاد اولین اپلیکیشن در NodeJS Creating First App in NodeJS

  • ماژول ها Modules

  • ماژول FS FS Module

  • ماژول FS FS Module

  • خواندن فایل readFile

  • readFileSync readFileSync

  • readFileSync readFileSync

  • writeFile writeFile

  • writeFileSync writeFileSync

  • تغییر نام دهید rename

  • کپی 🀄 copy

  • لغو پیوند unlink

  • آمار stat

  • آمار stat

  • readdir readdir

  • readdir readdir

  • مقدمه ای بر MongoDB Introduction to MongoDB

  • نصب MongoDB MongoDB Installation

  • ایجاد پایگاه داده ها و مجموعه ها Creating Databases and Collections

  • درج اسناد Inserting Documents

  • درج اسناد Inserting Documents

  • ObjectId ObjectId

  • ObjectId ObjectId

  • بازیابی اسناد مشروط Retrieving Documents Conditionally

  • بازیابی اسناد مشروط Retrieving Documents Conditionally

  • به روز رسانی، حذف، درج اسناد Updating, Deleting, Upserting Documents

  • به روز رسانی، حذف، درج اسناد Updating, Deleting, Upserting Documents

  • محدود کردن، پرش، مرتب کردن، اطمینان از ایندکس limit, skip, sort, ensureIndex

  • یکپارچگی مرجع و پیوستن Referential Integrity and Joins

  • Package.json Package.json

  • آشنایی با Mongoose Introduction to Mongoose

  • آشنایی با Mongoose Introduction to Mongoose

  • بازیابی داده ها با استفاده از Mongoose Retrieving Data using Mongoose

  • درج داده با استفاده از Mongoose Inserting Data using Mongoose

  • درج داده با استفاده از Mongoose Inserting Data using Mongoose

  • به روز رسانی داده ها با استفاده از Mongoose Updating Data using Mongoose

  • حذف داده ها با استفاده از Mongoose Deleting Data using Mongoose

  • حذف داده ها با استفاده از Mongoose Deleting Data using Mongoose

  • مقدمه ماژول Http Introduction Http Module

  • مقدمه ماژول Http Introduction Http Module

  • ایجاد سرور ساده با استفاده از ماژول Http Creating Simple Server using Http Module

  • اعضای شی پاسخ Members of Response Object

  • اعضای درخواست شی Members of Request Object

  • اعضای درخواست شی Members of Request Object

  • مخلوط کردن ماژول FS با ماژول Http Mixing FS Module with Http Module

  • مخلوط کردن ماژول FS با ماژول Http Mixing FS Module with Http Module

  • ارائه صفحه اصلی با استفاده از ماژول Http Serving Home Page using Http Module

  • ارائه صفحه اصلی با استفاده از ماژول Http Serving Home Page using Http Module

  • ارائه چندین صفحه با استفاده از ماژول Http Serving Multiple Pages using Http Module

  • با استفاده از ماژول Http درخواست را در فرم ها دریافت کنید Get Request in Forms using Http Module

  • با استفاده از ماژول Http درخواست را در فرم ها دریافت کنید Get Request in Forms using Http Module

  • دریافت (در مقابل) پست Get (vs) Post

  • دریافت (در مقابل) پست Get (vs) Post

  • ارسال درخواست در فرم ها با استفاده از ماژول Http Post Request in Forms using Http Module

  • ارسال درخواست در فرم ها با استفاده از ماژول Http Post Request in Forms using Http Module

NodeJS NodeJS

  • راه اندازی محیط برای NodeJS Setting-up Environment for NodeJS

  • ماژول ها Modules

  • خواندن فایل readFile

  • writeFile writeFile

  • writeFileSync writeFileSync

  • تغییر نام دهید rename

  • کپی 🀄 copy

  • لغو پیوند unlink

  • مقدمه ای بر MongoDB Introduction to MongoDB

  • نصب MongoDB MongoDB Installation

  • ایجاد پایگاه داده ها و مجموعه ها Creating Databases and Collections

  • محدود کردن، پرش، مرتب کردن، اطمینان از ایندکس limit, skip, sort, ensureIndex

  • یکپارچگی مرجع و پیوستن Referential Integrity and Joins

  • Package.json Package.json

  • بازیابی داده ها با استفاده از Mongoose Retrieving Data using Mongoose

  • به روز رسانی داده ها با استفاده از Mongoose Updating Data using Mongoose

  • ایجاد سرور ساده با استفاده از ماژول Http Creating Simple Server using Http Module

  • اعضای شی پاسخ Members of Response Object

  • ارائه چندین صفحه با استفاده از ماژول Http Serving Multiple Pages using Http Module

NodeJS - Express NodeJS - Express

  • مقدمه ای بر Express Framework Introduction to Express Framework

  • برنامه ساده در Express Simple App in Express

  • برنامه ساده در Express Simple App in Express

  • اشیاء درخواست و پاسخ در Express Request and Response Objects in Express

  • رسیدگی به درخواست دریافت در فرم ها با استفاده از Express Handling Get Request in Forms using Express

  • رسیدگی به درخواست دریافت در فرم ها با استفاده از Express Handling Get Request in Forms using Express

  • رسیدگی به درخواست پست در فرم ها با استفاده از Express Handling Post Request in Forms using Express

  • رسیدگی به درخواست پست در فرم ها با استفاده از Express Handling Post Request in Forms using Express

  • مسیریابی اولیه در اکسپرس Basic Routing in Express

  • مسیریابی پیشرفته در اکسپرس Advanced Routing in Express

  • مقدمه ای بر MVC Introduction to MVC

  • مقدمه ای بر EJS Introduction to EJS

  • مقدمه ای بر EJS Introduction to EJS

  • کار با EJS در Express Working with EJS in Express

  • سبیل Mustache

  • دسته دسته Handlebars

  • دسته دسته Handlebars

  • پاگ Pug

  • Cookie-Parser Cookie-Parser

  • Cookie-Parser Cookie-Parser

  • اکسپرس جلسه Express-Session

  • مقدمه ای بر AJAX و بازیابی داده ها Introduction to AJAX & Retrieving Data

  • درج داده در MongoDB - با استفاده از AJAX Inserting Data into MongoDB - using AJAX

  • به روز رسانی داده ها به MongoDB - با استفاده از AJAX Updating Data into MongoDB - using AJAX

  • حذف داده ها در MongoDB - با استفاده از AJAX Deleting Data into MongoDB - using AJAX

  • حذف داده ها در MongoDB - با استفاده از AJAX Deleting Data into MongoDB - using AJAX

  • مقدمه ای بر Socket.IO Introduction to Socket.IO

  • Socket.IO - چت ساده Socket.IO - Simple Chatting

  • Socket.IO - چت گروهی Socket.IO - Group Chatting

  • Socket.IO - چت گروهی Socket.IO - Group Chatting

  • مقدمه ای بر تست واحد Introduction to Unit Testing

  • مقدمه ای بر تست واحد Introduction to Unit Testing

  • تست واحد پایه با استفاده از موکا Basic Unit Testing using Mocha

  • تست واحد پایه با استفاده از موکا Basic Unit Testing using Mocha

  • تست واحد پیچیده با استفاده از موکا Complex Unit Testing using Mocha

  • آزمایش درخواست های HTTP با استفاده از موکا Testing HTTP Requests using Mocha

  • آزمایش درخواست های HTTP با استفاده از موکا Testing HTTP Requests using Mocha

NodeJS - Express NodeJS - Express

  • مقدمه ای بر Express Framework Introduction to Express Framework

  • اشیاء درخواست و پاسخ در Express Request and Response Objects in Express

  • مسیریابی اولیه در اکسپرس Basic Routing in Express

  • مسیریابی پیشرفته در اکسپرس Advanced Routing in Express

  • مقدمه ای بر MVC Introduction to MVC

  • کار با EJS در Express Working with EJS in Express

  • سبیل Mustache

  • پاگ Pug

  • اکسپرس جلسه Express-Session

  • مقدمه ای بر AJAX و بازیابی داده ها Introduction to AJAX & Retrieving Data

  • درج داده در MongoDB - با استفاده از AJAX Inserting Data into MongoDB - using AJAX

  • به روز رسانی داده ها به MongoDB - با استفاده از AJAX Updating Data into MongoDB - using AJAX

  • مقدمه ای بر Socket.IO Introduction to Socket.IO

  • Socket.IO - چت ساده Socket.IO - Simple Chatting

  • تست واحد پیچیده با استفاده از موکا Complex Unit Testing using Mocha

بوت استرپ 4 Bootstrap 4

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

  • ایجاد اولین اپلیکیشن در بوت استرپ Creating First App in Bootstrap

  • ایجاد اولین اپلیکیشن در بوت استرپ Creating First App in Bootstrap

  • ظرف و ظرف-سیال Container and Container-Fluid

  • رنگ های متن Text Colors

  • رنگ های پس زمینه Background Colors

  • رنگ های پس زمینه Background Colors

  • نمایش سرفصل ها Display Headings

  • تراز متن Text Alignment

  • تراز متن Text Alignment

  • سبک های متن Text Styles

  • پاراگراف اصلی Lead Paragraph

  • پاراگراف اصلی Lead Paragraph

  • دید Visibility

  • دید Visibility

  • سیستم شبکه ای Grid System

  • سیستم شبکه پاسخگو Responsive Grid System

  • جامبوترون Jumbotron

  • جامبوترون Jumbotron

  • تصاویر Images

  • جداول Tables

  • هشدارها Alerts

  • دکمه ها Buttons

  • نشان ها Badges

  • نوار پیشرفت Progress Bar

  • صفحه بندی Pagination

  • پودرهای سوخاری Breadcrumbs

  • لیست گروه ها List Groups

  • کارت ها Cards

  • راهنمای ابزار Tooltip

  • راهنمای ابزار Tooltip

  • تاشو Collapsible

  • آکاردئون Accordion

  • آکاردئون Accordion

  • فرم انباشته Stacked Form

  • فرم درون خطی Inline Form

  • شبکه فرم Form Grid

  • شبکه فرم Form Grid

  • شبکه فرم افقی Horizontal Form Grid

  • گروه های ورودی Input Groups

  • اعتبار سنجی فرم Form Validation

  • اعتبار سنجی فرم Form Validation

  • منوی ناوبری Navigation Menu

  • منوی ناوبری Navigation Menu

  • زبانه ها Tabs

  • نوار ناوبری پیشرفته Advanced Navigation Bar

  • چرخ فلک Carousel

  • چرخ فلک Carousel

بوت استرپ 4 Bootstrap 4

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

  • ظرف و ظرف-سیال Container and Container-Fluid

  • رنگ های متن Text Colors

  • نمایش سرفصل ها Display Headings

  • سبک های متن Text Styles

  • سیستم شبکه ای Grid System

  • سیستم شبکه پاسخگو Responsive Grid System

  • جداول Tables

  • هشدارها Alerts

  • دکمه ها Buttons

  • نشان ها Badges

  • نوار پیشرفت Progress Bar

  • صفحه بندی Pagination

  • پودرهای سوخاری Breadcrumbs

  • کارت ها Cards

  • تاشو Collapsible

  • فرم انباشته Stacked Form

  • فرم درون خطی Inline Form

  • شبکه فرم افقی Horizontal Form Grid

  • گروه های ورودی Input Groups

  • زبانه ها Tabs

  • نوار ناوبری پیشرفته Advanced Navigation Bar

جایزه Bonus

  • پاداش: 6 دلار - کوپن های تخفیف برای دوره های Udemy دیگر Bonus: $6 - Discount Coupons for my other Udemy Courses

جایزه Bonus

  • پاداش: 6 دلار - کوپن های تخفیف برای دوره های Udemy دیگر Bonus: $6 - Discount Coupons for my other Udemy Courses

نمایش نظرات

آموزش توسعه وب | HTML | CSS | جاوا اسکریپت | جی کوئری | NodeJS
جزییات دوره
62.5 hours
594
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
5,093
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Harsha Vardhan Harsha Vardhan

مربی خبره MS | 32000+ Student Happy من آموزش های کلاس ، شرکتی ، آنلاین از 12 سال گذشته را در مورد Microsoft Technologies و UI Technologies مختلف ارائه می دهم. خوشحالم که دانش خود را به جهانیان می گویم. تخصص من بیشتر در مورد فناوری های زیر است: Angular ، JavaScript ، JavaScript پیشرفته ، jQuery ، Bootstrap ، MDBootstrap ، NodeJS ، C # .Net ، Asp.Net ، Asp.Net Mvc 5 ، Asp.Net Core ، WCF ، SignalR ، HTML 5 ، CSS 3