本课程是由浠浠呀老师为小白入门前端倾力打造的前端基础教程，是零基础小白入门前端开发的不二之选。树立前端教程新标准，全程无废话，直截了当输出干货，让你看到即学到。课程共包括 2 季，内容涵盖HTML、CSS 和 HTML5、CSS3。本次发布第一季HTML部分。 视频大小：1.7G

kindle高清文字版，可在电脑上用clearview电子书阅读软件阅读。 第1章　从网站重构说起 1.1　糟糕的页面实现，头疼的维护工作 1.2　Web标准——结构、样式和行为的分离 1.3　前端的现状 1.4　打造高品质的前端代码，提高代码的可维护性——精简、重用、有序 第2章　团队合作 2.1　揭秘前端开发工程师 2.2　欲精一行，必先通十行 2.3　增加代码可读性——注释 2.4　提高重用性——公共组件和私有组件的维护 2.5　冗余和精简的矛盾——选择集中还是选择分散 2.6　磨刀不误砍柴工——前期的构思很重要 2.7　制订规范 2.8　团队合作的最大难度不是技术，是人 第3章　高质量的HTML 3.1　标签的语义 3.2　为什么要使用语义化标签 3.3　如何确定你的标签是否语义良好 3.4　常见模块你真的很了解吗 3.4.1　标题和内容 3.4.2　表单 3.4.3　表格 3.4.4　语义化标签应注意的一些其他问题 第4章　高质量的CSS 4.1　怪异模式和DTD 4.2　如何组织CSS 4.3　推荐的base.css 4.4　模块化CSS——在CSS中引入面向对象编程思想 4.4.1　如何划分模块——单一职责 4.4.2　CSS的命名——命名空间的概念 4.4.3　挂多个class还是新建class——多用组合，少用继承 4.4.4　如何处理上下margin 4.5　低权重原则——避免滥用子选择器 4.6　CSS sprite 4.7　CSS的常见问题 4.7.1　CSS的编码风格 4.7.2　id和class 4.7.3　CSS hack 4.7.4　解决超链接访问后hover样式不出现的问题 4.7.5　hasLayout 4.7.6　块级元素和行内元素的区别 4.7.7　display:inline-block和hasLayout 4.7.8　relative、absolute和float 4.7.9　居中 4.7.10　网格布局 4.7.11　z-index的相关问题以及Flash和IE 6下的select元素 4.7.12　插入png图片 4.7.13　多版本IE并存方案——CSS的调试利器IETester 第5章　高质量的JavaScript 5.1　养成良好的编程习惯 5.1.1　团队合作——如何避免JS冲突 5.1.2　给程序一个统一的入口——window.onload和DOMReady 5.1.3　CSS放在页头，JavaScript放在页尾 5.1.4　引入编译的概念——文件压缩 5.2　JavaScript的分层概念和JavaScript库 5.2.1　JavaScript如何分层 5.2.2　base层 5.2.3　common层 5.2.4　page层 5.2.5　JavaScript库 5.3　编程实用技巧 5.3.1　弹性 5.3.2　getElementById、getElementsByTagName和getElements-ByClassName 5.3.3　可复用性 5.3.4　避免产生副作用 5.3.5　通过传参实现定制 5.3.6　控制this关键字的指向 5.3.7　预留回调接口 5.3.8　编程中的DRY规则 5.3.9　用hash对象传参 5.4　面向对象编程 5.4.1　面向过程编程和面向对象编程 5.4.2　JavaScript的面向对象编程 5.4.3　用面向对象方式重写代码 5.5　其他问题 5.5.1　prototype和内置类 5.5.2　标签的自定义属性 5.5.3　标签的内联事件和event对象 5.5.4　利用事件冒泡机制 5.5.5　改变DOM样式的三种方式 附录A　写在规则前面的话 附录B　命名规则 附录C　分工安排 附录D　注释规则 附录E　HTML规范 附录F　CSS规范 附录G　JavaScript规范

****温馨提示：本书比较经典，所以是以CSS2为基础讲述，个人认为值得学习，然后参考CSS3参考手册应该有所收获**** ****CSS权威指南(第3版 中文版+英文版 附CSS3参考手册)**** 想要快速省力地做到让Web风格整齐划一吗？《CSS权威指南》(第3版)告诉你怎样将最新的CSS2以CSS2.1里面所定义的各种CSS元素应用到实际工作当中。通过书中的例子，你将学会怎样使用CSS创建或修改网站的外观，并且达到普通HTML无法实现的效果。

关于web前端九种跨域方法的视频和webpack4.0，mvvm原理以及react路由

课程目标：本季课程引入了CSS3众多功能中的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。整合 HTML5 & CSS3 最强大效果，有的是网站开发中常用的、实用的功能，有的是先进的 Web 技术的应用演示。不管哪一种，这些案例中的技术都值得我们去探究和学习。 课程介绍： 本季课程为CSS特效篇，着重介绍了使用CSS使用页面的特效以实现页面的美化。内容包含： ◆ 绘制各种图形 ◆ 设置容器的背景图片 ◆ 实现多张背景图的拼接 ◆ 实现背景色的渐变 ◆ 使用阴影美化容器或者图片 ◆ 实现二维空间中图像的移动、旋转、缩放倾斜等 ◆ 实现三维空间中的图像的移动、旋转、缩放等 ◆ 在页面中灵活使用过度的特效 ◆ 在页面中使用动画的特效 ◆ 使用下拉菜单等内容。 在本季课程的讲解中结合了大量的案例演示，通过案例演示可以清楚的加深对CSS常见数据的理解， 学习的过程中，一定要动手实战，这样才能真正的领悟到CSS特效的使用细节 以下为课程项目展示：

主要介绍了前端是什么，能干什么，与后端的区别，主要学的技术，HTML,CSS,JavaScript等等，以及未来的职业发展状况。

一、vue相关 Q：vue的底层原理？ A：Vue是采用数据劫持配合发布者-订阅者模式，通过Object.defineProperty来()来劫持各个属性的getter和setter。 在数据发生变化的时候，发布消息给依赖收集器，去通知观察者，做出对应的回调函数去更新视图。 Q：vue3.0的新特性？ A： 1.代码结构更清晰 2.压缩包体积更小 3.Object.defineProperty 替换为es6的 Proxy。 将原本对对象属性的操作变为对整个对象的操作，可优化性增强 4.启用 TypeScript 语法，大大的简化了代码 详细参考：https://zhuanlan.zhihu

上千本web前端电子书，资料涵盖主流就是框架，资料持续更新中，欢迎收藏

集中介绍css\html\javascript，很不错的一本web前端开发书籍

;Bootstrap框架;前端开发是创建Web页面或app等前端界面的过程。 前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。 熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后，学习Web框架可以加快Web开发速度，节约时间。;随着Web 越来越规范和标准的统一，Web组件化技术不断革新，移动端开发不断升华，出现了大量的开源前端框架： Bootstrap 主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。 jQuery jQuery 是一个JavaScript库。 jQuery 极大地简化了JavaScript编程。 VUE 一个构建数据驱动的 web 界面的渐进式框架。;Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产