آشنایی با DOM (Document Object Model)

توضیحات

در این جلسه به آشنایی با DOM (Document Object Model) در جاوااسکریپت از دوره آموزش رایگان javascript (جاوا اسکریپت) پروژه محور میپردازیم.

HTML CSS طراحی وب javascript ecmascript جاوا اسکریپت اکما اسکریپت جاوااسکریپت

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آشنایی با javascript (جاوا اسکریپت) شامل 14 قسمت

1

آشنایی با javascript (جاوا اسکریپت)

رایگان 05:37

2

تفاوت جاوا اسکریپت با اکما اسکریپت (ecmascript)

رایگان 06:41

3

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

رایگان 08:01

4

افزودن کدهای جاوا اسکریپت به پروژه

رایگان 10:53

5

console در جاوا اسکریپت

رایگان 10:18

6

variables (متغیرها) قسمت اول

رایگان 10:28

7

variables (متغیرها) قسمت دوم

رایگان 13:22

8

data type (انواع متغیر)

رایگان 11:18

9

تفاوت نوع refrence و primitive

رایگان 06:32

10

مبحث type casting

رایگان 06:32

11

operators (عملگرها) قسمت اول

رایگان 08:57

12

operators (عملگرها) قسمت دوم

رایگان 07:30

13

کار با string (رشته)

رایگان 16:47

14

کار با number (اعداد)

رایگان 08:10
آشنایی با array (آرایه) و object (آبجکت) شامل 7 قسمت

15

آشنایی با array (آرایه)

رایگان 07:46

16

متد های array

رایگان 10:55

17

nesting در array

رایگان 08:51

18

آشنایی با object (آبجکت)

رایگان 04:56

19

متدهای object

رایگان 08:25

20

مبحث destrucuring و naming

رایگان 09:27

21

آشنایی با JSON

رایگان 08:01
آشنایی با function (تابع) و scope (محدوده متغیرها) شامل 5 قسمت

22

آشنایی با function (تابع)

رایگان 09:56

23

محدوده متغیرها (scope) و global

رایگان 12:52

24

توابع decloration و expression

رایگان 04:05

25

تابع arrow

رایگان 06:31

26

تابع Immediately Invoked Function Expression (IIFE)

رایگان 06:29
شروط و عملگرهای آن شامل 7 قسمت

27

دستور if

رایگان 07:55

28

دستور else-if

رایگان 03:53

29

دستور switch

رایگان 04:33

30

مقادیر truthy و falsy

رایگان 10:28

31

عملگرهای منطقی قسمت اول

رایگان 14:48

32

عملگرهای منطقی قسمت دوم

رایگان 07:17

33

عملگر ternary

رایگان 05:13
loops (حلقه ها) شامل 8 قسمت

34

حلقه for

رایگان 11:40

35

حلقه while و do-while

رایگان 04:42

36

حلقه for-of

رایگان 05:43

37

حلقه for-in

رایگان 03:41

38

متد forEach

رایگان 07:37

39

متد filter و every

رایگان 04:57

40

متد map

رایگان 06:53

41

متد reduce

رایگان 09:06
آشنایی با DOM (Document Object Model) شامل 8 قسمت

آشنایی با DOM (Document Object Model)

رایگان 08:56

43

پراپرتی های DOM

رایگان 14:29

44

مبحث DOM selector قسمت اول

رایگان 15:53

45

مبحث DOM selector قسمت دوم

رایگان 08:55

46

ایجاد و افزودن element (تگ)

رایگان 07:56

47

جایگزین کردن element (تگ)

رایگان 05:48

48

حذف element (تگ)

رایگان 04:13

49

پراپرتی ها و متد های class

رایگان 09:15
آشنایی با Event (رویداد) شامل 9 قسمت

50

آشنایی با event listener

رایگان 10:00

51

رویدادهای mouse

رایگان 06:51

52

آشنایی با event object

رایگان 07:06

53

رویدادهای keyboard

رایگان 06:22

54

رویدادهای input

رایگان 07:25

55

رویداد ارسال فرم

رایگان 11:04

56

مبحث event bubbling

رایگان 05:07

57

مبحث event delegation

رایگان 03:33

58

رویداد window و لود صفحه

رایگان 09:45
آشنایی با Module شامل 3 قسمت

59

آشنایی با module

رایگان 08:49

60

کلمات کلیدی export و import

رایگان 06:45

61

کلمات کلیدی as و default

رایگان 07:38
آشنایی با localStorage شامل 3 قسمت

62

آشنایی با localStorage

رایگان 06:09

63

ذخیره و دریافت از localStorage

رایگان 08:03

64

ویرایش و حذف از localStorage

