|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/the-inner-workings-of-the-browser-for-javascript-web-devs/
课程评论：没有评论
课程名称：JavaScript与网页开发者的浏览器内部工作原理 课程概述：浏览器是一个复杂的软件，它使用多种解析器，如HTML解析器、CSS解析器、渲染引擎、事件管理器和JavaScript编译器来完成各项任务。为使这些复杂概念简单且有趣，课程中采用了大量动画和图形展示。此外，课程将通过七个实际案例展示代码，帮助学员理解这些组件是如何协同工作的。掌握这些知识后，学员将能够像JavaScript编译器或各类解析器一样进行思考，从而轻松应对JavaScript中的困难和混淆概念。这为学习技术打下坚实基础，并帮助学员以更全面的视角进行技术学习。 课程内容包括： - 模型化、DOM与HTML解析器 - CSS、CSS解析器与CSSOM - 渲染引擎、绘制与渲染树 - DOM API和“document”对象 - BOM API和“window”对象 - 两个示例用例 - JavaScript及JavaScript编译器 - 一个JS编译器的示例用例 - 通过JavaScript为浏览器添加交互性 - 事件管理 - 通过按钮点击示例用例讲解JS事件 - 通过浏览器调整大小示例用例讲解JS事件 - 解析器之间的依赖关系与最佳实践 - 同步与异步函数 - 课程总结 这门课程适合希望深入理解浏览器工作原理及其对JavaScript编程影响的开发者。
Browser is a complex piece of software. It uses various parsers like HTML parser, CSS parser, rendering engine, events manager and JavaScript compiler to get the job done. To make these complex concepts simple and interesting, I use a lot of animations, and graphics. Further I go over 7 use cases with real code to show how all these things work! If you understand how all these work, you'll be able to think like JavaScript compiler or any of these parsers and you'll be able to handle difficult and confusing concepts in JS very easily. Further, this will give you a solid foundation and an approach to learning technology more holistically. You'll learn: Modeling, DOM and HTML parserCSS, CSS Parser and CSSOMRendering Engine, Painting and Render TreeDOM APIs and the "document" objectBOM APIs and the "window" objectTwo example use casesJavaScript and JavaScript compilerAn example use case with JS compilerAdding Interactivity to the browser via JavaScriptEventsA button click use case example showing JS eventsA browser resize use case example showing JS eventsDependencies between parsers and best practicesSynchronous and Asynchronous functionsSummary
