武汉web培训
达内武汉中心

18507116910

热门课程

想请问达内君,零基础web前端开发需要学什么?

  • 时间:2019-09-11 19:27
  • 发布:武汉达内
  • 来源:武汉达内培训

web前端是什么?在网络上有各种的定义,不过大多数都不是很全面,有的说web前端就是网页设计,有的说web前端是做网站。在这里达内君给大家更正一下,web前端其实是web网页设计知识(如html、css、js)和产品思维的综合运用,说白了就是既要把网站给做出来,还要具有良好的用户体验,具有极强的产品设计感。下面达内君来谈谈零基础如何学习web前端。

web前端开发需要的知识储备

学web前端即使你是零基础,在最初也需要掌握以下的几个方面的知识:

1)网页的基本结构(HTML + CSS)

2)浏览器是怎么展现网页的

3)DHTML DOM BOM  Javascript AJAX

4)服务器端语言开发经验,PS切图技术

5)浏览器的兼容性

6)快速学习能力和主动学习意愿

零基础web前端开发学习路线

零基础web前端学习,需要从最简单的html学起,然后是css样式的学习,接着是js的学习,最后才是jquery的学习,所以大致分为以下的几个阶段:

第一阶段——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的兼容性和复杂性有时候的确让我们头疼,还好有“大神”帮我们做了封装。

第四个阶段——jQUery的学习

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前端开发书籍

下面介绍的学习书籍也许不太适合你在零基础的时候去读,但是随着学习的深入相信一定可以帮助到大家。

初级读物:

《JavaScript高级程序设计》:一本非常完整的经典入门书籍,被誉为JavaScript圣经之一,详解的非常详细,最新版第三版已经发布了,建议购买。

《JavaScript王者归来》百度的一个Web开发项目经理写的,作为初学者准备的入门级教程也不错。

中级读物:

《JavaScript权威指南》:另外一本JavaScript圣经,讲解的也非常详细,属于中级读物,建议购买。

《JavaScript.The.Good.Parts》:Yahoo大牛,JavaScript精神领袖Douglas Crockford的大作,虽然才100多页,但是字字珠玑啊!强烈建议阅读。

《高性能JavaScript》:《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。

《Eloquent JavaScript》:这本书才200多页,非常短小,通过几个非常经典的例子(艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等)来介绍JavaScript方方面面的知识和应用方法。

高级读物:

《JavaScript Patterns 》:书中介绍到了各种经典的模式,如构造函数、单例、工厂等等,值得学习。《Pro.JavaScript.Design.Patterns》:Apress出版社讲解JavaScript设计模式的书,非常不错。

《Developing JavaScript Web Applications》:构建富应用的好书,针对MVC模式有较为深入的讲解,同时也对一些流程的库进行了讲解。

web前端开发学习论坛网站

学习web前端光是参加培训是不够的,因为培训是一次性充电而我们的知识需要不断的更新迭代,这样才能在日益竞争激烈的行业中占据主动地位,这需要我们一直保持学习,下面是几个行业的知识论坛网站,在以后的web学习中可以去看看。

●菜鸟教程

●web前端lteye论坛

学习web前端开发的几个误区

学习web前端不管是零基础还是有一定基础,都难免会遇到以的几个误区,这里达内君提出来希望大家引起注意。

误区一:网页不全面考虑

大部分前端呈现使用DOM,但DOM用得多了会有性能问题。现在很流行列表页页底上拉加载更多,但很少有前端关注加载的极端问题,如果一个页面我下拉了很多次,加载了几千个DOM,会发生什么问题?答案是轻则页面响应缓慢,重则浏览器闪退。

另外举个例子:LocalStorage使用起来确实方便,很多企业的前端重度依赖它,甚至知名的前端开发框架也依赖它。但它有个缺点——有容量限制(2.6M-10M),我们得考虑极端情况,当LocalStorage空间快满时,怎么处理。或在架构上避免这种极端情况的发生。

误区二:前端只是JS

有些人会认为,前端开发只有js,其实非也,不是所有的效果只有js能够解决问题,还需要掌握很多知识,比如:浏览器原理,html5,css3等。比如说做一个触摸屏上的转盘,看似一个简单的效果,但是代表了前端知识的综合应用。你没有触摸屏开发经验,不知道CSS3或canvas,不了解网页优化,是做不出来的。前端是综合技术的应用,只会JS是解决不了问题的。

误区三:前端不需要了解后端知识

随着行业在发展着,前端的功能越来越强大。离线数据库能提供数据存储和管理的功能,但不会写SQL语句显然已经行不通。WebSocket能提供即时通信,但不了解socket和WebSocket的区别,能和后端开发(很多后端开发只会socket技术)一起搭建吗? 加快页面展示速度不只是要从前端分析,后端也要考虑到,使用keep alive、 缓存等后端技术能使页面更快地打开。

误区四:利用现有的,不学新东西

有60%的人没有h5和CSS3的实际工作经验,甚至只听过一些名词,没有研究过。这种状况的原因可能和工作内容有关,目前国内的一些移动端网页还是比较中规中矩的,产品经理对前端实现很少有非常规的要求。一些前端开发者的任务是把后端的数据给呈现出来即可,这些确实CSS2也能实现。但这些也不是不学不用新技术的理由,啃老本总有一天被淘汰。

web前端开发的现状

web前端开发是个非常新的职业,对一些规范和最佳实践的研究都处于探索阶段。随着手持设备的迅猛发展,带动了 HTML5行业标准的快速发展。web领域的技术,大概有10年都没有大的更新了!现在市场很需要优秀的、高级的前端工程师。一方面是因为这是一个比较新的细分行业,而且前端程序员大都自学一部分,知识结构不系统;另一方面,大学里面也没有这种课程,所以对于所有人来说其实机会和起跑线都差不多。
   零基础可以来达内学习web前端开发吗?

这个,答案是肯定的,很多零基础的学员来到达内,经过长达4个月的扎实学习后,都能成长为一个合格的甚至是优秀的web前端开发师。每年来达内学习web前端培训的年轻人数以万计,毕业后都能够有好的就业机会。这一点,对达内来说是骄傲的。

武汉达内这边,web前端开发分为零基础就业班和能力提升精英班,同时也分全日制学习班和周末业余班。这样就大大满足了不同需求的学员,使学习更加有针对性和更加高效。

武汉达内培训

马上预约七天免费试听课

姓名:

电话:

上一篇:武汉html5培训:PHP生成HTML的技术原理
下一篇:SEM百度竞价投放的22个关键指标

程序员忍不了项目经理的三件事

WEB常用的十五个工具

web前端测试题关于css问题(三)

解决web安全系统安全的方案

选择城市和中心
贵州省

广西省

海南省

有位老师想和您聊一聊