请选择 进入手机版 | 继续访问电脑版

程序人生

 找回密码
 注册

QQ登录

只需一步,快速开始

程序人生 门户 .NET开发 查看内容

想成为一名Web前端开发人员,该学习哪些技术

2016-4-27 11:07| 发布者: admin| 查看: 604| 评论: 0

摘要: Web前端开发者越来越受到追捧,以致于很多后端开发人员都转而去做前端工程师,甚至参加培训学习去学习前端开发知识,其实web前端程序员要掌握的东西不多,掌握基本的html,css,javascript,jquery即可成为一名前端开发 ...
Web前端开发者越来越受到追捧,以致于很多后端开发人员都转而去做前端工程师,甚至参加培训学习去学习前端开发知识,其实web前端程序员要掌握的东西不多,掌握基本的html,css,javascript,jquery即可成为一名前端开发者,根本不用去参加web开发培训,哪些或许对新手程序员有效,但对于后端转前端的开发者来说,帮助不大,只是浪费了银子。

web前端开发学习路线导图

1.HTML的学习

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

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

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

2.CSS的学习

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

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

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

3.JavaScript的学习

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

此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道

“这个效果在××浏览器下不兼容,重新搞……”

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

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

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

4.QUery的学习
jQuery 是一个免费、开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery的插件可供选择,这样在我们实现一些丰富的动态效果时更方便快捷,大大节省了我们开发的时间,提高了开发速度,这也充分体现了其 write less,do more的核心宗旨。这个Feel倍儿爽!有么有?

“豪华大楼”至此拔地而起,但是每天这样日复一日,年复一年的盖楼,好繁琐!能不能将大楼里面每一个单独部件模块化,当需要盖楼时就像堆积木一样组合在一起,这样岂不是爽歪歪?可以实现吗?答案是肯定的。

这种思想在Web前端开发中也是适合的,于是乎就出现了各种前端框架,在这里推荐给大家的是Bootstrap。

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


在项目开发过程中,我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置,然后再有针对性的微调样式,这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽! 后端程序员转向前端开发者就是这么简单,再不要去参加什么什么web培训了。



鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论

Web开发技术
Asp.net Mvc5的项目结构
Asp.net Mvc5的项目结构
用Visual studio创建了一个MVC5的项目,其项目结构如下分别对这个MVC的项目模板各个目
我真的不想成为Web前端程序员
我真的不想成为Web前端程序员
职位名称并不代表技能,从事web开发很多年,我现在真的不想成为一个纯粹的web前端程序
MVC5 - Claims-based认证和OWIN(二)
MVC5 - Claims-based认证和OWIN(二)
到底什么是OWIN  首先我们来简单介绍一下OWin,它是由微软ASP.NET小组成员组织成立
MVC5 - Claims-based认证和OWIN(一)
MVC5 - Claims-based认证和OWIN(一)
目录ASP.NET Identity 登录原理什么是Claims-based (基于声明) 的认证ASP.NET 下Claim
想成为一名Web前端开发人员,该学习哪些技术
想成为一名Web前端开发人员,该学习哪些技
Web前端开发者越来越受到追捧,以致于很多后端开发人员都转而去做前端工程师,甚至参
webapi生成帮助文档,减少文档工作量
webapi生成帮助文档,减少文档工作量
微软的webapi真的很强大,试用webapi时真是太好了,而且Microsoft.AspNet.WebApi.Help

关于程序人生网|小黑屋|手机版|Archiver|

程序人生 | QQ

粤公网安备 44040202000007号

( 粤ICP备13038131号-1 )

返回顶部