آموزش اشکال زدایی سایتها با استفاده از Chrome DevTools

Debugging Sites Using Chrome DevTools

Video Player is loading.
Current Time 0:00
Duration -:-
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      توضیحات دوره: Google Chrome با مجموعه ای قدرتمند از ابزارها برای کمک به توسعه دهندگان در عیب یابی وب سایت ها ، عرضه می شود. این دوره به شما یاد می دهد که چگونه از این ابزارها برای عیب یابی و رفع مشکلات HTML ، CSS و JavaScript یک سایت استفاده کنید. اشکال زدایی از برنامه های وب سمت مشتری ممکن است دشوار باشد زیرا شامل ترکیبی پیچیده از HTML ، CSS و JavaScript در عین ذخیره سازی است. داده ها در مورد مشتری و ارتباط مداوم با وب سرور. در این دوره ، اشکال زدایی سایتها با استفاده از Chrome DevTools ، شما می آموزید که چگونه از مجموعه قدرتمندی از ابزارهای موجود در Chrome برای تشخیص و رفع سریع مشکلات برنامه های سمت مشتری استفاده کنید. ابتدا یاد خواهید گرفت که چگونه ساختار و سبک یک سایت را بررسی و ویرایش کنید تا مطمئن شوید طرح های شما به درستی پیاده سازی شده اند. در مرحله بعدی ، خواهید فهمید که چگونه می توانید به طور کامل از قدرت کنسول مرورگر برای ورود به سیستم خروجی ، اجرای جاوا اسکریپت و عیب یابی استفاده کنید. سرانجام ، شما نحوه کاوش و اشکال زدایی از کد JavaScript را مستقیم در مرورگر کشف کرده و دوباره راه حل ها را به محیط توسعه خود ذخیره کنید. وقتی این دوره را به پایان رسانید ، مهارت های لازم برای رفع اشکال از برنامه های وب مدرن سمت مشتری را خواهید داشت.

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

      بررسی اجمالی دوره Course Overview

      • بررسی اجمالی دوره Course Overview

      درک قابلیت های Chrome DevTools Understanding the Capabilities of Chrome DevTools

      • اهمیت اشکال زدایی در مرورگر The Importance of Debugging in the Browser

      • سناریوهای بررسی اجمالی و اشکال زدایی پروژه آزمایشی Demo Project Overview and Debugging Scenarios

      • بررسی موارد ممکن با Chrome DevTools Exploring What's Possible with Chrome DevTools

      بررسی و ویرایش صفحات وب Examining and Editing Web Pages

      • درک تفاوت بین HTML و DOM Understanding the Difference between HTML and the DOM

      • با استفاده از پانل عناصر برای پیدا کردن و اصلاح موارد در DOM Using the Elements Panel to Find and Modify Items in the DOM

      • عیب یابی و اصلاح سبک های CSS Troubleshooting and Modifying CSS Styles

      • ذخیره تغییرات در پرونده ها با فضای کاری Saving Changes to Files with Workspaces

      • استفاده از حالت دستگاه برای تقلید از چندین دستگاه Using Device Mode to Emulate Multiple Devices

      با استفاده از کنسول Using the Console

      • درک ، پیمایش و ایجاد پیام های ورود به سیستم Understanding, Navigating, and Creating Log Messages

      • اشکال زدایی با Console API Debugging with the Console API

      • اجرای جاوا اسکریپت و استفاده از API Utilities Running JavaScript and Using the Utilities API

      • ایجاد و نظارت بر بیان زنده Creating and Monitoring a Live Expression

      اشکال زدایی از JavaScript Debugging JavaScript

      • درک و استفاده از پنل منابع Understanding and Using the Sources Panel

      • ایجاد نقاط شکست و گام برداشتن در کد Creating Breakpoints and Stepping through Code

      • استفاده از Source Source برای رفع اشکال کد پیش پردازش شده Using Source Maps to Debug Preprocessed Code

      • ایجاد و استفاده از اسنیپت ها Creating and Using Snippets

      مشاهده ارتباطات شبکه و داده های محلی Viewing Network Communication and Local Data

      • استفاده از پانل شبکه برای بررسی ارتباطات سرور Using the Network Panel to Inspect Server Communication

      • مشاهده و ویرایش اطلاعات ذخیره سازی محلی Viewing and Editing Local Storage Data

      نمایش نظرات

      نظری ارسال نشده است.

      آموزش اشکال زدایی سایتها با استفاده از Chrome DevTools
      خرید اشتراک و دانلودخرید تکی و دانلود | 210,000 تومان (5 روز مهلت دانلود ) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 2 تا 14 ساعت می باشد.
      جزییات دوره
      1h 46m
      19
      Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
      (آخرین آپدیت)
      87
      4.9 از 5
      دارد
      دارد
      دارد
      Brice Wilson
      جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

      Google Chrome Browser

      Internet Download Manager

      Pot Player

      Winrar

      Brice Wilson Brice Wilson

      توسعه دهنده و مربی نرم افزار

      Brice Wilson یک توسعه دهنده و مربی نرم افزار است.

      Brice Wilson بیش از 30 سال است که یک توسعه دهنده حرفه ای بوده و از ابزارها و برنامه نویسی زیادی استفاده کرده است. زبان ها در آن دوران او به عنوان یک توسعه دهنده و معمار برای تعدادی از شرکت های بزرگ کار کرده است و از یادگیری، آزمایش و آموزش فناوری های جدید لذت می برد. علایق فعلی او بر روی توسعه وب سمت سرور و مشتری متمرکز است.