رایگان 04:28
پروژه شامل 11 قسمت

65

معرفی پروژه

رایگان 11:04

66

افزودن آیتم به لیست

رایگان 13:20

67

حذف آیتم ها

رایگان 08:35

68

تغییر صفحه (UI) با حذف آیتم ها

رایگان 06:10

69

فیلتر آیتم ها

رایگان 08:38

70

افزودن آیتم ها به localStorage

رایگان 06:40

71

دریافت و نمایش آیتم ها از localStorage

رایگان 04:09

72

حذف آیتم از localStorage

رایگان 06:10

73

قرار دادن آیتم برای ویرایش

رایگان 09:39

74

ویرایش آیتم

رایگان 10:21

75

آپلود پروژه روی سرور (deploy)

رایگان 07:04
سخن پایانی و ادامه مسیر شامل 1 قسمت

76

سخن پایانی و ادامه مسیر

رایگان 06:43

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 10:20:49

تعداد ویدیو 76

وضعیت دوره : کامل شده

قیمت دوره : رایگان

برای دانلود ابتدا وارد سایت شوید

دسته بندی دوره ها

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی

کامل شده

آموزش رایگان css grid (سی اس اس گرید) پروژه محور

بعد از فلکس باکس ماژول دیگری نیز برای صفحه آرایی معرفی شد به نام CSS Grid که باعث شد تا قدرت ما در صفحه آرایی بیشتر شود...

رایگان

05:06:22

کامل شده

آموزش oop (شی گرایی) در javascript (جاوااسکریپت) پروژه محور

برنامه نویسی شی گرایی (oop) که برگرفته از Object-Oriented Programming هست یک الگو یا روش برنامه نویسی می باشد که اساس ای...

299,000 تومان

06:13:20

کامل شده

آموزش Sass پروژه محور

اگر به تازگی وارد دنیای طراحی وب شده‌اید مطمئنا نام Sass یا پیش‌پردازنده‌ها را شنیده‌اید. اگر مطمئن نیستید که Sass چیست...

رایگان

02:28:26

کامل شده

آموزش FlexBox پروژه محور

Flexbox ها کدهای جدید در CSS می باشند که توسط W۳C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها...

رایگان

01:57:13

مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

آشنایی با DOM (Document Object Model)

توضیحات

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

آشنایی با javascript (جاوا اسکریپت)

تفاوت جاوا اسکریپت با اکما اسکریپت (ecmascript)

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

افزودن کدهای جاوا اسکریپت به پروژه

console در جاوا اسکریپت

variables (متغیرها) قسمت اول

variables (متغیرها) قسمت دوم

data type (انواع متغیر)

تفاوت نوع refrence و primitive

مبحث type casting

operators (عملگرها) قسمت اول

operators (عملگرها) قسمت دوم

کار با string (رشته)

کار با number (اعداد)

آشنایی با array (آرایه)

متد های array

nesting در array

آشنایی با object (آبجکت)

متدهای object

مبحث destrucuring و naming

آشنایی با JSON

آشنایی با function (تابع)

محدوده متغیرها (scope) و global

توابع decloration و expression

تابع arrow

تابع Immediately Invoked Function Expression (IIFE)

دستور if

دستور else-if

دستور switch

مقادیر truthy و falsy

عملگرهای منطقی قسمت اول

عملگرهای منطقی قسمت دوم

عملگر ternary

حلقه for

حلقه while و do-while

حلقه for-of

حلقه for-in

متد forEach

متد filter و every

متد map

متد reduce

آشنایی با DOM (Document Object Model)

پراپرتی های DOM

مبحث DOM selector قسمت اول

مبحث DOM selector قسمت دوم

ایجاد و افزودن element (تگ)

جایگزین کردن element (تگ)

حذف element (تگ)

پراپرتی ها و متد های class

آشنایی با event listener

رویدادهای mouse

آشنایی با event object

رویدادهای keyboard

رویدادهای input

رویداد ارسال فرم

مبحث event bubbling

مبحث event delegation

رویداد window و لود صفحه

آشنایی با module

کلمات کلیدی export و import

کلمات کلیدی as و default

آشنایی با localStorage

ذخیره و دریافت از localStorage

ویرایش و حذف از localStorage

معرفی پروژه

افزودن آیتم به لیست

حذف آیتم ها

تغییر صفحه (UI) با حذف آیتم ها

فیلتر آیتم ها

افزودن آیتم ها به localStorage

دریافت و نمایش آیتم ها از localStorage

حذف آیتم از localStorage

قرار دادن آیتم برای ویرایش

ویرایش آیتم

آپلود پروژه روی سرور (deploy)

سخن پایانی و ادامه مسیر

اطلاعات دوره