JavaScript Tutorial
indexjavascript history javascript versions environment setup variables and data typesOperatorsstrings and numbers programming constructs arrays built in objects functions objects call apply bind closures error handling debugging CallbacksJS in Browser
BOM and DOMBrowser EventsWeb APIAjaxJQueryMost popular librariesAdvanced
prototypes Object Oriented ProgrammingModulesAsynchronous programmingBinary DataInternationalizationreactangularjsProjectsMiscellaneous
typescriptJS ecosystemChrome dev toolstesting frameworksInterview questions and AnswersChrome dev tools
Chrome dev tools are very useful for debugging web applications. You can do below things using chrome dev tools.- Inspect and manipulate html elements in Elements panel. You can also view CSS properties of elements and box model in this panel
- Run JS in Console panel after page is loaded
- Debug JS in Sources panel of dev tools
- Monitor network requests/responses in Network panel
- View storage, cache, frames and background services in Application panel
- Measure performance of website/page in Performane panel
- Create lighhouse report in Lighthouse panel
Web development and Automation testing
solutions delivered!!