❶ 如何系统有效的学习前端
网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。前端的核心价值在于对用户体验的追求，Web前端开发是从网页制作演变而来的。初学者可以参考以下的教程进行初步的系统学习！ 基础知识1、HTML + CSS 这部分建议在W3school在线教程上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《Head First HTML 与 CSS 中文版》，这本书讲的太细了，我没能拿出耐心细读。你可以根据情况斟酌。 2、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 W3school上学习。之后建议马上看《Javascript语言精粹》，JS是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。 进阶有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。 1、CSS。必看《精通CSS》，看完这本书你应该对：盒子模型，流动，Block，inline，层叠，样式优先级，等概念非常了解了。作为练习可以看下《CSS艺门之匠》这本书，它对标题，背景，圆角，导航条，table，表单等主题都有详细的介绍。 2、Javascript。上面提到内容还不足以让你胜任JS编程。在有了基础之后，进一步学习内容包括： a） 框架。 推荐jQuery，简单易用，在W3school简单学习js后，直接上手jQuery即可完成一些简单的项目。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与Web开发学习的精髓部分。补充： 可以使用Codecademy学习 Javascript，jQuery，用户体验真的很好（感谢 TonyOuyang ）。 b） Javascript 语言范式 。这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。Javascript不完全是一个面向对象的语言，它的很多设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。 Javascript的很多语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要理解，维基网络，网络会是你的帮手，另外推荐《Object Oriented Javascript》，应该有中文版。对与函数式编程我了解的也不系统，不好多说，可以自己网络一下。 c） Javascript 语言内部机制。必须弄清如下概念：JS 中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，‘this’指向的是谁。这部分内容你会在《Javascript语言精粹》中详细了解。另外，你必须理解 json。 d） dom编程，这个Web前端工程师的核心技能之一。必读《Dom编程艺术》，另外《高性能 Javascript》这本书中关于dom编程的部分讲的也很好。 e） Ajax编程，这是另一核心技术。Ajax建议在网上查些资料，了解这个概念的来龙去脉，网络，维基网络上的内容就足够了。真正编程是很容易的，如今几乎所有框架都对Ajax有良好的封装，编程并不复杂。 f） 了解浏览器差异性。这部分包括CSS和js两部分，浏览器差异内容很多，建议在实践中多多积累。另外对于浏览器的渲染模式，DOCTYPE等内容应该系统学习。 3、HTML5和CSS3 。HTML5规范已经于2014年10月28日发布了，移动端HTML5和CSS3已经得到了非常广泛的使用，必知必会呀。 代码层面有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。 1）易维护。对于页面你该理解‘样式’，‘数据’，‘行为’三者分离，对应的当然就是CSS,HTML,js。对于js代码，你最好了解设计模式，重构，MVC等内容。 2）可测性。 3）高性能。必读《高性能Javascript》 4）低流量。移动端关注比较多。 工程层面前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。 然后呢？ 以上内容只是简单说了前端学习的顺序。 对于前段开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。 1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。 2、后端。 应该说前段工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，入手难度比较低的应该是PHP了。这部分由可分为基于页面，基于框架两种。大型项目都是基于框架开发的，建议至少了解一个MVC框架，比如PHP的Ci、Yii、Yaf 等，好还框架的设计思想都大同小异。如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。 3、Android和IOS开发。 时至今日，前端的工作领域已经非常广泛，native的界面开发本质上也是前端开发，个大公司都面临着Native环境和web环境页面同时维护的问题，如果能够在技术上得到统一，将会有巨大的价值。对于学有余力的同学，应该了解Native开发的基本流程，至少了解到界面构建的技术。 哈哈，上面的教程其实小编也看不大懂，如果你对前端开发有兴趣，如果你想成为前端开发大神，不妨可以借鉴下！
❷ 我想学习前端，想问下前端从入门到进阶需要具备哪些知识
html、html5
css、css3
javascript
es678910
三大框架选一个来学，vue、react、Angular
微信小程序
❸ 如何学习前端
1、准备和基础的学习开始的时候做一些基础工作还是必要的，比如选一个自己喜欢源基乎的编辑器啊，比如科学上网，高效的使用搜索引擎，markdon语法，PS切图等，这些东西都可以大幅度提升你的学习效率或编程的幸福感，所谓磨刀不误砍柴功。
接下来你就可以开始学习基础知识啦。HTML，CSS，Java这三样真的很重要，真的很重要，真的很重要，重要的事情说三遍！HTML写出基础页面，CSS将HTML静态页面从黑白色过渡到五锋猛颜六色，然后java可以让枯燥的静态文字变成可以交互的内容。
初学时不用去管那些花里胡哨的框架，一定要把基础打好。框架再怎么更新迭代，最基础的东西还是这三样，只要你能掌握好基础，就等于拿到了打开前端世界的钥匙。
2、进阶学习
掌握了HTMLCSSJava后，成功打开了前端的大门。接下来就是进阶部分，从js进阶到jquery-，jQuery就是java的一个库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率，同时极大地简化了Java编程。
然后再到angular-一种更加灵活、强大的数据绑定、html扩展的js库；然后到ajax、json、xml，可以和后台进行协同开发的技能。
学会这些东西之后，就能掌握原生JS和jQuery完成时下流行的各种PC端网页特效、前后端交互，在通往前端的路上往前迈上了坚实的一大步。
3、移动端web开发学习
移动互联网时代，自然得学移动端web开发。就得学习HTML5CSS3特性了，需学习的HTML5的标签、属性、表单、事件、视频/音频、画布等，CSS3中的边框背景、2D/3D转换、过度、动画、多列、字体、文本效果、用户界面等。
常用移动端框架：纯JS库的推荐zepto.js，CSS3中的学习bootstrap或fundation5（推荐学习bootstrap，bootstrap拥有美观的样式和封装完善的JQ插件，使用方便，基于Bootstrap的扩展也很多，这是其他框架所无法比拟的）。
移动端web开发当然离不开响应式布局，响应式布局则是通过CSS3中的mediaquery技术实现的，所以mediaquery技术也是必学的。
学到这一步，一般的开发任务基本都能轻松解决，基本满足H5移动端前端开发工程师和初级前端工程师的岗位需求了。
4、前端高级课程学习
上面的这些都是前端开发的基础，如果需要成为月薪上万，行业抢手的前端工程师，这些是不够的。还需学习ECMA6、web界面的渐进式框架vue.js、自动化构建工具Gulp、平台node.js、微信端开发等。直到能够用框架开发WEB应用，月薪上万也就稳了，妥妥的中级前端工程师。
5、js的编程思想和面向对象编程思想，其实就是事项一个事物的自己的想法，将自己的想法编写成代码。就是编码思想了。这就需要大量的实践，当在写小功能得心应手而组织工程雹悉代码有点费劲的时候，自然就会认真考虑了。js的面向对象指的是ECMA面向对象技术，它真正强大之处在于能够创建自己专用的类和对象，是一门比较复杂的技术。
当以上五条都有所涉猎后，剩下的就不需要别人进行引导了，到那时候你自己就知道你需要学习进阶哪方面的技能。当然，那时已经成为一名前端工程师，已然处于高薪工作中。
❹ 自学前端，前端开发的学习路线是什么
自学前端其实很辛苦，需要有强大的自制力和坚持下去的学习心，并且做好详细的学习规划严格执行；如果你想学前端，下面的学习路线或许对你有帮助。
前端完整学习路线
第一阶段:
HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。
JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:HTML5和移动Web开发
HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段:HTTP服务和AJAX编程
WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。
AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段:面向对象进阶
面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征:继承性、多态性、封装性、接口。
设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段:封装一个属于自己的框架
框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段:模块化组件开发
面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程:AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段:主流的流行框架
Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用库:React.js、Vue.js、Zepto.js。
第八阶段:HTML5原生移动应用开发
Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
React Native:React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5 :HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。
第九阶段: Node.js全栈开发:
快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象:全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操做。
祝你学有所成！
❺ 如何系统的学习web前端
您好，系统的学习web前端包括8个方面，按照顺序学习就可以了。
1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架
2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
3.移动端
移动端核心、移动端适配、移动端特效
4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程
JavaScript设计模式
6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
❻ 如何深入学习web前端
web前端学习包括自学和系统学习两种方式，零基础是可以学会web前端的。自学吃力的原因，可能在于学习顺序不太对，比如先去学习了最难的一部分，所以感觉比较吃力。其实掌握了方法，前端学起来真的不会特别难。
web全栈工程师5.0课程包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
如果你想要快速学习Web前端技术，专业全面的学习方式比较好，一般费用在2W左右。
祝你学有所成！望采纳！
❼ 前端开发需要学习什么应该怎么学
目前前端开发主要通过自学和报班学习两种途径学习，自学的难度高一些。
自学的话，要先规划好自己要学哪些知识，从哪里入手，有困难如何解决。机构学的话，就要选一个靠谱的机构。近几年，前端的发展还是非常好的，市场需求大，加上学习起来也相对简单，有众多人选择并学习。
学习的内容包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
想要系统学习，你可以考察对比一下开设有IT专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能，建议实地考察对比一下。
祝你学有所成，望采纳。