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

ویدئوهای DOM

بررسی انواع سلکتورها در CSS

بررسی انواع سلکتورها در CSS

video-time01:14:47

در این درس ابتدا مفهوم درخت DOM به طور مختصر تشریح شده، سپس به بررسی انواع سلکتورها در CSS پرداخته شده است.

ابتدا از سلکتورهای ساده در CSS شروع کرده، سپس به سلکتورهای ترکیبی و همچنین سلکتورهای خاصیت و کلاسهای کاذب پرداخته شده است.

همچنین بیشتر سلکتورهای CSS3 در این درس معرفی شده اند. اما برخی موارد به درسهای بعدی و مباحث مربوطه موکول شده اند.

کار با عناصر صفحه – بخش سوم

کار با عناصر صفحه – بخش سوم

video-time01:08:04

در این درس به معرفی متدهایی جهت کار با موقعیت مکانی و ابعاد عناصر صفحه مانند : offset , position , scrollTop , scrollLeft)پرداخته شده است.

همچنین متدهایی در رابطه با DOM Manipulation در ادامه معرفی شده اند.

همچنین در انتهای درس یک مثال عملی با مباحث مطرح شده انجام داده شده است.

آشنایی با XML و افزونه‌ی DOM

آشنایی با XML و افزونه‌ی DOM

video-time01:37:15

در این درس در ابتدا به معرفی XML پرداخته شده است که یکی از تکنولوژی های بسیار مهم در برنامه نویسی وب و به خصوص در مبحث وب‌سرویس‌ها می‌باشد.

سپس به طور مختصر برخی از مشتقات آن مانند RSS و Atom مورد بررسی قرار گرفته اند.

سپس به معرفی افزونه‌ی DOM که قدرتمندترین افزونه‌ی PHP برای کار با اسناد XML است پرداخته شده و با استفاده از این افزونه مثال‌هایی مانند به دست آوردن رتبه‌ی Alexa یک سایت به صورت برنامه نویسی شده، استفاده از فایل های XML به عنوان دیتابیس و … انجام داده شده است.

در انتها نیز به بررسی پروتکل Sitemap پرداخته شده که یکی دیگر از مشتقات XML است و نحوه‌ی ایجاد Sitemap با یک مثال عملی تشریح شده است.

بررسی دقیق تر مدل DOM – بخش سوم

بررسی دقیق تر مدل DOM – بخش سوم

video-time00:56:56

ضمن معرفی چند خاصیت جدید که در HTML5 به مدل DOM اضافه شده‌اند (مانند readyState , dataset و …) به بررسی یکی از مهمترین مباحث مدل DOM یعنی کار با Style های CSS و styleSheet ها پرداخته شده.

یکی از مهمترین قایلیت های جاوا اسکریپت، قابلیت دسترسی به Style ها و تغییر آنها به صورت پویا می‌باشد. که در این درس با جزئیات زیادی به این موضوع پرداخته شده است.

در پایان این درس با ارائه چندین مثال نحوه استفاده از این قابلیت جاوا اسکریپت خیلی واضح تشریح شده است و مثال‌هایی مانند ایجاد پنجره‌های Popup و ایجاد transition ارائه شده است.

بررسی دقیق تر مدل DOM – بخش دوم

بررسی دقیق تر مدل DOM – بخش دوم

video-time01:18:01

در این در ابتدا به بررسی نحوه‌ی ایجاد گره‌های DOM به صورت پویا توسط جاوا اسکریپت پرداخته شده و در ادامه به بررسی Selectors API ها در جاوا اسکریپت پرداخته شده که قدرت زیادی را در انتخاب عناصر صفحه به برنامه نویس می‌دهند.

با استفاده از Selectors API می‌توان با استفاده از سلکتورهای قدرتمند CSS عناصر صفحه‌ی وب را در جاوا اسکریپت انتخاب کرد.

همچنین مبحث Markup Insertion و خاصیت های innerHTML و textContent در این درس تشریح شده اند. در پایان هم یک مثال عملی جالب مطرح شده که مربوط به طراحی کامل بازی معروف Tic-Tac-Toe توسط جاوا اسکریپت می‌باشد.

بررسی دقیق تر مدل DOM – بخش اول

بررسی دقیق تر مدل DOM – بخش اول

video-time01:00:01

مدل DOM  یا Document Object Model مهمترین موضوع در زمینه‌ی با برنامه نویسی با JavaScript می باشد.

به همین دلیل طی این درس و دو درس بعدی تمام مفاهیم مربوط به آن به شکلی دقیق و کامل ارائه می‌شوند.
در این درس ابتدا به بررسی مفهوم مدل DOM و مفهوم گره ها پرداخته شده است.

سپس از آن رابطه‌‌ی بین گره ها (Relationship)، انتخاب کردن گرها و ایجاد تغییرات بر روی گره ها تشریح شده است.

متدهایی مانند appendChild و insertBefore و nextSibling و … در این درس مورد بررسی قرار گرفته اند و در بخش عملی این درس نحوه‌ی استفاده از این متدها در عمل نشان داده شده است.

آشنایی مقدماتی با BOM ، DOM و رویدادها

آشنایی مقدماتی با BOM ، DOM و رویدادها

video-time00:47:25

در این درس با سه مفهوم بسیار مهم در زبان JavaScript یعنی مدل BOM و مدل DOM و همینطور رویدادها (Events) آشنا خواهید شد.

البته در این این سه مبحث به صورت مقدماتی و به همراه چند مثال ساده بیان شده‌اند و مباحث تکمیلی در رابطه با هریک از این مباحث در دروس بعدی ارائه خواهند شد.

لازم است تا مباحث مطرح شده در این درس را به خوبی فرا بگیرید. چرا که تا پایان این دوره از این مباحث به طور مکرر استفاده خواهد شد.

کلیه حقوق مادی و معنوی این سایت متعلق به OTedia.com است و نشر محتوای آن به هر نحوی غیر قانونی است.