HTML+CSS+JavaScript Front-End Development (MOOC Edition) cover

HTML+CSS+JavaScript Front-End Development (MOOC Edition)

Rating 4.3
Word count
185K words
Chapters
153
ISBN
9787115453143

Tags

Summary

This book covers the latest technologies in HTML, CSS, and JavaScript, and explains the techniques and precautions for using these technologies in an easy-to-understand way. Through this book, readers can quickly master the fundamentals of HTML, CSS, and JavaScript, as well as the knowledge needed for web design and development, and can design and develop feature-rich pages.

The book is divided into 16 chapters, covering the basics of web design, getting started with HTML, tables in HTML, creating forms with HTML, using images, entering the multimedia world of HTML, an overview of CSS, selectors in CSS, common CSS properties, transforms and animations in CSS3, an overview of JavaScript, JavaScript fundamentals, JavaScript object-oriented programming, event handling in JavaScript, a comprehensive project—51 Shopping Mall, a course design—Game Park website, and experiments. Each chapter is closely integrated with examples, helping students understand and apply knowledge and achieve the goal of learning for practical use.

Editor's review

Chen Jie's HTML+CSS+JavaScript Front-End Development (MOOC Edition), a hands-on tutorial from Posts & Telecom Press, is clearly positioned for beginners with no prior experience or at an early stage of learning. Its standout feature is its integration with a MOOC platform: rather than simply digitizing print content, it restructures the knowledge system around the logic of online learning, emphasizing the integration of learning and practice. In terms of content organization, it follows the classic learning path for front-end technologies: HTML for structure, CSS for styling, and JavaScript for interaction. This layered, progressive approach aligns with how people learn and helps readers build a clear technical framework. The book offers abundant, practical cases, avoiding the dryness of pure theory without descending into a pile of fragmented code—a sign of the author's careful instructional design.

As an introductory book, it makes trade-offs in depth, with little coverage of advanced topics such as ES6+ features or front-end frameworks. This is both a limitation and a mark of its precision—it keeps beginners from being intimidated by the sprawling ecosystem and lets them first solidify the core fundamentals. If the accompanying MOOC resources are used effectively, they will greatly enhance continuity of learning and hands-on ability. Overall, this is a solid, dependable introductory guide, suitable as the first book for systematically learning front-end development. With sustained practice through online exercises, readers can quickly gain basic web development skills and lay the necessary foundation for later study of advanced JavaScript applications or frameworks.

Who it's for

A good fit for

  • Zero-foundation students in computer-related majors who want to systematically learn the core technologies of web development
  • Self-learners transitioning into front-end development who need an introductory tutorial with clear structure and abundant examples
  • Back-end or design professionals who want to supplement their front-end knowledge for better collaboration
  • Learners using MOOC platforms for online study who prefer close integration of theory and practice

Not a good fit for

  • Developers with extensive front-end experience who want to explore advanced topics such as frameworks and engineering practices
  • Readers seeking a quick shortcut or merely an overview of front-end development without hands-on practice

