آموزش Javascript Intermediate سطح 1 - تسلط بر DOM

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

اولین قدم ها First steps

• معرفی Introduction

• فایل های مرجع Reference files

• ویرایشگرها، کیفیت ویدیو و رابط کاربری Udemy Walk Through Editors, Video Quality and Udemy Interface Walk Through

• ویرایشگرها، کیفیت ویدیو و رابط کاربری Udemy Walk Through Editors, Video Quality and Udemy Interface Walk Through

• ویرایشگرهایی که من توصیه می کنم Editors I recommend

• ویرایشگرهایی که من توصیه می کنم Editors I recommend

• DOM چیست؟ What is the DOM

• DOM چیست؟ What is the DOM

اولین قدم ها First steps

• معرفی Introduction

• فایل های مرجع Reference files

بیایید شروع به یادگیری در مورد DOM کنیم Let's start learning about the DOM

• ابزارهای توسعه دهنده Developer tools

• ابزارهای توسعه دهنده Developer tools

• دستورات جاوا اسکریپت JavaScript commands

• دستورات جاوا اسکریپت JavaScript commands

• دستورات جاوا اسکریپت - زنجیره زدن و یافتن ورودی ها JavaScript commands - Chaining and finding inputs

• دستورات جاوا اسکریپت - زنجیره زدن و یافتن ورودی ها JavaScript commands - Chaining and finding inputs

• بیایید با فرم ها آشنا شویم Let's get to know Forms

• ویژگی های گره Node Properties

• پیمایش گره ها Traversing Nodes

• فیلتر کردن گره های متن Filtering Text nodes

• فیلتر کردن گره های متن Filtering Text nodes

• ویژگی های Attributes

• ویژگی های Attributes

• کنترل کلاس Class control

• کنترل کلاس Class control

• دستکاری HTML Manipulating HTML

• ایجاد و الحاق عناصر Creating and appending elements

• درج های دقیق Precise insertions

• درج های دقیق Precise insertions

• شبیه سازی Cloning

• جایگزینی گره ها Replacing nodes

• جایگزینی گره ها Replacing nodes

• آزمون بخش 2 Section 2 Quiz

بیایید شروع به یادگیری در مورد DOM کنیم Let's start learning about the DOM

• بیایید با فرم ها آشنا شویم Let's get to know Forms

• ویژگی های گره Node Properties

• پیمایش گره ها Traversing Nodes

• دستکاری HTML Manipulating HTML

• ایجاد و الحاق عناصر Creating and appending elements

• شبیه سازی Cloning

• آزمون بخش 2 Section 2 Quiz

پروژه Project

• معرفی پروژه Project introduction

• در حال آماده سازی تمام فایل ها و کد شروع ما Preparing all our files and starter code

• فعال سازی افزونه گالری عکس Activating photo gallery plugin

• فعال سازی افزونه گالری عکس Activating photo gallery plugin

• اضافه کردن حتی شنونده به بخش اصلی Adding even listener to main div

• ایجاد و الحاق همپوشانی Creating and appending overlay

• ایجاد و الحاق همپوشانی Creating and appending overlay

• پوشش یک ظاهر طراحی شده Styling overlay

• پوشش یک ظاهر طراحی شده Styling overlay

• تنظیم اندازه برای پوشش Setting up the size for the overlay

• تنظیم اندازه برای پوشش Setting up the size for the overlay

• ایجاد تصویر Creating the image

• استایل دادن به تصویر Styling the image

• حذف همپوشانی با کلیک Removing overlay on click

• افزودن ویژگی اسکرول به همپوشانی Adding scrolling feature to overlay

• افزودن ویژگی اسکرول به همپوشانی Adding scrolling feature to overlay

• بیایید اندازه را تغییر دهیم Let's resize

• بیایید اندازه را تغییر دهیم Let's resize

• نتیجه گیری و جایزه! Conclusion and BONUS!

پروژه Project

• معرفی پروژه Project introduction

• در حال آماده سازی تمام فایل ها و کد شروع ما Preparing all our files and starter code

• اضافه کردن حتی شنونده به بخش اصلی Adding even listener to main div

• ایجاد تصویر Creating the image

• استایل دادن به تصویر Styling the image

• حذف همپوشانی با کلیک Removing overlay on click

• نتیجه گیری و جایزه! Conclusion and BONUS!