淘宝前端技术系列课程
今天是第一堂课,由灵玉主讲的“淘宝前端技术巡礼”。全面回顾淘宝前端技术的缘起和发展,介绍前端工程师的职业发展路线,给出足够多的铺垫,为接下来的三次课程打好基础。
淘宝前端技术的发展一定程度上反应了中国国情,前端工程师的入门、入道过程是非常坎坷也是备受关注,尽管大学里还缺少“前端技术”这门专业,但前端技术的知识体系已然趋于丰富和完善,前端技术本身就是一门充满挑战的行当,不断的从实践中提炼出一支支各具特色的技术派系,当下的前端技术也呈现出多元绚丽、独具魅力的一面。(本次课程ppt参考了部分小马和玉伯的分享)
本次系列课程即是由浅入深的介绍前端技术的关键部分,后续对HTML/CSS/JavaScript、包括浏览器渲染过程和JS引擎原理、常用工具等知识会有更详细的讲解。
http://www.slideshare.net/lijing00333/ss-12323405
本次课为系列课程的第二课,由舒克带来的“HTML/CSS/JavaScript”基础知识,课程中着重介绍了HTML的语义化,因为语义化是前端工程师最容易理解又最难掌握的,比如何时使用什么样的标签,这取决于前端工程师对标签和页面内容的理解。要注意频道首页和详情页是不同的,频道首页中的信息比较琐碎,详情页中的内容更像“文章”,因此内容的语义是有差别的。这一点需要注意。
http://www.slideshare.net/lijing00333/htmlcssjs
在HTML章节的最后着重讲解了页面的可用性和易用性,前端工程师很多时候将精力大都放在页面样式的实现上,忽略了很多易用性的细节。比如在设定input的类型的时候,就有很多细节要考虑,特别是在移动终端里,当input获得焦点时,要控制弹出的键盘类型。此外,CSS的部分详细介绍了响应式实现的最佳代码,包括CSS3的一些定制化的特效,都是可以作为最佳实践的。
http://www.slideshare.net/lijing00333/ecmascript
JavaScript部分着重面向新人介绍ECMAScript,其中的内容都是最常用的关键知识点,比如null和undefined有什么区别,NaN是不是数字,什么是真值和假值,浮点数的计算误差等问题在ppt中都有提到,关于JavaScript和页面渲染之间的关系、引擎的性能、阻塞、工作模式等内容将会在第三课和第四课中更详细的讲解。
作为系列课程的第三讲,函谷担任此课的讲师,风趣幽默的讲解、充足的课堂演示,带来非常不错的课堂体验,本次课程主要focus在浏览器渲染机制相关的知识点,包括常见的浏览器兼容性问题,浏览器渲染和性能优化之间的关系,布局的多样性和适用范围,前端调试工具和各种抓包利器,本次课程ppt参照了之前沉鱼同学的课件。
http://www.slideshare.net/lijing00333/ss-12511889