Reading tips

  1. Study the chapters in order and be sure to hand-code the examples in each chapter; understanding matters more than copying
  2. Make full use of the accompanying MOOC resources, cross-referencing video explanations with the book to deepen understanding
  3. After finishing each technology module (such as HTML or CSS), try independently building a small static page to consolidate what you have learned

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章 网页设计基础
  5. 1.1 万维网概述
  6. 1.2 HTML的概念
  7. 1.3 HTML开发组织
  8. 1.4 网页设计相关概念
  9. 1.5 网页的开发工具和浏览工具
  10. 1.6 网页制作相关技术
  11. 小结
  12. 习题
  13. 第2章 初识HTML
  14. 2.1 HTML概述
  15. 2.2 文字标签
  16. 2.3 段落标签
  17. 2.4 图片标签与列表标签
  18. 2.5 链接标签
  19. 小结
  20. 上机指导
  21. 习题
  22. 第3章 HTML中的表格
  23. 3.1 绘制表格
  24. 3.2 行标签<tr>的属性
  25. 3.3 单元格标签&lt;td&gt;的属性
  26. 3.4 表头标签&lt;th&gt;的属性
  27. 3.5 表格的结构标签
  28. 小结
  29. 上机指导
  30. 习题
  31. 第4章 使用HTML创建表单
  32. 4.1 表单概述
  33. 4.2 表单标签<form>
  34. 4.3 输入标签<input>
  35. 4.4 文本域标签——textarea
  36. 4.5 列表/菜单标签
  37. 4.6 HTML5新增表单属性
  38. 小结
  39. 上机指导
  40. 习题
  41. 第5章 使用图像
  42. 5.1 图片的基本格式
  43. 5.2 添加图像——img
  44. 5.3 设置图像属性
  45. 5.4 使用&lt;img&gt;标签插入avi文件
  46. 5.5 图像的超链接
  47. 小结
  48. 上机指导
  49. 习题
  50. 第6章 走进HTML的多媒体世界
  51. 6.1 设置滚动文字
  52. 6.2 &lt;audio&gt;标签和&lt;video&gt;标签
  53. 6.3 多媒体标签的基本属性及使用
  54. 6.4 多媒体标签的方法
  55. 6.5 多媒体标签的事件
  56. 小结
  57. 上机指导
  58. 习题
  59. 第7章 CSS概述
  60. 7.1 CSS的发展史
  61. 7.2 CSS3特性
  62. 7.3 主流浏览器对CSS的支持
  63. 7.4 一个简单的CSS示例
  64. 小结
  65. 习题
  66. 第8章 CSS中的选择器
  67. 8.1 选择器概述
  68. 8.2 基础选择器
  69. 8.3 其他选择器
  70. 8.4 伪类选择器及伪元素
  71. 小结
  72. 上机指导
  73. 习题
  74. 第9章 CSS常用属性
  75. 9.1 文本相关属性
  76. 9.2 背景相关属性
  77. 9.3 列表相关属性
  78. 9.4 框模型
  79. 9.5 定位相关属性
  80. 小结
  81. 上机指导
  82. 习题
  83. 第10章 CSS3中的变形与动画
  84. 10.1 2D变换——transform
  85. 10.2 过渡效果——transition
  86. 10.3 动画——Animation
  87. 小结
  88. 上机指导
  89. 习题
  90. 第11章 Java Script概述
  91. 11.1 Java Script概貌
  92. 11.2 Java Script开发环境要求
  93. 11.3 Java Script在HTML中的使用
  94. 小结
  95. 上机指导
  96. 习题
  97. 第12章 Java Script基础
  98. 12.1 Java Script数据结构
  99. 12.2 数据类型
  100. 12.3 运算符与表达式
  101. 12.4 流程控制语句
  102. 12.5 函数
  103. 小结
  104. 上机指导
  105. 第13章 Java Script对象编程
  106. 13.1 Window窗口对象
  107. 13.2 Document文档对象
  108. 13.3 Java Script与表单操作
  109. 13.4 DOM对象
  110. 小结
  111. 上机指导
  112. 习题
  113. 第14章 Java Script中的事件处理
  114. 14.1 事件与事件处理概述
  115. 14.2 DOM事件模型
  116. 14.3 鼠标和键盘事件
  117. 14.4 页面事件
  118. 14.5 表单事件
  119. 小结
  120. 上机指导
  121. 习题
  122. 第15章 综合项目——51购商城
  123. 15.1 项目的设计思路
  124. 15.2 主页的设计与实现
  125. 15.3 商品列表页面的设计与实现
  126. 15.4 商品详情页面的设计与实现
  127. 15.5 购物车页面的设计与实现
  128. 15.6 付款页面的设计与实现
  129. 15.7 登录和注册页面的设计与实现
  130. 小结
  131. 第16章 课程设计——游戏公园网站
  132. 16.1 课程设计目的
  133. 16.2 游戏公园网站概述
  134. 16.3 主页的设计与实现
  135. 16.4 博客列表的设计与实现
  136. 16.5 博客详情的设计与实现
  137. 16.6 关于我们的设计与实现
  138. 小结
  139. 附录 实验
  140. 实验1 通过Dreamweaver创建一个网页
  141. 实验2 实现网页中的买家评论信息
  142. 实验3 通过表格制作商城首页
  143. 实验4 通过表单实现酒店筛选
  144. 实验5 设置网页中图片的属性
  145. 实验6 通过&lt;video&gt;标签添加视频
  146. 实验7 实现鼠标滑过图片时的特效
  147. 实验8 实现51购商城中鼠标划过的特效
  148. 实验9 通过列表实现商品排列
  149. 实验10 通过2D变换实现动态照片墙
  150. 实验11 输出一张图片
  151. 实验12 通过循环语句输出年份和月份
  152. 实验13 实现商品详情中Tab菜单
  153. 实验14 购物车常用操作

FAQ

Is this book suitable for complete beginners?
Very much so. The book starts from the most basic web page structure and progresses step by step, with MOOC videos to aid understanding, making it friendly to beginners.
Is the technical content in the book outdated?
The book covers HTML5, CSS3, and JavaScript fundamentals—the enduring core of front-end development—so it is not outdated. However, it covers specific APIs or the latest syntax (such as ES6+) only sparingly, so supplementary study is needed after the basics.
Do I need to set up a development environment separately?
You only need a computer and a browser to start learning. The book teaches using the most basic text editor and browser developer tools, so the setup barrier is very low.

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

Chen Jie is a Chinese author whose works span a notably wide range of subjects. Public information about her is limited, and her identity and biographical background remain unclear. The library holds 17 of her works, covering categories such as personal finance, computer science, design, inspirational growth, law, and essays, reflecting cross-disciplinary writing interests. Representative titles include legal works such as Research on the Implementation Mechanism of Securities Investor Protection and Judicial Application of Commercial Guiding Cases, as well as a computer technology textbook, HTML+CSS+JavaScript Front-End Development (MOOC Edition). She has also written on traditional culture, including Stories of Ancient Chinese Architecture and its bilingual edition, and Appreciation of Famous Chinese Paintings Through the Ages, along with inspirational and business titles such as Strong as a Mother: The Business Legend of the Dumpling Queen and The Flow Sales Method. Overall, her writing combines professional expertise with popular accessibility for diverse readerships.

杨瑞梅 Author

Yang Ruimei is a Chinese author whose public information is limited. Available records show that she writes books in the general computer category, with two titles held in the collection. She co-edited Dreamweaver CS6 Web Design Case Tutorial (Micro-Lecture Edition) with Wang Yongqiang; published by Posts & Telecom Press in 2018, it is a case-based textbook on web design. Her other work is HTML+CSS+JavaScript Front-End Development (MOOC Edition), which likewise serves teaching in front-end development and web production. Judging from these titles, her writing focuses on college textbooks and practical casebooks, combining software operations with coding fundamentals for computer courses and beginners studying on their own.

More by the same author

Top rated in the same category