Modular Tutorial on JavaScript Front-End Development cover

Modular Tutorial on JavaScript Front-End Development

Rating 3.5
Word count
280K words
Chapters
164
ISBN
9787115499165

Tags

Summary

Supported by HTML5, CSS3, JavaScript, and jQuery, and using WebStorm as the development environment, this book standardizes, modularizes, and componentizes the tasks involved in front-end web development. The book designs modules including zebra-striped tables, JavaScript carousels, photo albums, full-screen ads, tabs, pop-up boxes, drop-down menus, accordions, video playback, image effects, one-click multi-response, and window effects.

Editor's review

Published by Posts & Telecom Press and authored by Zhao Jianbao, Modular JavaScript Front-End Development focuses on the core of modern front-end development—modular thinking and practice—aiming to help developers gain a deep understanding of the evolution and implementation of JavaScript modularity from theory to application. The book systematically reviews mainstream modular solutions from CommonJS, AMD, and CMD to ES6 Module, and, in conjunction with build tools such as Webpack and Rollup, explains the practical application of modularity in engineering projects.

Zhao Jianbao has years of experience in front-end development and teaching, and his explanatory style emphasizes logic and practicality. He not only analyzes the design ideas and specification differences behind modularity but also provides a large number of actionable code examples and project cases, helping readers build a clear knowledge system. For developers who have already mastered the JavaScript basics and hope to delve into front-end engineering or who face chaotic code organization, this book is a highly instructive advanced reader. It helps readers understand how modularity improves code maintainability, reusability, and collaboration efficiency, and master the practical skills for integrating modular development into modern front-end workflows.

It should be noted that the book focuses on specialized knowledge of modularity and is not a complete zero-foundation introductory book. Readers need a certain foundation in JavaScript and front-end development to more effectively absorb the advanced content on module encapsulation, dependency management, and bundling optimization. Overall, the book is clearly structured and solid in content, and can serve as an important reference for front-end developers delving into the field of modularity.

Who it's for

A good fit for

  • Developers with a JavaScript foundation who want to systematically learn front-end modular development
  • Front-end engineers facing messy code organization and maintenance difficulties at work who are looking for engineering solutions
  • Technical personnel who want to understand how module handling works in build tools such as Webpack and Rollup
  • Learners interested in the front-end engineering ecosystem who want a deeper understanding of the evolution and design philosophy of modular specifications

Not a good fit for

  • Complete beginners with no JavaScript background (master the language basics first)
  • Pure theory researchers who only need shallow front-end knowledge and are not involved in actual project development

Reading tips

  1. Read and practice simultaneously; set up and run the book's code examples in a local environment.
  2. Apply the book's modular approaches to refactor one or two small real-world projects to deepen understanding.
  3. Focus on the chapters combining ES6 Modules with build tools, as this is the core of today's mainstream development model.

About the publisher

Posts & Telecom Press China · Founded in 1953

Posts & Telecom Press is known for its strengths in science and technology, computing, and information and communications titles, and has extended its publishing into photography, art, software learning, and inspirational growth, giving it a fairly diverse range. Its catalog includes computing and communications works such as Refactoring and Patterns (Revised Edition) and Huawei Switch Learning Guide (Second Edition), alongside bilingual collector's editions such as The Little Prince (Chinese-English-French illustrated collector's edition), The Great Gatsby, and Three Days to See. Beijing Ten Years: 1980-1990 and Ghost Blade: WLOP Personal Illustration Collection reflect its presence in photography and art. Its authors include Antoine de Saint-Exupéry, Helen Keller, Joshua Kerievsky, Wang Da, Zhang Zhaozeng, and WLOP.

