web前台开发自学路线,html+css+JavaScript的学习方法

作者 : 开心源码 本文共2195个字,预计阅读时间需要6分钟 发布时间: 2022-05-13 共146人阅读

不不废话,直接干货

学习前台的几个阶段:

一阶段:html标签、html5新添加标签、css样式、css3样式、媒体查询等

二阶段:JavaScript、jQuery、ajax、面向对象、http传输协议等

三阶段:canvas、js高级应用、JS-SDK、H5新添加技术

四阶段:node.js、vue.js

第一阶段——HTML的学习

超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给客户。因 此,我们必需掌握HTML的基本结构和常用标记及属性HTML 的学习是一个记忆和了解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果,在“代码”视图中学本质, 将各种视图的优势发挥到极致,这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味,想必对各位初学的小盆友们来说,必定是极好的!

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

第二个阶段——CSS的学习

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

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

“楼房”建设完成之后,我们可以交给客户使用,但是假如想让客户取得更佳的体验,我们还可以对“楼房”进行更深一步的“装修”,让它看起来更“奢华”少量。

第三个阶段——JavaScript的学习

JavaScript是一种在用户端广泛使用的脚步语言,在JavaScript当中为我们提供了少量内置函数、对象和DOM操作,借助这些内容我们可以来实现少量用户端的特效、验证、交互等,使我们的页面看起来不那么呆板,屌丝瞬间逆袭高富帅!有么有?

此时,也许你还沉迷在JavaScript给你带来的惊喜之中,但你的项目经理却忽然对你大吼道这个效果在××浏览器下不兼容,重新搞……”

“不兼容?”瞬间石化了有木有?

我擦,坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊,吐血了都!”

JavaScript的兼容性和复杂性有时候确实让我们头疼,还好有“大神”帮我们做了封装。

我目前是在职前台开发,假如你现在也想学习前台开发技术,在入门学习前台的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,你都可以申请加入我的前台学习交流裙:前面:851 中间:231 最后:348。里面聚集了少量正在自学前台的初学者裙文件里面也有我做前台技术这段时间整理的少量前台学习手册,前台面试题,前台开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

Web前台的学习建议

最后给大家聊聊在学习Web前台中的少量建议和方法:

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

“君子生非异也,善假于物也”,在学习的过程中还要多浏览少量优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。

计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能!

每个人的成长与基础不一样,结合自己的实际情况,在执行。还是重复一下,前台的核心是html,js,css不难,但需要来积累。

对前台我是这么看的

html,css就像一瓶酒,得品

html,css总共就那些标签跟选择器属性什么的,但是要写一个有扩展性,健壮性或者维护性的页面不容易。现在写页面基本条件反射,不是如何快速的完成,而是思考假如有界面需求修改,怎样在修改代码最少的情况下快速完成需求任务。这是对前台耐力,体力,智力的三重考验。

js就像一把剑,得磨

js刚开始只是为了较验,随意技术社会的发展,承担的角色越来越重,刚开始玩玩jQuery感觉已经会js了,其实只是冰山一角。随着对js的理解越来越多,他即变态又可爱,即好玩又难控,即有很多兼容问题,但处理兼容是我们基本生存之道。从ajax到jsmvc一路走一路看,高载潮一浪高过一浪。

人生就是一场梦,得作

技术只是生活的一部分,曾经雄心斗志,如今低头写码。改变能改变的,接受不能改变的。人生有限,只争朝夕啊。人生学习的态度是:不急不躁,不快不慢。持之以恒,相信自己。不求能改变世界,但求能改变自己的生活。不求健步如飞,但求一步一脚印。感谢磨难,他使我们内心更为坚强。感谢挫折,他使我们不断的成长,感谢bug,他使我们的思维更加深邃。感谢前台,他使我们更加的相信,撑起一片天空需要十八般武艺。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » web前台开发自学路线,html+css+JavaScript的学习方法

发表回复