不废话, 直接干货
学习前端的几个阶段:
一阶段: 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 的兼容性和复杂性有时候的确让我们头疼, 还好有" 大神 " 帮我们做了封装.
如果大家对编程, web 前端感兴趣, 想要了解学习, 打算深入了解这个行业的朋友, 可以加下我们的前端学习扣 qun :767273102, 不论你是学生还是想转行的朋友, 我都欢迎, 不定期分享干货, 网页制作, 网站开发, Web 全栈开发, 从 0 基础开始的的 HTML+CSS+JavaScript.jQuery,Ajax,node,angular 框架等到移动端 HTML5 的项目实战[视频 + 工具 + 系路线图] 都有整理, 分享给小伙伴: 学习前端我们是认真的
Web 前端的学习建议
最后给大家聊聊在学习 Web 前端中的一些建议和方法:
在 CSS 布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析, 不能够从宏观上对页面中盒子间的嵌套关系进行把握, 就急于动手去做, 导致页面中各元素间的关系很混乱, 容易出现盒子在浮动时错位等情况. 建议大家在布局时采用 "自顶向下, 逐步细化" 的思想, 先用几个盒子将页面从整体上划分, 然后逐步在盒子中继续嵌套盒子.
"君子生非异也, 善假于物也", 在学习的过程中还要多浏览一些优秀的网站, 善于分析借鉴其设计思路和布局方法, 见多方能识广, 进而才可以融会贯通, 取他人之长为我所用.
计思路和布局方法, 见多方能识广, 进而才可以融会贯通, 取他人之长为我所用. 面, 另一方面我们可以使用 Firebug 方便地查看, 分析别人网站的源代码,"偷" 也是一种技能!
每个人的成长与基础不一样, 结合自己的实际情况, 在执行. 还是重复一下, 前端的核心是 HTML,JS,CSS 不难, 但需要来积累. 对前端我是这么看的
HTML,CSS 就像一瓶酒, 得品.
HTML,CSS 总共就那些标签跟选择器属性什么的, 但是要写一个有扩展性, 健壮性或维护性的页面不容易. 现在写页面基本条件反射, 不是如何快速的完成, 而是思考如果有界面需求修改, 怎么在修改代码最少的情况下快速完成需求任务. 这是对前端耐力, 体力, 智力的三重考验.
JS 就像一把剑, 得磨.
JS 刚开始只是为了较验, 随便技术社会的发展, 承担的角色越来越重, 刚开始玩玩 jQuery 感觉已经会 JS 了, 其实只是冰山一角. 随着对 JS 的了解越来越多, 他即变态又可爱, 即好玩又难控, 即有很多兼容问题, 但解决兼容是我们基本生存之道. 从 Ajax 到 jsmvc 一路走一路看, 高载潮一浪高过一浪.
人生就是一场梦, 得作.
技术只是生活的一部分, 曾经雄心斗志, 如今低头写码. 改变能改变的, 接受不能改变的. 人生有限, 只争朝夕啊. 人生学习的态度是: 不急不躁, 不快不慢. 持之以恒, 相信自己. 不求能改变世界, 但求能改变自己的生活. 不求健步如飞, 但求一步一脚印. 感谢磨难, 他使我们内心更为坚强. 感谢挫折, 他使我们不断的成长, 感谢 bug, 他使我们的思维更加深邃. 感谢前端, 他使我们更加的相信, 撑起一片天空需要十八般武艺.
来源: http://www.jianshu.com/p/4cbc6c0c8260