در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

آموزش طراحی وب صفر تا صد قسمت 52 : آموزش کار با DOM

آموزش طراحی وب صفر تا صد قسمت 52 : آموزش کار با DOM

برای استفاده از این فیلم آموزشی باید هزینه آن را پرداخت کنید.

شما می توانید 3 دقیقه از این ویدیو را به صورت رایگان مشاهده کنید

در این قسمت از دوره آموزشی طراحی وب به یکی از مباحث بسیار مهم در جاوا اسکریپت یعنی Document Object Model یا DOM خواهیم پرداخت. بوسیله ساختار DOM می توان به المان های روی صفحه دسترسی داشت و بوسیله کد جاوا اسکریپت تغییراتی را بر روی آن ها اعمال کرد. مبحث DOM بسیار گسترده است و نمی توان کلیه مباحث مرتبط با آن را در دو یا سه قسمت توضیح داد، اما سعی می شود که مباحثی که برای انجام کارهای معمول مورد نیاز است را در این دوره پوشش دهیم. این قسمت اولین بخش از مباحث مربوط به DOM می باشد که در با مباحث زیر آشنا خواهیم شد:

  1. آشنایی اولیه با DOM و ساختار آن
  2. آشنایی با Node ها و Child Node ها
  3. بررسی شئ document و کاربر آن در DOM
  4. نحوه بدست آوردن یک المان بر اساس ID بوسیله تابع getElementById
  5. نحوه بدست آوردن یک یا چند المان بر اساس نام تگ بوسیله getElementsByTagName
  6. نحوه بدست آوردن یک یا چند المان بر اساس نام کلاس بوسیله getElementsByClassName
  7. آشنایی با خصوصیت innerHTML و استفاده از آن برای تغییر محتویات یک المان
  8. آشنایی اولیه با مجموعه های anchors و forms و images و links
  9. آشنایی با خصوصیت childNodes و کاربرد آن برای بدست آوردن تگ های فرزند یک تگ مشخص
  10. آشنایی با خصوصیت parentNode
  11. آشنایی با تفاوت element و node
  12. بررسی خصوصیت های nextSibling و previousSibling برای بدست آوردن تگ های قبلی و بعدی هم مرتبه
  13. آشنایی با کاربر دستور for در بدست آوردن خصوصیت های تعریف شده یک شئ
  14. کار با attribute ها و آشنایی با توابع getAttribute و setAttribute

