02.26 要怎样学习web？

你最丑你不要讲话1

报培训班啊，而且面授的那种，不然自学先不说难度怎么样，就说知识点的时效性，你自学的速度一定没有优就业课程更新的速度快，因为他们有专业的课程研发团队，时刻对接市场上的公司用人需求

巷口鹿

前端初始的知识点，都不算很难，但是内容比较多，此时在学习的时候需要戒骄戒躁，一定要沉下心来， HTML为结构，CSS是样式，JS是功能等等，梳理好清晰的知识点思维导图，这部分内容其实并没有想象中的那么难。

在学习时还需要注意以下几个方面：

1、制定一个系统的学习计划。HTML5虽然难度不大，但是内容却比较多，在学习的过程中要循序渐进，一个比较常见的计划就是依次学习HTML5、CSS和JavaScript，JavaScript是学习的一个重点。一个好的学习计划，能够让自己在学习的时候更加专注，每完成一天的任务，都会有一种成就感，久而久之，对于编程语言的学习就会更有兴趣和动力。而且一个良好的学习计划，会让自己的效率提高不少。

2、实战编写能力是重中之重。实践是学习HTML5的重要环节，由于HTML5的细节比较多，要想详细的掌握这些内容一定是通过自己不断写代码来加深印象和查缺补漏的。切记编程语言是一门技术，如果没有大量的实践练习，是很难将HTML5中的知识点掌握的，如果了解了各个知识点的内容而不去练习，不用多久就会将这些知识点给忘记，到时候再去返工复习，平白会浪费不少自己的宝贵时间和精力。

3、技术想要进步，交流是很关键的一种途径。交流的方式也有很多种，不一定是要和同行们通过聊天工具才算是交流。现在因为互联网的发展和进步，我们能够在各个搜索引擎上找到我们想要的知识点，这些知识点就是这个行业的前辈们，将他们的学习思维或是工作时编写程序的技巧等分享给我们。现在前端开发的技术更新速度还是比较快的，几乎每隔一段时间就会有新的框架，我们如果不去和其他人交流，只是闭门造车的话，进步只会越来越慢，甚至还会退步。

4、前期就要养成清晰、整洁的代码编写习惯。有一个良好的代码规范习惯，不仅方便我们自己检测自己的代码，在以后的工作中也能为同项目的同事们节省出大量的时间和精力。

千锋青岛

首先，你必须是一个合格的“页面仔”，这个叫法不好听，但很生动。

我们都知道，所有呈现的内容都是基于HTML网页的。

如果你的HTML、CSS(包括现在的HTML5+CSS3)基础不会，或者不够扎实，都很难在有大的进步，或者你的JS很好，但布局基础不行，还是不能算合格的web前端。

其次，前端主要负责实现视觉和交互功能，以及与后端服务器通信，完成业务逻辑。现在前端的核心价值在于对用户体验的极致追求。

那么我们靠什么来提升用户体验和人性化操作，让用户觉得体验牛x、舒服呢?(当然细分厉害的公司，会有专门的用户体验攻城狮)当然是我们自始自终的主角JavaScript了，毕竟它最初就是为浏览器而生的脚本语言。

然而，JS这门语言并不是一种强类型语言，更像是一种解释型语言，所以很多属性，在不同的浏览器环境解释有很大不同导致，效果和性能千差万别，而且很多属性之长，之多，之巨都很有工作量。

之后，就出现了jQuery这种的框架神器，由于其好用，简单，效果多样，兼容完美，高效率等特性，迅速席卷全世界，所以如果想入门，jQuery这个东西你是逃不掉的，而且利用它简单的语法，你会很快将一些效果实现出来，迅速提升兴趣。

再后，既然涉及到视觉和用户体验，那么UI设计知识，你肯定要涉及或者懂一些设计方面的技能和基本素养，比如PS的一些基本操作，切图，和颜色值(比如会改个字，隐藏个图层，改个尺寸，变个颜色什么滴)，屏幕适配方案等，讲道理说：平时并不需要我们做，但技能包里绝对要有。

