前端编程语言的学习方法和技巧

① 如何快速学习前端

自学前端是一个非常辛苦的过程，最不可缺少的就是坚持下去的决心以及合理的学习计划。接下来我简单说一下自学前端需要注意的几点以及自学前端的路线。

自学方法：

1、作为一个初学者，你必须明确系统的学习方法，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对web前端还没有任何概念的时候，需要一个人领进门，之后就靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写。所以在这里告诉大家，书可以看，但是是建立在你已经对于某个知识点有了具体的操作的执行后，再用书去巩固概念，这样更加利于你对知识的理解。

推荐一个自学前端的路线，你可以参考一下：

第1阶段：前端页面重构(4周)

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

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

相关的视频教程你需要的话，可以加一下我的交流群，里面都有，其他的资料也可以问我要。

② 如何开始学习前端知识，我的基础比较差

一、明确目标

1、明确自己以后要做什么，需要掌握什么技能。很多人在不知情的情况下盲目学习。首先，你知道公司现在需要什么人才，你应该为什么目标而奋斗。

2、系统的规划，每天学习哪些新知识和每天做的作业、练习。很多人都想自学web前端，以为过几天看完教学视频就行了。但事实上，想通过学习web前端找工作，没有4-6个月或者接触项目实战很难做到。因此，规划是必要的，而且需尽早开始规划。

3、注重学习方法，很多人在学习web前端的时候，刚开始学习的时候选择了错误的学习方法，因此最终注定要放弃，回到原来的岗位继续做自己不喜欢的事，学习web前端需要一定的技巧，在开始学习之前要多问问别人，不要盲目的自学，浪费时间。

二、掌握基础技巧

一个优秀的网络前端开发工程师必须具备系统的知识和丰富的工作经验，因此，许多大公司很难招聘到理想的前端工程师，甚至高薪也是如此。那么如何系统地学习实用的企业 web前端技术呢？在此，源妹儿不再进行技术讲解，而是集中进行技术讲解。技术并非黑白分明，只有对错，技术见仁见智。

1、必须掌握基础的Web前端开发技术，包括CSS, HTML, DOM, BOM, Ajax, JavaScript等等，在掌握了这些技术之后，还必须清楚地了解它们对不同浏览器的兼容性，渲染原理以及存在的bug。

2、要想成为一名合格的前端工程师，还必须具备网站性能优化、SEO、服务器等基本知识。

3、要学会利用前端的各种辅助开发工具。

4、除技术层面外，还应具备以下方面的理论知识：代码的可维护性、组件的易用性、层次化语义模板和浏览器分级支持等。

三、了解框架

做前端开发的都知道3大框架：Angular,Vue,React，下面说说他们的特点。

1、React：次组件重复渲染问题需要手动优化；rex可以用于状态管理，函数化，不可变，模式化，时间旅行；JSX，完全的 javascript功能；更加繁荣的社区生态。

2、Vue：可使用JSX，但推荐使用模版语言不是JSX；

3、Angular：包括模板、数据双向绑定、路由、模块化、服务、过滤、依赖项注入等所有功能的完整 MV框架；Typescript；比较 UI与后台数据一致性的不完整数据检查。

4、jQuery ：还推荐使用，它使用简单，学习方法也很简单。只要根据产品文档完成几页的工作，你就不需要做任何事情。然后，查一下这些文件。这个框架可以帮助你屏蔽浏览器的多样性，让你更加关注 Web开发的本质和学习。

5、Boostrap:它无疑是目前使用最广泛的一个框架。它是一套美观，直观，实用的网页设计工具，可以用来开发跨浏览器兼容性好，视觉效果好的网页。这个软件提供了很多流行的简约风格的 UI组件，网格系统，以及一些常用的 JavaScript插件。

四、注意事项

1、有必要理解产品的逻辑和形成过程——希望参与开发产品的相关人员可以参与到产品讨论中，以了解需求。并理解产品隐藏在未来的需求！

2、想要知道交互细节——想要参与产品开发页面的相关人员参与交互讨论，想要了解交互和设计细节！确保网页的结构合理且可扩展！只要有合理的建议！

3、了解资料界面-了解产品相关模组所需资料，与相关技术人员沟通并形成文件。

4、学习行业最新技术，参与行业交流！

前端是网站的门面，是背景实现和视觉表达之间的桥梁，贯穿整个产品开发过程，起着承上启下的作用。一个好的前端工程师可以很好的理解产品经理对用户体验的要求，也可以很好的理解后台工程师对数据逻辑或者程序逻辑分离的要求，并将这些要求转化为前端开发工作。

最后，如果基础特别差，建议可以选择前往培训班学习。重庆源码时代，专注于JAVA、H5前端、Python等IT教育培训，着力于为企业培养编程、设计、产品等方面的“实战型”人才。为互联网市场培育了10W+精英学员，学员毕业平均首薪7500+，专业就业率高达98%，学员口碑推荐入学率高达80%。无论你是零基础还是想转行，来源码时代，带你实现高薪就业~

③ 怎么自学前端

自学方法：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。

自学路线：

第1阶段：前端页面重构(4周)

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

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

基础书籍：

1、《Head First HTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。

2、《CSS权威指南(第三版)》，这本书作为 CSS 的经典着作，把原理讲得非常的通透，除了 w3c 标准，算最权威的一本了，毕竟权威指南。

3、《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。

4、《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。

5、《JavaScript DOM编程艺术(第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。

6、《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。

视频教程:

网页链接

望采纳~