前端进阶指南教程


这是前端进阶指南的第一节课,这节课主要分为四个部分。



基本要求

明确一下,看哪些同学适合学习本门课程。


introduce1.png


如图,首先需要他有编程基础,如果不知道变量、循环或者函数是什么,如果你没有用过至少一门语言来写代码,那么你就不适合这门课程。


然后还有前端基础,你需要知道HTML是什么,怎么书写网页、如何用CSS来装点页面以及如何在浏览器里面运行Javascript,因为期望大家对于谷歌这个好的调试工具有一定的了解,当然本门课程会有一些进阶的使用。


前两个是硬性条件,第三个就是一个软条件,希望在前端工具、原理及性能等方面深入。



课程目标


introduce2.png


如图,这门课程的目标,我们先列一下主要会涉及到的概念或者是工具或者是书,第一个是“subline”现在非常火的一个编辑器,经过简单的配置,你可以把它打造成一个非常方便的IE。然后接下来“vim”,vim是一个很古老的编辑器,但是它也很强大。还有就是谷歌浏览器,谷歌浏览器可以说是目前所有浏览器里面调试工具最强大的。上图中的谷歌图标和官方的图标有些不太一样,它是谷歌浏览器的chrome版本,是专门为开发者定制的版本,在实际的开发过程中,官方正式版和开发者定制版都是必不可少的。


本门课涉及到一些原理性内容都是从图中的三本书精华所来。其中两本是高性能网站建设指南,这两个是比较经典的网站性能优化手段,还有一本是高性能浏览器网络,它从浏览器的视角介绍了很多性能优化的手段。


总的来说这门课程的目标有三个,希望大家学完这门课程能了解前端浏览器的工作原理、提高大家的效率、提高自己开发页面的性能或者是自己所维护的网站的性能。



内容简介


具体来说这门课程的内容分为以下几篇:


第一个是原理篇,是为了给大家介绍HTTP协议,浏览器网络,这里面包括请求的类别,请求的状态码,还有浏览器渲染的基本介绍。


第二个是开发篇,这里面会介绍sublime的基础、插件以及vim的基础、插件。


第三个是调试篇,这篇会给大家介绍谷歌浏览器的调试工具,还有一个是API调试,前端是免不了跟后端合作。


第四个的兼容篇,做前端的同学或多或少都会遇到兼容的问题,兼容主要就是三大类,CSS兼容、JS兼容、HTML兼容。


第五个性能篇,这里面会给大家介绍优化的理论还有优化的方法。



章节安排


introduce3.png




【本文由麦子学院独家原创,转载请注明出处并保留原文链接】


logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有狂欢嘉年华礼包未领取

客服热线 400-862-8862

回到顶部