illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6337 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

دوره مجازی جاوااسکریپت (جلسه 13): مدل DOM، شی document و انجام تغیرات پویا در صفحه وب

25 3908 ۳۱ خرداد ۹۴
در جلسه امروز در مورد شی document در مدل dom صحبت می کنیم و انواع ویژگی ها و متدهای اون رو معرفی می کنیم و آموزش میدیم. درون شی document مجموعه ای از ویژگی ها و متدها وجود داره که به ما اجازه میده با استفاده از جاوااسکریپت تغیرات پویا و جالبی رو در صفحات وب انجام بدیم. در انتهای این جلسه هم یک مینی پروژه انجام میدیم که به نحوه انجام تغیرات در صفحات وب با استفاده از جاوااسکریپت بیشتر اشنا بشید! مطالب مطرح شده در این جلسه عبارتند از :
  • معرفی شئ document و سند وب باز شده در پنجره مرورگر
  • معرفی و توضیح در مورد متدها و ویژگی های مختلف شی document
  • معرفی وضعیت های مختلف یک صفحه وب در هنگام لود شدن
  • نوشتن یک پروژه عملی جالب و تست کردن کدهای مختلف با شئ document
  • معرفی مفهوم کوکی ها و نحوه دریافت کوکی های فعال در مرورگر کاربر
  • انجام چندین عمل مختلف و تغیر در تگهای موجود در صفحات وب
