对web前端的建议_Web 前端自学有哪些建议

‘壹’ 零基础开始学 Web 前端开发，有什么建议吗

前端虽然学习起来是相对简单的，但是内容也不少，同时后期可以补充后端技能，成为现在热门的web全栈工程师。

要学的内容主要有：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

想要系统学习，你可以考察对比一下开设有相关专业的热门学校。好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝学有所成！望采纳！

‘贰’ 想学web前端有什么建议吗

1，每天都要去学习，不懂的地方照着视频多练习，或者多问。
2，总结自己自己不懂的地方。
3，多做笔记，也要记得有空多翻翻自己的笔记。

‘叁’ Web前端的学习建议，送给初学者们！

在IT行业好技术是练出来的，直到能够熟练的掌握，真正自己一个一个的敲着代码，遇到问题了，才能真正的去思考解决的方案，才会在不断的摸索中成长起来。多看学习资料教材，网上有很多的学习资料或者交流论坛，刚开始很难让自己全面理解一个东西，坚持看书至少前端相关的语言都有一定的了解。

尽量去学习一门后端语言，也许实际工作中你用到的很少，但对你问题的解决会有一定的帮助。不要把自己局限在前端开发这一岗位中，你不止是一个前端，还应该是一个设计者，去接触更多的产品，你才会发现技术为什么有用，去爱一个产品，你才会把技术用得更好。

想成为优秀的前端开发工程师，需要你付出更多的时间与经历，在国内大学里几乎没有前端开发的课程，最多也就是网页设计之类的课程，作为初级了解还行，如果今后想要从事相关方面的工作，那就需要今天提升了，所以，目前前端开发主要是通过自学，和参加正规的职业培训。

前端学习步骤如下：

第一阶段：html+css+ps切图+ftp网站上传+html5标签+css3动画+手机端开发+swiper.js+iscroll.js

第二阶段：js+jq+ajax+正则表达式+面向对象+js插件+github+sea.js+require.js+gulp

第三阶段：2D+3D应用+touth+canvas+svg+本地储存+h5拖拽+highcharts+boorstrap

第四阶段：node.js+vue.js+react.js

以上就是环球青藤小编关于Web前端学习建议的相关分享，希望对大家有所帮助，想要了解更多相关内容，请及时关注本平台并进行查看!

‘肆’ 怎么学习前端开发有什么好的学习建议

学习前端最有效的方法是持之以恒的坚持。

无论做什么，先别想那么多先做了再说，因为人都是懒惰，什么事情最先想到的都是走捷径，深怕付出了没有回报。学习这个事情，从小学老师就说，一定要好好学习天天向上，去总结了真的努力了，到头来除了抱怨还抱怨，总期望天上掉馅饼。方法有很多种，真的适合的才是真的有用，什么样的方法才适合自己，无论什么方法你得做了才有效！所以没有最有效的方法，只有持之以恒的坚持才是真正有效的。

下面给您提供极点学习建议，仅供参考：

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

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

对于学习技术来讲，掌握一个学习方法是非常重要的。其实对于学习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数据库)。

以上学习路线配套视频教程邀您移至B站尚学堂，免费教程随你挑！

‘伍’ 零基础开始学 Web 前端开发，有什么建议吗

看你是想自学还是培训，自学不建议看书，视频效果会好很多，在学习的过程中你得边看边跟着写，这样才能从学到会，不然真的就是看了就是看了，到最后啥也没学会。

如果是培训的话，就需要楼楼多方面考察对比，比如课程内容，师资，学习模式等等，接下来我们就具体聊聊究竟如何去选择。

1、课程大纲

Web前端对于零基础的小伙伴也是非常友好的，好入门，上手快，可以立马看到学习效果，这也大大提高了学习的兴趣。但是并不是说前端没有技术含量，我们在选择培训机构时，课程内容不仅要包含前端基础，还要看看是否有vue.js、react.js、react-native和Flutter等主流框架，并扩展three.js、typescript等等技术，深挖、剖析框架原理。甚至了解后端的知识，这样在工作中才能减少沟通成本。

很多培训机构都会在官网展示自己的课程大纲，课程内容等等，将心仪机构的课程大纲截图下来，对比几家的课程大纲，去判断哪家的课程大纲、课程周期安排比较合理，内容深度广度是否适当。

2、是否安排免费试听

很多在线培训机构会将部分课程放在腾讯课堂、B站、自己的在线课堂，或者可以直接参加前期的免费试学。因为很多人目标不明确，甚至是迷茫的，所以先试听，看看自己是不是真的想从事Web前端这个岗位，以及是否适合做技术这个行业。其实最重要的是看看你是否能坚持，这种学习模式是否适合你。

3、教学力量

参加试听的过程，可以让你清楚这个讲师的水平或者是讲师的讲课风格是否适合自己。老师不一定需要是顶级大牛，但是一定要有足够的专业技能和项目经验，真正帮助学员成长。因为在线培训，老师和学员不能做到面对面沟通，这就要求讲师一定对学生有足够的耐心，细心，学员提出问题要及时解答等等。

4、学习模式

是否为直播授课，以及定期检验学习成果，比如月考，阶段考等等。在学习过程中是否有详细到每天的课程计划表？以及每天课程结束后是否有课后作业等等。线上课程由于管理的局限性，只有做到这样，才能全面增强学员的学习体验与老师的学习互动。

5、学习氛围

线上学习的学习氛围其实对于学员来说很重要，相对于线下学习，线上学习更多的是自主学习，那么如何去营造大家的学习氛围，这就需要培训机构有专门的人来组织，比如是否有专门的学习群，学员可以通过在群里讨论，老师批改作业等等方式来促进大家的学习积极性。好的学习氛围有约束力，能够让你不自觉的前进。

6、是否有班主任

最好是选择有班主任管理的线上学习机构，这样遇到问题也能够及时的处理。其实班主任最主要的功能还是督促你学习，因为在线学习很容易受到外界因素的干扰。如果没有班主任盯着你学习，你的学习进度，质量都会下降很多。

7、就业保障

我们在签订就业合同的时候，一定要注意是否有就业保障这一块，比如是否有就业方面培训课程，是否有就业老师负责就业？最后万一没有就业是怎么办？

关于如何筛选就跟大家啰嗦到这，有任何问题，欢迎私聊我，大家一起研讨~

‘陆’ 想学web前端开发有什么建议吗

首先你知道自己学什么干什么用，比如你要开发软件，还是做网页页面；
一定要对前端这个行业有一定得了解，对于个人发展有想法；
程序员是加班比较多得职业，想做Web前端开发加班是不可避免的。
我认为兴趣是职业能不能做好的前提，如果想学Web前端一定要去多了解了解；
市面上的培训机构太多了，要做好比较，找到靠谱的机构。学习平台的确定是今后工作的前提。

‘柒’ 如何学习web前端

学习最重要的是找到正确的方向，否则，付出再多的努力也是与成功背道而驰。

很多时候，成功除了需要勇气、坚持外，更需要正确的方向。也许有了一个正确的方向，成功来得比想象中更快。如果在错误的路上奔跑，再怎么努力也是无济于事。学习Web前端也是如此，首先明确自己的学习路线。以下讲述一下学习web前端的4个阶段怎么做：

1.HTML

首先，学习HTML。HTML(Hyper Text Mark-up Language，超文本标记语言)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。

HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学web前端开发的菜鸟们来说是一个很好的方法。

学习了HTML后，只是掌握了各种“原材料”的制作方法，要想盖一幢楼房，还要把这些“原材料”按照我们设计的方案组合布局在一起，并进行一些样式的美化。

2.CSS

接着来学习CSS。CSS（Cascading Style Sheets，层叠样式表），是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。

同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习可以顺利完成“一幢楼房”的建设了。

“楼房”建设完成后，就可以交给用户使用了，但如果想让用户获得更佳的体验，还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。

3.Javascript

JavaScript是一种被广泛用于客户端的脚本语言，JavaScript为我们提供了一些内置函数、对象和DOM操作，借助这些内容可以实现一些客户端的特效、验证、交互等，使页面看起来更加活泼。

尽管JavaScript有很多优点，让你惊喜不已，但当项目经理对你说“这个效果在××浏览器下不兼容，重做！”时，你肯定懵了：“不兼容？那可是花了我一个晚上写了几百行代码的啊！”

