莫方教程网

前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。

前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。

干货满满！前端周刊步步积累。

===================================

前端技术集——前端干货聚集地

基础知识：

1. html + css 这部分建议在w3school 在线教程上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《head first html 与 css 中文版》，这本书讲的太细了，我没能拿出耐心细读。你可以根据情况斟酌。

2. javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。

怎么能学好Web前端开发？该如何规划学习路线？学习Web前端的同学越来越多，怎么学，从哪里开始学可能很多同学都摸不到头脑，那么下面就分享Web前端课程大纲给大家，相信有了这份Web前端工程师教程大纲，大家应该可以更清晰的找到自己的学习路径。

学习内容包括7大学习阶段：

第一阶段：前端页面重构

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

好程序员web前端教程分享web前端入门基础知识，作为合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一两个还不行，必须对这三门语言都要熟悉。下面我们一起来看一看吧！

1、网页的基本结构(HTML、CSS)

HTML是一种标记语言，而不是编程语言，最基本是标签是和，CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门，但很多人不够深入，举几个例子：标签是作什么用的?margin-left与left有什么区别，应该在什么情况下使用?再出个DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道，对那个布局问题几分钟内不能解决，说明你对HTML+CSS还不够深入。