当前位置:澳门新葡亰亚洲在线 > 计算机前端 > 自学web前端开发请问从何入手呢?

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

文章作者:计算机前端 上传时间:2019-06-16

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  学习web前端开发,需要弄清楚前端开发是做什么的,才好有方向去努力。初级阶段:从零基础到网页大师,基础阶段:从网页大师到前端开发工程师,进阶阶段:前端高级开发工程师。我建议你还是先找几本书来看,书店里有很多HTML+CSS+javascript的书,就是一本全讲完的,挑你能看的懂的书看,不一定要多么有名气的作者,也不一定要外国作者的书,因为你现在刚刚开始学,需要基础。HTML标签很重要,先别研究HTML5,和CSS3。好好学习HTML和CSS,有空看一下简单的JS语法,写点简单的JS程序,如果你想深入了解JS更是有一大堆书值得学习。还有jquery,当然这是后话了。

  千锋教育专注HTML5前端、Java开发、Python全栈、UI设计、物联网嵌入式、区块链、大数据、人工智能、软件测试、PHP、云计算、信息安全、Unity游戏开发、红帽RHCE认证培训服务

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

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

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

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

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

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

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

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

  展开全部你首先要搞清楚前端开发是做什么的,才好有方向去努力。如果你只是想切图(把PSD的图片写成html代码),我建议你还是先找几本书来看,书店里有很多HTML+CSS+javascript的书,就是一本全讲完的,挑你能看的懂的书看,不一定要多么有名气的作者,也不一定要外国作者的书,因为你现在刚刚开始学,需要基础。HTML标签很重要,先别研究HTML5,和CSS3。好好学习HTML和CSS,有空看一下简单的JS语法,写点简单的JS程序,如果你想深入了解JS更是有一大堆书值得学习。还有jquery,当然这是后话了。

  然后你还要重新认识浏览器,你会发现浏览器是个神奇的东西,一般会把你弄奔溃。电脑上多装几种浏览器,从开始布局网页就要开始不断的测试。(浏览器兼容也是你要考虑的)

  这样差不多你就可以入门了,至于以后的,代码风格和规范你要经常阅读别人的代码,思考人家为什么这样写的的好处,慢慢有自己的代码风格。

  学习通常看视频会快一点,css3,h5,js是基础,根据你的情况,从你的问题来开,你还需要多加努力,如果你是计算机相关专业的,你可以去国内的菜鸟教程,w3school等网站上学学,如何觉得枯燥,可以看看视频,国有有很多视频网站,他们的一部分视频是免费的,边学边练习,学习前端应该不是很难;如果你不是计算机相关专业的,自学是很困难的,因为你没用相关的编程基础,不好学习,如果真的对前端很感兴趣,你可以向自己的盆友请教开导你会好一些,实在没法去培训下也可以

  前端的学习路线基本是 (html+css+html)-(dom+bom)-(jquery,bootstrap,vue等框架),万丈高楼平地起,学习编程重在上机实战,只是看永远学不会,初学者多敲敲别人的demo,多写写代码,入门是没有问题的

  遇到自己不懂的问题多去google,百度,去看看别人的博客,收益无穷,这个网站收藏了一些,对你可能有帮助网站收藏,最后,要想有好的成就,记得关注别人的博客,跟着大牛们学习,你应该加入一些社区论坛,这样可以向别人学习和实时了解技术的新趋势,别闭门造车。备注一下,这里可能是以后你常来的地方,不妨先去了解了解github

  从前端基础入门知识学起,掌握基本的HTML+CSS网页布局,以及简单的JS特效,最终可以独立开发出前端PC网页。

  注:CSS是一种定义样式结构如字体、颜色、位置等样式的语言,被用于为页面添加效果。需要全面了解CSS的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。

  使用H5+CSS3实现网页动态特效,通过Bootstrap框架学习,从原生编码过渡到框架使用,更高效的开发出适配各个设备的响应式网页。

  注:需要全面了解主要包括CSS3的选择器、边框、圆角、背景、渐变、文本、字体、转换、过渡、动画、多列布局以及用户界面。

  学会H5进阶内容:svg、canvas、H5存储、拖拽上传等,对JS、jQuery进行提升,学习企业开发模式——组件化开发,在企业项目团队中协同合作,实现“高内聚、低耦合”的网页搭建。

  学习JS的最新版本ES6,前端流行框架Vue.js, 结合最流行的打包工具Webpack,掌握一个项目上线前的所有开发流程,真正成为一个能够满足企业需求的前端工程师。

转载请注明来源:自学web前端开发请问从何入手呢?