این مطلب یک جلسه از دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 25 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    آقای آوند اگه من دعا کنم امشب والیبال رو ببریم چقدر بهم تخفیف میدین برای دوره php???

    • ‏‏
      لقمان آوند(۵ تیر ۱۳۹۴)

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

      • ‏‏

        بله خودمم میدونم برای عید فطر مگه نه 😛 😛 😛

      • ‏‏

        آقای آوند برای درج تاریخ انقضا در کوکی ها راه آسونتری نیست منظورم فرمت تاریخ انقضا هست و اینکه راهی هست که کوکی ها خودکار ساخته بشن.مطمئنا مدیران سایت ها نمیان برای تک تک اعضا کوکی هایی رو به صورت دستی بنویسند و ذخیره کنند.درسته؟
        سوال بعدی: آقای آوند راهی هست که خود php storm وقتی ما داریم کد مینویسیم حرف اول کلمات رو بزرگ بنویسه یا اینکه ما برای این کار باید کلید caps lock رو بزنیم؟

        • ‏‏
          لقمان آوند(۷ تیر ۱۳۹۴)

          سلام
          خودتون یه تابع بنویسید که پارامتر های زمان رو ورودی بگیره و اون تاریخو براتون برگردونه. یا اینکه تابعی که فقط تعداد ثانیه ها رو بگیره و به زمان کنونی اضافه کنه و به شما برگردونه تاریخ انقضا رو!
          نیازی نیست برای تک تک اعضا کوکی بنویسید. شما یه کوکی که ایجاد کنید و ست کنید تو مرورگر هر کاربری که صفحه رو باز کنه ثبت میشه !
          اون چیزی هم که تو phpStorm خواستید اصلا پیشنهاد نمیشه. تو برنامه نویسی دقت خیلی مهمه و نباید این کارا رو بزارید ادیتور انجام بده. یه جا ممکنه کاراکتری رو بزرگ و کوچیک کنه و کد شما دیگه کار نکنه…
          خودتون شیفت بگیرید و کاراکتر مربوطه رو همزمان بزنید که بزرگ نوشته شه !

        • ‏‏

          آقای آوند موقع استایل دهی به یک المنت در جاوااسکریپت چرا وقتی استایلی که با cssText دادیم رو بعد از استایلی که به صورت عادی دادیم میاریم استایل cssText اعمال نمیشه ولی برعکسش درست عمل میکنه؟

        • ‏‏
          لقمان آوند(۷ تیر ۱۳۹۴)

          csstext جایگزین همه استایل ها میشه. باید استایلها به اون اضافه بشه نه اینکه با انتساب مقداردهیش کنید.

        • ‏‏

          من مطابق با w3school استایل دهی کردم نمیدونم کجا اشتباه کردم ❗

        • ‏‏
          لقمان آوند(۸ تیر ۱۳۹۴)

          نکته ای که گفتم رو دقت کنید . وقتی cssText رو مقدار دهی کنید جایگزین کل مقادیر موجود در ویژگی style تگ میشه و قبلیا رو از بین میبره. پس اینطور استفاده کن :
          btn1.style.backgroundColor = "#fff";
          btn1.style.cssText += ";border:1px solid red;margin:2px;";

        • ‏‏

          بله درست شد اینطوری بهتر شد.اینجور نکته های ریز هم توی آموزش ها بگین دیگه هرچند وقتی خودمون به این مشکل ها برخورد کنیم و بعد بپرسیم بهتر در ذهن میمونه.بازم از آموزش خوبتون ممنونم.
          ❓ ❓ ❓

        • ‏‏
          لقمان آوند(۸ تیر ۱۳۹۴)

          این مورد رو نمونش رو گفتیم که کجا از انتساب استفادهبشه و کجا از =+ ! وقتی روش رو بدونید اینجور موارد براتون ساده میشه …

        • ‏‏

          اینم از تابع ایجاد کوکی:


          و فایل کامل تمرین که اطلاعاتی که کاربر در فرم وارد میکنه رو به صورت کوکی ذخیره میکنه:(شاید کاربری لازم داشته باشه )

          http://s6.picofile.com/d/604063f1-1b4e-45a1-8bfa-f0f243df576e/cookie.rar
          ❓ ❓ ❓

        • ‏‏
          لقمان آوند(۲۱ تیر ۱۳۹۴)

          ممنون

        • ‏‏
          فرهاد(۱۱ مهر ۱۳۹۴)

          آقای حسنی عزیز فکر می کنم تابع toGMTString که در تابع ایجاد کوکی نوشتید منسوخ شده هست. به جای اون باید از تابع toUTCString استفاده کنید. لینک رفرنس های w3school رو براتون می ذارم اونجا به این نکته اشاره کرده
          توی این صفحه ست:
          http://www.w3schools.com/jsref/jsref_obj_date.asp

        • ‏‏

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

  • ‏‏

    باشه ممنونم از راهنماییتون.
    به لیست پروژه هام اضافه میکنم و سرفرصت تلاشمو میکنم.(البته با کمک شما) ❓

    • ‏‏

      آخه چرا این کامنت من تایید نمیشه؟؟؟

      • ‏‏
        لقمان آوند(۱۹ تیر ۱۳۹۴)

        چون فرصت نکردم بررسی کنم
        وقتم محدوده فعلاذو نمی تونم کدهای جانبی رو بررسی کنم
        اگر فرصت بشه حتما چک می کنم و پاسخ میدم. برای همین فعلا در انتظار بررسی گذاشتم…

        • ‏‏

          سلام خوب شد بررسی نکردین چون خودم درستش کردم فقط یه کم کدهاش زیاد شده که اگه بشه با حلقه ها مختصرش میکنم:
          http://s6.picofile.com/d/21a76b84-3c69-401e-aa1e-a1136b87783f/spiderV2.rar

        • ‏‏
          لقمان آوند(۲۹ تیر ۱۳۹۴)

          خوب شده.
          داری از ما سرتر میشی …
          معلومه خیلی با علاقه در حال یادگیری هستی …

    • ‏‏

      لینک بازی اصلاح شده:
      http://s6.picofile.com/d/50b7f914-df33-48a7-885d-1d712cb77699/game.rar

  • ‏‏
    فرهاد(۱۱ مهر ۱۳۹۴)

    استاد من وقتی از ویژگی document.documentURI استفاده می کنم می تونم آدرس uri رو بگیرم و مثلا در یک تگ html نمایش بدم . اما نمی تونم مقداری برای اون ست کنم. وقتی سعی می کنم مقداری براش ست کنم هیچ اتفاقی در مرور گر نمی افته. فکر هم نمی کنم به خاطر ورژن مرورگرم باشه چون ظاهرا این ویژگی فقط در مرورگر IE پشتیبانی نمی شه. به نظر شما مشکل از کجاست؟

  • ‏‏
    فرهاد(۱۱ مهر ۱۳۹۴)

    چون در توضیحی که در مستندات جاوا اسکریپت داده شده برای documentURI اینطور نوشته:
    Sets or returns the location of the document
    یعنی هم باید بشه باهاش URI رو ست کرد و هم میشه مقدارش رو برگردوند

    • ‏‏
      لقمان آوند(۱۱ مهر ۱۳۹۴)

      بله دقیقا مثل همون InnerHTML یه پراپرتی هست. هم می تونید مقدارش رو بخونید و آدرس سند رو بگیرید و هم می تونید با عملگر انتساب بهش مقدار بدید …
      ولی خوب نکته ای که هست اینه که آدرس سند که در جاوااسکریپت قابل تغیر نیست. اون سندی که باز شده از یه مسیر مشخص و معین باز شده و اگه چیزی هم بهش انتساب بدید احتمالا تغیر نمی کنه و read-only هست …

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram