怎样自学web前端开发？

1、首先，得学习一下html，主要是学习一下html标签的使用方法。推荐一个学习平台，W3C 菜鸟教程。这个教程简单易用，适用于初学入门者，能比较完善的学习html是怎么使用的。（如果感兴趣，学完后可以接着学一下html5，这个是目前*版本的html，也比较简单的。）

2、学完了html，接着当然是学习css。html的作用是填充网页内容，css作用就是为内容加上外衣，让它看起来富有色彩，更好看。推荐同样在W3C 菜鸟教程上面去学习css，很简单，大概两三天的学习周期，这些内容需要强记一下，记下了多用就熟了，没有什么难度。（学完css，可以接着学习css3，目前*版本的css，这个有兴趣就学，一般的话css3用的不是很多，个人觉得）

3、学完了html,css，接下来是重头戏，轮到了我们的，业界简称js。很多程序员说js的难度超过了java， 我想说的是，简单易学的入门，深究可能就要费脑子了，当然大家不要怕，企业应用级别的js也是很简单的，吧W3C 菜鸟教程中的文档看完完熟了，也就了解了js的使用方法了，哈哈。

4、学完了上述的html,css,js后，咱们就可以成为一名合格的web前端程序员了。但是光合格还是不够的，技术要拿得出手，工作中才能轻松胜任，学习咱们搞编程是不能停止学习步伐的，继续出发！学什么呢，学完js后，首先要学的是jQuery框架，说它的大名鼎鼎是一点都不为过，不知道jquery是什么的程序员我就不想说什么了，你现在知道它的重要性了吗，这个一定得好好学习。

5、接下来我想推荐另外两个现在非常热门的比较新的框架，它们未来会成为主流前端框架，一个叫angularjs，目前*版本的是angular4，另外一个是vue.js，大家感兴趣可以学习学习。

web前端怎么自学，有什么好的网站，或者资料推荐吗？

基础性的学习网站：

w3school：

w3cplus：www.w3cplus.com

MDN网站 ：

菜鸟教程网：

易百教程：

脚本之家：

视频类的学习网站：

尚学堂：

慕课网：

扣丁课堂：

极客：

腾讯课堂：

个人博客类的学习网站：

张鑫旭：

阮一峰：

廖雪峰：

辰辰：

轩枫阁：

社区类的学习网站：

：

掘金：

简书：

WEB前端-伯乐在线：

Stack Overflow:

CSDN：

博客园：

开发者头条：

*阶段：专业核心基础

阶段目标：

1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。

2. 熟练运用HTML+CSS特性完成页面布局。

4. 熟练应用CSS3技术，动画、弹性盒模型设计。

5. 熟练完成移动端页面的设计。

6. 熟练运用所学知识仿制任意Web网站。

7. 能综合运用所学知识完成网页设计实战。

知识点：

1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。

2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。

3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握*阶段html、css的内容、完成PC端页面设计和移动端页面设计。

第二阶段：Web后台技术

阶段目标:

1. 了解的发展历史、掌握Node环境搭建及npm使用。

2. 熟练掌握的基本数据类型和变量的概念。

3. 熟练掌握中的运算符使用。

4. 深入理解分之结构语句和循环语句。

5. 熟练使用数组来完成各种练习。

6.熟悉es6的语法、熟练掌握面向对象编程。

7.DOM和BOM实战练习和H5新特性和协议的学习。

知识点：

1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用的知识完成各种练习。

2、面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握面向对象的开发以及掌握es6中的重要内容。

3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。

4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。

第三阶段：数据库和框架实战

阶段目标：

1. 综合运用Web前端技术进行页面布局与美化。

2. 综合运用Web前端开发框架进行Web系统开发。

3. 熟练掌握Mysql、Mongodb数据库的发开。

4. 熟练掌握vue.js、webpack、elementui等前端框技术。

5. 熟练运用Node.js开发后台应用程序。

6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。

知识点：

1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。

2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。

3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。

4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。

第四阶段：移动端和微信实战

阶段目标：

1.熟练掌握React.js框架，熟练使用React.js完成开发。

2.掌握移动端开发原理，理解原生开发和混合开发。

3.熟练使用react-native和Flutter框架完成移动端开发。

4.掌握微信小程序以及了解支付宝小程序的开发。

5.完成大型电商项目开发。

知识点：

1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。

2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。

3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、。

web前端学习路线思维导图

自学web前端，应该从哪些知识入门呢？

介绍一下Web前端学习路线，帮助零基础的小伙伴更好的学习。
1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。
2、高级课程、PC端全栈项目开发。主要内容为原生、面向对象进阶与ES5/ES6应用、工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。
3、Web前端框架、混合开发(Hybrid，RN)、大数据可视化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如场景，应用Vue.js/Ionic/React.js等框架开发WebApp，小程序项目开发，以及各类混合应用项目开发等。
以上就是为大家规划的学习路线，相信学完该课程即使是零基础的小白，也能熟练掌握移动Web网页开发、网页编程、前后端交互、小程序项目开发，以及各类混合应用项目开发等核心技能，胜任前端开发工程师的岗位。

我想问一下学习web前端可以自学不，需要怎么自学，学起来辛不辛苦，跟C语言有没有关联，需不需要买书

web前端相对Java来说是算简单的，比较适合零基础的小白学习。但能不能学会web前端，主要看你的学习方式。一般有两种学习方式，自学和培训。想要自学学会web前端时间非常难的事，自学消耗时间长，至少需要一年的时间，并且学的不全面，还有项目给你练手，*能否学会也是问题。培训一般是5个月的时间，有专业的人教你，学的更系统全面，还有一群志同道合的小伙伴跟你一起学，学习效率更高。真实的项目给你练手，对日后找工作帮助很大的。【点击测试我适不适合学设计】
IT培训选择教育。是一家拥有核心教研能力以及校企合作能力的职业教育培训企业，2011年成立于北京，秉承“初心至善匠心育人”的核心价值观，以坚持面授的泛IT职业教育培训为根基，发展至今已布局教育培训、高校服务、企业服务三大业务版块，旗下拥有教育、好程序员、小狮视觉、扣丁学堂、锋云智慧、锋企优联、锋友学盟、锋益等多个子品牌，截止目前已在北京、深圳、上海、广州、郑州、大连等20余个核心城市建立直营校区，服务近20万学员、近千所高校和数万家企业。

有哪个网站可以自学web前端？

我也在W3Cschool学过HTML，总感觉缺了点什么，然后就去报了培训班，跟老师说我要学用HTML做出好看的EDM设计，于是老师就让我照着EDM案例模仿学习，很快我就拿到了网页设计师的认证，卖给客户$100一个，很快就赚回了培训费。这算不算最早期的知识付费，还赚了？

学习需要动力，总是停留在理论层面是没有价值的，所谓的实操也不是一场考试认证，而是做出商业化项目作品，看客户是否愿意为你付费？正好有一个机会，让你做属于自己的3D可视化项目，这里了解一下什么是3D可视化？就是带有基础数据的3D效果图，根据需求不同进行更多效果开发，天猫双十一倒数大屏也算一种！

如要进行3D开发实操，推荐去thingjs注册免费账号用一下，官方有优惠哦！近两年新兴的thingjs，采用编程语言进行开发，有web前端基础的同学容易入门。

前往资源中心，提供十万个3D模型、场景和项目案例，还提供教程视频、下载插件和开发技术文档，手把手教你开发3D动画！这些都是理论基础准备，开发界面还提供200多个3D源码（如下图），光学会这些官方示例，你也差不多具备3D可视化的前端基础了，而且这是聚焦于物联网3D可视化，很有“钱”景！

有初学者破了一周开发出3D项目的记录，thingjs就是为项目开发者提高效率而生的！完成一个3D项目，不需要什么高大上的配件，只需台式电脑和谷歌浏览器，就可以做出不错的3D可视化效果！

消防可视化效果演示：

Web前端基础技能知识都有哪些？

Web前端基础技能知识都有哪些?当我们在接触一门新技术的时候，可能会有很有的疑问，常常会从不同的方面去衡量。比如Web前端基础知识有哪些?Web前端好找工作吗?Web前端的市场前景如何?一系列的问题，今天北京IT培训就和大家一一阐述。

1、html+css。

2、。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有别的编程语言的基础的话，学起来可以或者要费些力。

3、Photoshop、flash。熟悉会一点儿就行了，不必全部都学得精晓，如果你在学习的过造中对ps或者flash比较感兴趣的话，也可以或者尝试做美工这一行。

4、html5和css3。可以或者先理解一下，然后再着手。毕竟IE的浏览器大多还不支持。

5、浏览器兼容。懂web标准，熟练手写xhtmlcss3并符合符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还利用的人还是有的。

6、熟悉一门后援编程语言asp、php、jsp等。

web前端开发的学习方法？

用微信的人已经快达到与QQ的使用人数了，而随着微信小程序的出现，web前端的也被推至了潮流尖端。凡是热门的行业都是需求暴涨的，不论是web前端，还是HTML5又或者是Java工程师等职业，均是如此。如果零基础的你想做web前端开发程序员，那就来北京北大青鸟web前端培训吧，零基础也可以入学，老师引导你从零到有。那么零基础要怎么简单的入门呢?北京北京UI设计培训一起来看看吧!

1、自学

通过自己自学进入该行业，见效慢，不够系统，没有外援，使得学习过程中容易丧失自信与兴趣。

2、培训班

通过参加教育培训机构入门。通过自身学习入门你需要通过的是最开始学习时多看看视频，有一定了解后针对自身情况挑选合适的书籍，进行知识性的查漏补缺。当然这学习的过程很重要，需要将自己学习的知识串成知识点时常温习。平时多练习代码，坚持一段时间之后一定能有所成就。然后还可以参加合适的教育培训机构，这样可以减少你学习的时间，有针对性的学习。

零基础wen前端培训如何入门

Web前端的学习是一个由易到难的过程。技能很重要，但重要的是Web前端的思维和对行业*动向的了解，以及学习方法的养成。其技术分为三个阶段：分别是前端美工、前端开发和前端架构。前端美工主要负责最基本的一些平面设计，交互设计，不需要参加太多代码问题;前端开发会写js，应用js，用户交互等;前端架构是开发、优化框架和服务器，用户体验等涉汲就比较广。三者薪资根据等级不同也逐渐升高。

Web前端开发包括三个要素：HTML、CSS和JS，是Web前端开发包括的三要素，当然服务器端语言以及基本的PS、视觉设计也是需要了解的。Web前端既需要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能比较多。所以对于有些知识只需要入门不需要精通，有些知识却需要融会贯通，这对Web前端开发的学习比较重要。

自学web前端开发,请问从何入手呢？

学习前端，要从学习HTML和CSS开始着手。关于这部分的学习，网上可选择的资料就太多了，这里不一一列举，题主百度搜索栏搜索 HTML 教程，或者css 教程，就可找到相关资料。

接着是学习前端的一个难点、也是重点，就是。

首先，初学一门语言，要秉承一个原则：“能动手的，尽量别吵吵”

另外，你需要一个能够从简到难的知识体系，一步一步跟下来。

下面是干货。

体系：上图。

说明一下这张图，题主提问如何有效学习JS，我这里理解为JS原生，所以关于框架、工作流的内容，没有具体展开，题主有兴趣可以自行搜索。

一、文档资料

红宝书(基础)：

蝴蝶书(进阶)：

阮一峰老师ES6:

权威官方文档MDN：

二、学习步骤

语法和基本类型

控制流

循环

表达式和操作符

日期对象

正则表达式

对象

上面这些搞定，就已经掌握了ES5的最基本的内容了，接着，我们就可以来操作页面了。毕竟这是一个看脸的社会，我们在搞页面的同时，还要注意一下页面的样式。

8.DOM操作

1>DOM树的概念

2>从DOM树取节点

3>操作这个DOM树(节点的添加、删除、修改)

4>访问节点(, children, 等等)

5>属性操作(id, className)

9. 事件处理

1>鼠标事件(mouseove)

2>键盘事件(keyup)

3>浏览器事件(load)

好，到这里，基本上静态页面，你就可以随意玩耍了。这里我们*降上面思维导图提到的例子，都撸一遍。一是加深上面知识点印象，二是锻炼一下编程的逻辑思维能力。具体实现，网上有一堆堆的。（这里让题主自己搜索，是因为编码的一项重要能力，就是搜索）一定要谨记，多敲代码。

10. 面向对象：原型式继承、原型链

11. ES6：

ES6跟ES5还是有较大的区别，所以建议你能系统的过一遍，将上面的练习，改为使用ES6再来一遍

三、调试

1、JS编程的调试非常简单，打开浏览器控制台(我个人比较钟爱Chrome)。如图：

1> console标签：这个标签，可以打印我们开发时，JS引擎为我们抛出的异常。我们可以根据这个异常的信息，来分析错误原因。另外，我们也可以在代码中使用console.log() 输出程序运行时的环境变量信息。

2> 右红框1：错误提示。说明当前页有一个error发生，点击他，可以跳转到console来查看错误具体信息

3>右红框2：警告信息。提示了我们程序潜在的危险。

4> source，我们进行单步调试的地方。具体见下图

（四）、工作流(跟JS原生关系不大，不详细展开了)

webpack

gulp

上面的内容结束后，就可以进入前端框架的海洋中畅游了。