آموزش اینسپکت المنت (Inspect Element) – جلسه 1

آموزش اینسپکت المنت

آموزش اینسپکت المنت (Inspect Element) – جلسه 1

آموزش اینسپکت المنت (Inspect Element): این دوره در رابطه با اینسپکت المنت یا دولوپر تولز (Developer Tools) است. مرورگرهای پیشرفته موجود، ابزاری را تحت عنوان اینسپکت المنت در خود تعبیه کرده اند که قابلیت عیب یابی را به برنامه نویسان وب میدهد.

به وسیله این ابزار میتوان کدهای رندر شده در وب سایت که با زبان های HTML (Hyper Text Markup Language) ، CSS (Cascade Style Sheet) و جاوا اسکریپت (Java Script) نوشته شده است را خواند، بررسی کرد و تغییر داد.

در تصویر زیر، پنجره اینسپکت المنت در مرورگر گوگل کروم (Google Chrome) قابل مشاهده است.

موضوعاتی که قرار است در دوره آموزش اینسپکت المنت مورد بررسی قرار گیرد:

  • بررسی کدها
  • تغییر المنت ها
  • تغییر استایل ها
  • اضافه کردن استایل
  • تب کنسول (Console)
  • اجرای کد جاوا اسکریپت در کنسول
  • تب سورس (Source Tab)
  • تب نتورک (Network Tab)
  • اسنیف اطلاعات رد و بدل شده (Sniff Data)
  • خواندن هدرهای HTTP
  • تغییر سرعت اینترنت
  • بررسی ریسپانسیو بودن وبسایت (Responsive)

 

همچنین در ادامه دوره به بررسی و تغییر برخی از کدهای وب سایت‌هایی مثل اینستاگرام خواهیم پرداخت. تغییراتی مثل :

  • ویرایش لایو صفحه
  • تغییر قیمت در وبسایت ها
  • افزایش فالوور اینستاگرام
  • دور زدن نظرسنجی ها
  • ذخیره تصاویر از وبسایت ها
  • نمایش رمزهای عبور
  • تیک آبی اینستاگرام
  • ذخیره تصاویر و ویدیوها از اینستاگرام

 

قدم به قدم با آموزش‌های این دوره در سایت هولوسن همراه باشید تا بتوانید اینسپکت المنت را به صورت حرفه‌ای بیاموزید.

فیلم آموزش اینسپکت المنت (Inspect Element) – جلسه اول

با دقت فیلم آموزشی زیر را نگاه کنید. در هر مرحله در صورت داشتن سوال، نکته و یا ابهام می توانید از طریق قسمت نظرات، با مدرس در ارتباط باشید.

تمام ویدیو‌های آموزش  Inspect Element

پیامی ثبت نشده است

فرم ارسال نظر