最后，服务器知识+后端语言基础，这个职责和话题就比较hight了，到后面我们会一一解释。

总之，web前端同样是程序员，由于前端是位于后端程序和界面设计师之间的岗位，相当于中间桥梁，要完成三者的对接，涉及到广泛的知识，规模大到工程级，也就有了前端工程师的说法(某人总结，很是到位)。

最后，学习分两种方式

1、自学能力强、能够坚持、遇到问题能够自己解决若楼主是属于这一类人，建议你可以去网上找一些资料，买一些书籍自学

2、若是自控能力和解决问题能力差点，建议还是报一个班至少有良好的学习氛围，系统化的学习，有老师随时解答问题。我朋友之前在中公优就业学习，现在薪资还挺不错的，可以去了解下。

不吃鱼的猫

首先学习 HTML，学会写基本的页面。然后学习 CSS，学会美化页面，学会布局。然后学习 JavaScript，学会操作 HTML 元素。推荐优就业网课，讲的比较详细。

编程的关键在于多练习，学习前端非常方便的一点在于浏览器可以直接打开 HTML 文件查看效果，HTML 文件中引入 CSS 文件和 JavaScript 文件可以直接在浏览器查看效果，即时反馈代码的效果。

熟悉了前端基础之后，可以学习 HTML5、CSS3、jQuery 和 Bootstrap，jQuery 和 Bootstrap 是前端的两大神器，虽然 jQuery 现在用得少了，但是学习一下还是很有必要的。Bootstrap 的应用就非常多了，很多网站的页面布局都是用的 Bootstrap，这个是必须学习的。

接下来可以学习 ES6 和 Node.js，现在纯前端已经离不开 Node.js，很多前端工具都是需要 Node.js 来运行的，也可以向全栈发展。同时可以学习 CSS 预处理器，比如 LESS/SASS 或者 PostCSS。

接下来可以学习传说中的前端三大框架了，建议先学习 Vue，入门更加容易一点，然后学习 React，最后学习 Angular。当然三大框架也可以不用都学。在学习使用框架的时候，自然会接触到很多工具，比如 npm、webpack、babel 等等，这里需要学习的东西就非常的多了。当然更需要对框架的深入学习，做到知其然并知其所以然。

汉武帝在武汉加油

其实没有什么捷径，亲自动手，一步一步来即可，不能好高骛远。

第一步: 用 HTML + CSS 仿照几个美丽的静态页面。当你看到现在大部分的网页都觉得能大约猜到怎样做，并且花时刻真的能做出来的时候，即可进入下一步。注意，这个时候请你不要管浏览器兼容性或者太过注意代码的优雅结构，因为没必要。做到能兼容现代浏览器，内容和样式基本完全分离即可。这大约需求半个月到一个月的学习时间。

第二步: 用 HTML + CSS + JS 写几个有交互的页面。例如，你能够写一个美丽的注册页面，它能够验证各种输入是否符合条件并且有一个用原生 JS 实现的日期选择器（Date Picker）。或者，写一个美丽的，有动画的相册。注意，这个阶段请使用原生 JavaScript。相同的，兼容现代浏览器即可。这大约需求半个月的学习时间。

第三步: 入门一门后端语言。依照你的状况，就 php 吧。有了上面的经验，php 入门之后，相信你能够做一个美丽的无用户留言版了。请把数据存贮在文件中，因为你还没有学习 SQL 嘛。这大约需求半个月的时间，如果你学习能力强，一个星期也不是没有可能。

第四步: 入门一个关系数据库。比如说 MySQL。DDL 和 CRUD ，请一定要熟练。恩，这个阶段不要谈什么优化，那是扯淡。现在，你大约能够做一个多用户的博客程序了。这大约需求半个月的时间。

酷玩无限界

第一，网上找一份好的教程

第二，身边最好有一个懂的成手，最起码在你遇到bug的时候能帮你调bug，要不然很可能就会死在一个bug上，从入门到放弃！

第三，勤奋+毅力+耐心

下面是真正的干货：

《初识前端与移动开发到项目开发视频》教程分享给大家

下载链接：https://pan.baidu.com/s/1o8eL8yI

简介：

第一阶段（1-2天）

学会写出最简单的HTML页面，认识什么是HTML, HTML基本的语法规范是什么，HTML基本骨架的组成。学习最常见的标签，比如排版标签，图片标签，链接标签， 以及路径的两种方式。然后学习一些布局标签，比如div，span，列表， 表格 以及表单， 最后通过前面学习的标签，完成注册、登录页面。虽然标签很多，会培养大家查阅文档的能力，提高自己动手，解决问题的能力。

第二阶段（3-7天）

该阶段主要学习CSS样式， 并且能完成 结构与样式 相分离的静态页面布局。学习CSS基本语法格式，书写位置， 基本选择器和复合选择器，字体和文本的样式等， 初步理解CSS如何控制网页样式，以及带来的巨大优势。 能深入理解标签的盒子含义。

还有最重要的浮动布局，接下来会带领大家学习定位，包括四种定位方式及其区别，子绝父相的重要性，定位的层级关系，完成页面常见的定位效果。

最后，会带领大家学习一些高级技巧，包括用户界面样式，精灵技术， 滑动门技术等，对前面技术综合练习。

学完该阶段的课程之后，就可以把网页美工给与的PSD效果图还原为HTML+CSS静态页面，并且是实现结构与样式相分离，标准的代码。

第三阶段（8-9天）

学习了这么多的基础知识，应该联系一个案例了，本阶段，为大家讲解京东的项目

第四阶段（10-12）

本带领大家学习HTML5新增的标签，样式以及属性。学习CSS3过渡、2D/3D变换，渐变、动画以及伸缩布局。本阶段还有携程网的小项目，通过学习项目，加深对所学知识的理解

黑马程序员

黑马先锋学院

首先，先了解清楚web的概念。

百度百科定义为：web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

了解清楚以后，专业公司在设计实现web项目的过程中，先由产品经理确认设计理念，项目的特点，确认目标客户，面向的市场；当确认好后，由公司美工设计web的UI；切图后由前端工程师进行动态代码；后端工程师实现web逻辑；运维工程师根据实际情况进行服务器配置。数据库工程师进行数据库设计，总表分表设计，索引设计。

最后，代码部署到服务器上，后端工程师从数据库中进行增删改查，逻辑处理，数据处理，推送给前端工程师；前端工程师把数据输出页面中!

把这些都整明白后，就要看自己的定位。如果是前端工程师，则需要学习HTML，CSS，JS；如果是后端工程师，则需要学习PHP或者JSP或者其他自己喜欢的语言!

梁三跳

java方向:html+css+jquery+java+ssh(spring hibernit+sttuts2) 人狠话不多，要学有点多，或者搞php方向，还要懂一两个数据库～所以要想做全套还是有点难，选前端或者后端吧！

快乐苦瓜小王子

网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：

基础知识：

1. html + css 这部分建议在 w3school 在线教程 上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页面。

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

对于习惯看视频学习的同学，以上内容也可以在 慕课网-国内最大的IT技能学习平台 上学习。虽然我没用过，但好几位同学推荐过了，大概看了下，内容还不错。 进阶： 有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。

1. css。截至今日（2015.12.08），天猫、淘宝、支付宝都已停止对ie6,7的支持，未来相信大多数网站都会停止对ie6，7的支持，ie8的市场份额也不像两年前那么高了（天猫即将停止对IE8的支持，2016.12.13），webkit内核已成为市场主流。对于css的学习，

我推荐分三块：“基础概念”，“css2.1规范”，“css3规范”。必看 精通CSS（第2版） (豆瓣)，看完这本书你应该对：盒子模型，流动，block，inline，层叠，样式优先级，等概念非常了解了。

这本确实有些年头了，但基础概念部分讲述非常清晰，可以称之为经典。ie6，7相关的内容可以不看。css3的部分可以参考：CSS3实用指南 (豆瓣)。这本书同样有些老，只是最新出版的书中没发现有特别好的。