مدرس: حسین احمدی
منبع: ITpro
#آموزش_html #آموزش_طراحی_وب #دوره_آموزشی_جاوا_اسکریپت #فیلم_آموزشی_طراحی_وب #کار_با_dom_در_جاوا_اسکریپت #آموزش_جاوا_اسکریپت #آموزش_css #دوره_آموزشی_طراحی_وب #فیلم_آموزشی_جاوا_اسکریپت
عنوان
1 آموزش طراحی وب صفر تا صد قسمت 1 : مقدمه ای بر دوره 23′:39″ رایگان
2 آموزش طراحی وب صفر تا صد قسمت 2 : ساختار HTML 32′:29″ 5,500
3 آموزش طراحی وب صفر تا صد قسمت 3 : قالب بندی متن ها 41′:38″ 5,500
4 آموزش طراحی وب صفر تا صد قسمت 4 : ماهیت برچسب ها در HTML 50′:55″ 6,600
5 آموزش طراحی وب صفر تا صد قسمت 5 : استفاده از Link ها 37′:28″ 4,400
6 آموزش طراحی وب صفر تا صد قسمت 6 : کار با تصاویر در HTML 27′:0″ رایگان
7 آموزش طراحی وب صفر تا صد قسمت 7 : کار با جداول در HTML 36′:56″ 4,400
8 آموزش طراحی وب صفر تا صد قسمت 8 : فرم ها و ورود اطلاعات 54′:58″ 8,250
9 آموزش طراحی وب صفر تا صد قسمت 9 : آشنایی اولیه با CSS 48′:21″ رایگان
10 آموزش طراحی وب صفر تا صد قسمت 10 : کار کردن با فونت و متن در CSS 32′:47″ 5,500
11 آموزش طراحی وب صفر تا صد قسمت 11 : بک گراند در CSS 21′:0″ 4,400
12 آموزش طراحی وب صفر تا صد قسمت 12 : Display و Visibility در CSS 11′:39″ رایگان
13 آموزش طراحی وب صفر تا صد قسمت 13 : مفهوم BoxModel 31′:15″ 7,700
14 آموزش طراحی وب صفر تا صد قسمت 14 : Position ها در HTML و CSS 27′:31″ 6,600
15 آموزش طراحی وب صفر تا صد قسمت 15 : استفاده از Pseudo Class ها 18′:36″ رایگان
16 آموزش طراحی وب صفر تا صد قسمت 16 : ایجاد Navigation ها 16′:3″ 5,500
17 آموزش طراحی وب صفر تا صد قسمت 17 : ایجاد منوهای کشویی با HTML 21′:48″ 5,500
18 آموزش طراحی وب صفر تا صد قسمت 18 : ایجاد Mega Menu ها 9′:13″ رایگان
19 آموزش طراحی وب صفر تا صد قسمت 19 : خاصیت Float و Layout 34′:23″ 7,150
20 آموزش طراحی وب صفر تا صد قسمت 20 : آشنایی با Pseudo Element ها 15′:52″ رایگان
21 آموزش طراحی وب صفر تا صد قسمت 21 : آشنایی با Grid System 1:5′:29″ 10,450
22 آموزش طراحی وب صفر تا صد قسمت 22 : آموزش CSS Reset 6′:32″ رایگان
23 آموزش طراحی وب صفر تا صد قسمت 23 : آشنایی اولیه با HTML5 34′:56″ 4,070
24 آموزش طراحی وب صفر تا صد قسمت 24 : طراحی وب سایت خبری : بخش 1 47′:39″ 5,500
25 آموزش طراحی وب صفر تا صد قسمت 25 : استفاده از Font-Face در CSS 15′:57″ رایگان
26 آموزش طراحی وب صفر تا صد قسمت 26 : طراحی وب سایت خبری : بخش 2 1:2′:1″ 7,700
27 آموزش طراحی وب صفر تا صد قسمت 27 : طراحی وب سایت خبری : بخش 3 37′:24″ 3,300
28 آموزش طراحی وب صفر تا صد قسمت 28 : مقدمه ای بر CSS3 21′:0″ رایگان
29 آموزش طراحی وب صفر تا صد قسمت 29 : Background و Color در CSS3 23′:45″ 4,400
30 آموزش طراحی وب صفر تا صد قسمت 30 : آشنایی با Gradient ها در CSS3 17′:9″ رایگان
31 آموزش طراحی وب صفر تا صد قسمت 31 : کار با سایه ها در CSS3 21′:25″ 6,050
32 آموزش طراحی وب صفر تا صد قسمت 32 : خصوصیت های کار با متن در CSS3 10′:48″ رایگان
33 آموزش طراحی وب صفر تا صد قسمت 33 : Transform ها در CSS3 18′:2″ 4,950
34 آموزش طراحی وب صفر تا صد قسمت 34 : آشنایی با محیط سه بعدی (3D) 17′:11″ 4,950
35 آموزش طراحی وب صفر تا صد قسمت 34 : Transition در CSS3 15′:51″ رایگان
36 آموزش طراحی وب صفر تا صد قسمت 36 : ایجاد مکعب سه بعدی (3D Cube) 20′:23″ 6,050
37 آموزش طراحی وب صفر تا صد قسمت 37 : ایجاد Animation در CSS3 23′:28″ 5,500
38 آموزش طراحی وب صفر تا صد قسمت 38 : Multiple Columns 16′:21″ رایگان
39 آموزش طراحی وب صفر تا صد قسمت 39 : آشنایی با Flexbox در CSS3 18′:27″ رایگان
40 آموزش طراحی وب صفر تا صد قسمت 40 : طراحی واکنشگرا یا Responsive 33′:35″ 9,790
41 آموزش طراحی وب صفر تا صد قسمت 41 : آشنایی با تکنیک Sprite Images 20′:5″ 4,950
42 آموزش طراحی وب صفر تا صد قسمت 42 : آشنایی با Font Awesome 19′:38″ رایگان
43 آموزش طراحی وب صفر تا صد قسمت 43 : آشنایی با تکنیک Flipcard 13′:26″ 4,290
44 آموزش طراحی وب صفر تا صد قسمت 44 : تکنیک Hover Effect 17′:23″ رایگان
45 آموزش طراحی وب صفر تا صد قسمت 44 : آموزش جاوااسکریپت (JavaScript) 15′:49″ رایگان
46 آموزش طراحی وب صفر تا صد قسمت 46 : مفاهیم اولیه در جاوا اسکریپت 20′:10″ رایگان
47 آموزش طراحی وب صفر تا صد قسمت 47 : نوع های داده و عملگرها 42′:24″ 8,250
48 آموزش طراحی وب صفر تا صد قسمت 48 : مباحث تکمیلی نوع های داده 30′:15″ رایگان
49 آموزش طراحی وب صفر تا صد قسمت 49 : آشنایی با حلقه ها (Loops) 21′:0″ 4,950
50 آموزش طراحی وب صفر تا صد قسمت 50 : دستورات کنترلی if و switch 19′:31″ رایگان
51 آموزش طراحی وب صفر تا صد قسمت 51 : آشنایی با توابع (Functions) 18′:34″ 5,500
52 آموزش طراحی وب صفر تا صد قسمت 52 : آموزش کار با DOM 40′:16″ 9,350
53 آموزش طراحی وب صفر تا صد قسمت 53 : آموزش کار با DOM 14′:15″ 4,950
54 آموزش طراحی وب صفر تا صد قسمت 54 : آموزش کار با DOM 5′:31″ رایگان
55 آموزش طراحی وب صفر تا صد قسمت 55 : آموزش کار با DOM 54′:9″ 8,800
56 آموزش طراحی وب صفر تا صد قسمت 56 : آشنایی با BOM 28′:25″ رایگان
57 آموزش طراحی وب صفر تا صد قسمت 57 : کار با فرم ها در JavaScript 34′:19″ 4,950
58 آموزش طراحی وب صفر تا صد قسمت 58 : آموزش Timing Events 12′:16″ رایگان
59 آموزش طراحی وب صفر تا صد قسمت 59 : چند مثال کاربردی JavaScript 32′:45″ 4,950
زمان و قیمت کل 26:21′:5″ 210,650
14 نظر
Gelareh Soluki