Contents

  1. 版权信息
  2. 内容提要
  3. 前言
  4. 任务1 搭建JavaScript开发环境
  5. 1.1 任务导入
  6. 1.2 成果目标
  7. 1.3 核心知识
  8. 1.4 任务实施
  9. 1.5 强化训练
  10. 1.6 学习成果评量
  11. 任务2 斑马线表格制作
  12. 2.1 任务导入
  13. 2.2 成果目标
  14. 2.3 核心知识
  15. 2.4 任务实施
  16. 2.5 强化训练
  17. 2.6 学习成果评量
  18. 任务3 弹出消息框
  19. 3.1 任务导入
  20. 3.2 成果目标
  21. 3.3 核心知识
  22. 3.4 任务实施
  23. 3.5 强化训练
  24. 3.6 学习成果评量
  25. 任务4 图片缩放特效
  26. 4.1 任务导入
  27. 4.2 成果目标
  28. 4.3 核心知识
  29. 4.4 任务实施
  30. 4.5 强化训练
  31. 4.6 学习成果评量
  32. 任务5 网页换肤
  33. 5.1 任务导入
  34. 5.2 成果目标
  35. 5.3 核心知识
  36. 5.4 任务实施
  37. 5.5 强化训练
  38. 5.6 学习成果评量
  39. 任务6 下拉广告
  40. 6.1 任务导入
  41. 6.2 成果目标
  42. 6.3 核心知识
  43. 6.4 任务实施
  44. 6.5 强化训练
  45. 6.6 学习成果评量
  46. 任务7 轮播图
  47. 7.1 任务导入
  48. 7.2 成果目标
  49. 7.3 核心知识
  50. 7.4 任务实施
  51. 7.5 强化训练
  52. 7.6 学习成果评量
  53. 任务8 滚动公告
  54. 8.1 任务导入
  55. 8.2 学习成果
  56. 8.3 核心知识
  57. 8.4 任务实施
  58. 8.5 强化训练
  59. 8.6 学习成果评量
  60. 任务9 贷款计算器
  61. 9.1 任务导入
  62. 9.2 成果目标
  63. 9.3 核心知识
  64. 9.4 任务实施
  65. 9.5 强化训练
  66. 9.6 学习成果评量
  67. 任务10 计算器
  68. 10.1 任务导入
  69. 10.2 成果目标
  70. 10.3 核心知识
  71. 10.4 任务实施
  72. 10.5 强化训练
  73. 10.6 学习成果评量
  74. 任务11 投票
  75. 11.1 任务导入
  76. 11.2 成果目标
  77. 11.3 核心知识
  78. 11.4 任务实施
  79. 11.5 强化训练
  80. 11.6 学习成果评量
  81. 任务12 折叠面板
  82. 12.1 任务导入
  83. 12.2 成果目标
  84. 12.3 核心知识
  85. 12.4 任务实施
  86. 12.5 强化训练
  87. 12.6 学习成果评量
  88. 任务13 银行客服电话查询
  89. 13.1 任务导入
  90. 13.2 成果目标
  91. 13.3 核心知识
  92. 13.4 任务实施
  93. 13.5 强化训练
  94. 13.6 学习成果评量
  95. 任务14 省、市、区联动菜单
  96. 14.1 任务导入
  97. 14.2 成果目标
  98. 14.3 核心知识
  99. 14.4 任务实施
  100. 14.5 强化训练
  101. 14.6 学习成果评量
  102. 任务15 滚动监听
  103. 15.1 任务导入
  104. 15.2 成果目标
  105. 15.3 核心知识
  106. 15.4 任务实施
  107. 15.5 强化训练
  108. 15.6 学习成果评量
  109. 任务16 视频播放器
  110. 16.1 任务导入
  111. 16.2 成果目标
  112. 16.3 核心知识
  113. 16.4 任务实施
  114. 16.5 强化训练
  115. 16.6 学习成果评量
  116. 任务17 刮刮乐
  117. 17.1 任务导入
  118. 17.2 成果目标
  119. 17.3 核心知识
  120. 17.4 任务实施
  121. 17.5 强化训练
  122. 17.6 学习成果评量
  123. 任务18 微信运动步数统计图
  124. 18.1 任务导入
  125. 18.2 成果目标
  126. 18.3 核心知识
  127. 18.4 任务实施
  128. 18.5 强化训练
  129. 18.6 学习成果评量
  130. 任务19 相册
  131. 19.1 任务导入
  132. 19.2 成果目标
  133. 19.3 任务实施
  134. 19.4 强化训练
  135. 19.5 学习成果评量
  136. 任务20 选项卡
  137. 20.1 任务导入
  138. 20.2 成果目标
  139. 20.3 核心知识
  140. 20.4 任务实施
  141. 20.5 强化训练
  142. 20.6 学习成果评量
  143. 任务21 JavaScript抽奖器
  144. 21.1 任务导入
  145. 21.2 成果目标
  146. 21.3 核心知识
  147. 21.4 任务实施
  148. 21.5 强化训练
  149. 21.6 学习成果评量
  150. 任务22 座位预订程序
  151. 22.1 任务导入
  152. 22.2 成果目标
  153. 22.3 核心知识
  154. 22.4 任务实施
  155. 22.5 强化训练
  156. 22.6 学习成果评量
  157. 任务23 注册表单验证
  158. 23.1 任务导入
  159. 23.2 成果目标
  160. 23.3 核心知识
  161. 23.4 任务实施
  162. 23.5 强化训练
  163. 23.6 学习成果评量
  164. 参考文献

FAQ

What prior knowledge does this book require?
Readers should be comfortable with basic JavaScript syntax and common ES6 features (such as let/const and arrow functions), and have a basic understanding of HTML/CSS. Some experience with Node.js is a plus.
Which modular approaches does this book mainly cover?
The book systematically explains mainstream modular specifications including CommonJS, AMD, CMD, and ES6 Modules, and describes their applications and differences in browser and Node.js environments.
Does the book cover modern front-end build tools?
Yes. The book combines modular knowledge with the use of modern build tools such as Webpack and Rollup, explaining how to use these tools for module bundling, optimization, and engineering integration.

Related on WeRead

Comments

Find this book

This site is an index: you start “Search all sources” in your browser, and the entries it lists all point to third-party sites; please judge their availability yourself.

About the author

赵建保 Author

Zhao Jianbao is an author about whom little public information is available; what can be confirmed centers mainly on a single work. He wrote the book JavaScript Front-End Development Modular Tutorial, which is classified under programming and design and is aimed at learners of front-end development, explaining the ideas and methods of modular development around JavaScript, a core language in this field. Judging by the subject matter, Zhao Jianbao focuses on practical problems in front-end engineering, such as organizing code, dividing functionality, and improving maintainability, rather than offering a general introduction to the language. The word "tutorial" in the title indicates that the book is teaching-oriented, emphasizing step-by-step explanation and actionable content, and is suitable for readers who wish to understand modular development systematically. Because reliable records of his birth and death dates, nationality, and professional experience are unavailable, his personal biography cannot be presented here. Based on the available material, Zhao Jianbao's writing leans toward technical practice and the transmission of knowledge; although his output is small, it addresses a key issue in front-end development and offers readers some value in understanding JavaScript modularity.

Top rated in the same category