2. javascript。上面提到内容还不足以让你胜任js编程。在有了基础之后，进一步学习内容包括：

a) 框架。

推荐 zepto，简单易用，在w3school简单学习js后，直接上手 zepto 即可完成一些简单的项目。zepto 源码简单清晰，也适合新手阅读。补充： 可以使用 codecademy 学习 javascript，zepto，用户体验真的很好（感谢 TonyOuyang ）。最近比较热门的框架是React, VUE, Angular这些, 根据需要稍作了解即可。随着ie浏览器市场份额的下降，以及移动端的发展，标准原生js已经可以在实际项目中使用（目前还需要借助es5shim、babel等），重点还是ES5, ES6, ES7。

b) javascript 语言范式 。

这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。javascript不完全是一个面向对象的语言，它的很多设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。

javascript的很多语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要理解，维基百科，百度百科会是你的帮手，另外推荐《object oriented javascript》，应该有中文版。

对与函数式编程可以参考这篇文章：JavaScript 中的函数式编程实践

c) javascript 语言内部机制。必须弄清如下概念：js中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，‘this'指向的是谁。这部分内容你会在《javascript语言精粹》中详细了解。

d) dom编程，这个web前端工程师的核心技能之一。必读《dom编程艺术》，另外《高性能javascript》这本书中关于dom编程的部分讲的也很好。

e) ajax编程，这是另一核心技术。ajax建议在网上查些资料，了解这个概念的来龙去脉，百度百科，维基百科上的内容就足够了。真正编程是很容易的，如今几乎所有框架都对ajax有良好的封装，编程并不复杂。另外，ajax未来几年会被 Fetch Standard 取代，也需要了解。

另外关于xhr2，cors（跨站资源共享），formData文件上传，也需要了解。 f) es5, es6。现在开发js大部分基于es5的，ie8以下通过es5-shim。但利用一些工具，现在已经可以直接写es6代码了，尤其在reactjs，nodejs类型的项目中。

对于从es5，es6每个阶段js发生了哪些变化都需要系统学习，学习顺序建议是 JavaScript基础 -> es5 -> es6，越靠前的越重要。一些参考链接：ECMAScript 5 compatibility tableECMAScript 6入门ES5 « 张鑫旭 3. html5。

需要了解html都提供了哪些api，然后项目中用起来。这部分没有什么难理解的，关键在于能用html5解决业务问题，以及不支持html5的浏览器的降级方案。这部分体现了前端的一个思想：面向未来编程，尽早将新技术引入业务中来，而不是过分考虑兼容性问题，进而导致面向过去编程。 再进一阶 · 代码层面： 有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。

更高的要求大概还有四方面：1易维护，2可测试，3高性能，4低流量（移动端）。

1. 易维护。对于页面你该理解‘样式’，‘数据’，‘行为’三者分离，对应的当然就是css,html,js。对于js代码，你最好了解设计模式，重构，MVC等内容。

2. 可测性。就是保证你的代码能沟通单元测试100%覆盖到所有分支

3. 高性能。必读《高性能javascript》

4. 低流量。移动端关注比较多，PC端现在可以不用太关注了 再进一阶 · 工程层面： 前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用svn和git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，必须要学会使用grunt、gulp、webpack、rollup等前端构建工具，以及前端模块管理的方式，amd，cmd，es6 module 等等。

说了这么多有的小伙伴或许会觉得迷茫，这么内容要全部消化还是很困难的，如果你想学完找个前端方面的工作的话，建议你可以选择web前端培训机构，在成都朗沃教育一定会找到你想要的！

成都朗沃web前端培训，是西南地区首家开设web课程的培训机构，线下培训已有12年教学经验，自主研发了更适合企业需求的web培训课程，保障学员的就业问题，培训全程小班+面授的教学模式，全日制教学，web课程老师都具备10年以上开发工作经验!

希望我的回答和建议对你有所帮助！

關鍵字: 知识点 课程 自学