سلام روز بخیر

عذرمیخوام ی سوال

شما این قسمت میگید tags از نوع 1 هستن یعنی چی؟

if (element.childnode[index].nodetype !=1)

این دستور رو برای دسترسی به tags داخل div نوشتید

میشه بهتر توضیح بدید

من متوجه نشدم

مرسی!

بعد ی سوال دیگه استاد

قبلش ی alert گفتید

به این صورت

alert(element.childnode[].nodetype)

که برای از نوع #text

مقدارش رو 3 نشون میده

من متوجه نمیشم

اینا مقدار ثابت هستن

مثلا برای tags همیشه 1 هست

1 یعنی چی؟

Gelareh Soluki

من نمیدونم الان واسه کدوم قسمت های طراحی صفحات از java استفاده میشه

راهنمااییم کنید

برای مشاهده نظرات مدرس باید این ویدیو را خریداری کنید.

Gelareh Soluki

مرسی از توضیحتون

استاد من بعد الان میخوام بعد از این دوره دوره ی jquery شمارو ببینم

بنظرتون تا همونجا که آموزش دادید رو خوبه که بخونم و بعدش رو search کنم منظورم جاهایی که آموزش ندادید

یعنی فرصت نداشتید

الان به مشکل برمیخورم واسه ی ایجاد صفحات؟

برای مشاهده نظرات مدرس باید این ویدیو را خریداری کنید.

Gelareh Soluki

متوجه شدم

بعد اینکه شما مفاهیم رو مثلا در javascript میگید اما کار باهاش واقعا سخته و اینکه بخوام چطوری ازش استفاده کنم رو نمیدونم

و این منو ی کم نا امید کرده که نشه اونجور که میخوام

منطورم توی طراحی به مشکل بر بخورم

برای مشاهده نظرات مدرس باید این ویدیو را خریداری کنید.

Gelareh Soluki

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

مرسی که راهنمایی میکنید منو

مرسی که هستید!

Gelareh Soluki

استاد اول اینارو کامل یاد بگیرم بعد برم سمت سرور

؟

من php میخوام بخونم

برای مشاهده نظرات مدرس باید این ویدیو را خریداری کنید.

Gelareh Soluki

مرسی از شما :)

Gelareh Soluki

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

ببخشید این ی سوال سادس اما میشه بگید

function plusSlides(n) {
  showSlides(slideIndex += n);
}

این n=+

مثله همون n++ هست؟

برای مشاهده نظرات مدرس باید این ویدیو را خریداری کنید.

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره تابستانه می تونی امروز ارزونتر از فردا خرید کنی ....