的确，JavaScript的兼容性和复杂性有时真的很让人头疼，幸好有“大神”帮我们做了封装。

4.jQUery

最后学习jquery。jQuery是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时有很多基于jQuery的插件可供选择，这样，在实现一些丰富的动态效果时更方便快捷，大大节省了开发时间，提高了开发速度，这也充分体现了其“writeless，domore”（写更少的代码，做更多的事情）的核心宗旨。

“豪华大楼”至此拔地而起，但是如此日复一日，年复一年的盖楼，好繁琐！如果可以将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样就简便、快捷了。

这种思想也适用于Web前端开发中，于是出现了各种前端框架，下面介绍的是Bootstrap。

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。

在项目开发过程中，借助Bootstrap提供的CSS样式、组件、JavaScript插件等，可以快速地完成页面布局和样式设置，然后有针对性地微调样式，这样基于框架进行开发大大缩短了开发周期。

二、关于学习Web前端的建议

最后给大家讲一下在学习Web前端过程中的一些建议。

在CSS布局时，需要注意一个问题：很多同学缺乏对页面布局进行整体分析，不能从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。所以在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。

“君子生非异也，善假于物也”，在学习过程中还要多浏览一些优秀的网站，善于分析、借鉴其设计思路和布局方法，见多方能识广，从而融汇贯通，取他人之长、为己所用。

同时还要善于使用Firebug这个利器。Firebug一方面可以帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码。

随着移动互联网热潮的到来，移动开发越来越受到大家的欢迎，响应式布局、微网站等需求量不断增加，也是Web前端未来的发展方向之一。对web前端开发感兴趣的同学可以多点学习这方面的知识。

‘捌’ Web 前端自学，有哪些建议

自学方法：

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周)

第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都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。

视频教程：

网页链接

希望对你有帮助，望采纳~

‘玖’ 学习Web前端开发，这些可行性的建议分享给大家！

1、阅读英文文档

如今大部分优秀开发的资源都是以英文的形式展现到网络上的。当然不排除有些国内的热心人会把他们翻译成中文，再托管到相关网站上，但是，这毕竟是少数。而且中文文档往往会跟不上国外官网的脚步。如果你用着新版本的框架，而看着旧版本文档写代码的话可能会引入一些新版本里面已经抛弃了的写法，进而你的项目可能会出现一些诡异的行为。而且这类bug往往最难发现。当然，并不是说你一定要英文很流利才行，但是最起码要看得懂英文文档。

2、操作系统

这里我们谈谈操作系统，毕竟有些朋友还是会纠结选择什么操作系统。

Windows

· 优点：用户页面可用性较好，丰富的桌面端软件，玩游戏一级棒。

· 缺点：软件广告比较多，病毒相对多些，命令行不够友好。

Linux

· 优点：命令行非常好用，开源社区活跃，发行版本比较多。

· 缺点：常用桌面软件开发商比较少，QQ这些都没有。有些发行版不怎么稳定，经常卡死。

MacOS

· 优点：命令行非常好用，界面优雅，可用性高。苹果商店有许多windows平台所没有的优质软件。

· 缺点：设备昂贵，普遍配置不高，不太适合打游戏。

至于具体使用什么系统各位可以自行掂量，但是个人觉得结合命令行开发会更爽一些，因此我曾经选择过Linux。后来，机缘巧合之下买了台Macbook之后就再也回不了头了。

3、HTML + CSS + JavaScript

现在才谈这些技术点并不是说这东西不重要。只是我觉得这三样东西就算我不说，只要你有心搞前端肯定会去学，那还有说的必要吗?

以上就是青藤小编关于Web前端开发的学习建议的相关分享，希望对大家有所帮助，想要了解更多相关内容，欢迎大家及时在本平台进行查看哦!

‘拾’ 如何深入学习web前端

web前端学习包括自学和系统学习两种方式，零基础是可以学会web前端的。自学吃力的原因，可能在于学习顺序不太对，比如先去学习了最难的一部分，所以感觉比较吃力。其实掌握了方法，前端学起来真的不会特别难。

web全栈工程师5.0课程包括：