网站首页 > 技术文章 正文
网页制作是计算机专业同学在大学期间都会接触到的一门课程,而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver,这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。
入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时,很多人会陷入一个误区,那就是既然借助这么帅的IDE,通过鼠标点击菜单就可以快速方便地制作网页。
那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?
但是随着学习的深入,就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质,知其然但不知其所以然。
因此在页面效果出现问题时,我们便手足无措,更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性,使我们忽略了华丽的网页背后最本质的内容——code。
正确的方向胜过无谓的努力
有两只蚂蚁想翻越一段墙,寻找墙那头的食物。一只蚂蚁来到墙脚就毫不犹豫地向上爬去,可是每当它爬到大半时,就会由于劳累、疲倦而跌落下来。虽然它不气馁,一次次跌下来,又迅速地调整一下自己,重新开始向上爬去。
另一只蚂蚁观察了一下,决定绕过墙去。很快,这只蚂蚁绕过墙来到食物前,开始享受起来;而另一只蚂蚁还在不停地跌落下去又重新开始。
很多时候,成功除了勇气、坚持不懈外,更需要方向。也许有了一个好的方向,成功来得比想象的更快。如果在错误的路上奔跑,再怎么努力也是白搭。学习Web前端也是如此,首先应该选择一个正确的学习路线。
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的兼容性和复杂性有时候的确让我们头疼,还好有“大神”帮我们做了封装。
在这里小编推荐自己的学习qun ;可以更好的学习到前端知识,我也会不定期的分享学习资料(2131 26486 ),填写并私聊我(落叶)方可领取。
HTML、CSS、JavaScript被称为前端三剑客。
其中,HTML、CSS比较容易,JavaScript属于较难的一部分。
很多程序员小伙伴顺利学完HTML、CSS,但是学到JavaScript选择了放弃。
下面为分享入门JavaScript的几点经验:
1、认识JavaScript
Javascrip是运行在浏览器上的语言,它能控制浏览器,让它听从我们的命令。
浏览器根据javascript的指令,能够操作HTML和CSS。
2、前端学习路线
关于前端学习路线可以从HTML到CSS到JavaScript,最好是循序渐进,如果你一会儿学html,一会儿又学CSS,这样学习你会感觉很凌乱。
你可以做点小项目,比如todo list就很经典,还有TodoMVC也是值得借鉴的。
特别是,有些程序员小伙伴做HTML5开发的,学JS语言,有必要学习一些JS库。
JS紧跟每年更新的ES标准,强烈推荐上TypeScript。
3、JavaScript微课
对于小白前端程序员来说,要阅读一大本JavaScript的编程书籍,会感觉十分乏味。
编程主要还是要先培养兴趣,让自己感觉编程好玩,然后再系统学习。
4、前端程序员必看的4本编程书
最后,给小伙伴们分享JavaScript书单,比如《JavaScript高级程序设计(第3版)》、《JavaScript语言精粹》、《你不知道的JS》、《JavaScript设计模式与开发实践》,你看过几本呢?
猜你喜欢
- 2024-10-06 Python Flask 全流程全栈项目实战
- 2024-10-06 还在苦苦写jsp页面?浩浩带你零基础玩转ant design vue Pro第一天
- 2024-10-06 web前端:CSS的常用属性速查表 web前端 css
- 2024-10-06 我的前端之路 - 2(初识HTML) 前端简史
- 2024-10-06 Web开发前端、后端与全栈的区别是什么?
- 2024-10-06 2019年最全的web前端知识体系汇总
- 2024-10-06 Web前端中的js都能运用到哪些方面
- 2024-10-06 负债翻身,破产第55天,请叫我东郭先生,农失与蛇的故事...
- 2024-10-06 Java实践之前端书单 java前端基础
- 2024-10-06 WEB前端技术开发在明年还有前景吗
你 发表评论:
欢迎- 513℃几个Oracle空值处理函数 oracle处理null值的函数
- 511℃Oracle分析函数之Lag和Lead()使用
- 504℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 499℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 490℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 483℃【数据统计分析】详解Oracle分组函数之CUBE
- 464℃Oracle有哪些常见的函数? oracle中常用的函数
- 463℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (61)
- 前端数组 (73)
- 前端排序 (47)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)