推荐网页前端设计:适合JavaScript新手的书籍

文章简介:适合JavaScript新手的入门书籍.

自从学习网页前端设计以来,我一直把主要的精力和时间放在研究Photoshop、Html以及CSS上面,很少学习JavaScript,原因是之前不知道网页的构成由三个部分,内容(Html)、外观(CSS)和行动(JavaScript)组成,而JavaScript作为代表行动的部分具有相当的重要性。没有JavaScript参与的网页如同是一本书,单方面的对用户灌输信息,而有了JavaScript的网页,才和用户有所互动。所以现在狠下心来恶补JavaScript,之前学习Html和CSS的时候阅读过O’Reilly公司出版的《Head First HTML with CSS &XHTML》,认为相当的不错,所以这次学习JavaScript还是选择了他们出版的《Head First JavaScript》这本书。截至目前已经看完了第四章,总体感觉还是很不错的,整本书依旧延续了深入浅出,通俗易懂的风格,很适合新手阅读。

书中主要使用让人感兴趣的案例来一步步引导读者学习JavaScript。比如在第一章就使用了一个宠物石的例子来引导读者学习。宠物石是一张放在页面中的图片,为了让他能和用户互动,首先考虑在网页完全载入后,弹出一个JavaScript的alert框,列出欢迎用户的信息。这里就会涉及到JavaScript中的onload事件和alert()函数。然后为了进一步增加宠物石和读者的互动,让用户在点击宠物石后,宠物石询问用户姓名,呈现出个性化的欢迎信息,并且让宠物石露出微笑。就会在这一步学习到onclick事件、prompt()函数以及getElementById这个document对象中的方法,用它们来实现上面想要宠物石达到的和用户互动的效果。宠物石案例之后还会出现销售面包圈和案例、火柴人大冒险的案例等等,从这些有趣的案例的一步步完成当中你就可以学到JavaScript各个方面的知识。当然如果你已经掌握了JavaScript的基础知识,你可能会觉得作者讲的有些啰嗦,这本书就不太适合你阅读了。

时间: 2024-08-02 18:47:07

推荐网页前端设计:适合JavaScript新手的书籍的相关文章

网页前端设计的一些建议

不过在这个还原的过程中应该也是需要一些基本的流程和注意一些东西的. 1.我们在拿到设计图后,通常会怎样做呢? 或许我们会在拿到图后二话不说,直接对着效果图,将代码从头敲到脚? 请对这个做法say no! 建议大家在拿到设计图后,不要急于开始制作,先仔细的看一次(不是看有多漂亮^_^).如同庖丁解牛般,他看到的不是单纯的一头牛,而是看到了牛本体的机理结构.而我们要看出来的也正是设计图的骨架,只有顺骨架,才能知道这个图的结构应该怎么写.在把握好总体结构后才开始动手敲代码,以此避免在敲代码的时候,敲着

网页前端设计实例:常用技巧和经验分享

网页制作Webjx文章简介:前端开发的一些小技巧与经验分享. 自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助. 1.文章标题列表中日期居右显示的方法(提供了两种方法,使用时视情况而定):方法一:本版2楼思路(感谢~),耗资源比较少,多两句代码. <p>@Mr.Think这是文章标题<span>2010-10-10</span></p> CSS定义: p{position:relative} p span{position:

网页前端设计人员必备的技术列表

前端这一行,入门并不困难,掌握XHTML+CSS之后,基本上就可以找到一份工作. 作感悟 建议"前端开发"人员掌握的技术 必备技能 XHTML+CSS 高级应用 Photoshop+JavaScript 拓展技能 Ajax+UE+SEO+PHP+Mysql 文章摘要 前几天有一个网友留言,提到他正在阅读"Javascript,CSS,XHTML,Ajax,jQuery" 等等一系列书籍.回想我上学的时候,也是看了很多东西,最终却没有用上,所以,在此写写自己学前端的一

网页前端设计资源:前端设计资源收藏夹

文章简介:今天在邮件中收到一个由 Dimi Navrotskyy在Github上发布的前端收藏夹,里面的资源太丰富了.我在想很多同学肯定喜欢.本想直接发个链接与大家分享,但时间久了,找起来辛苦.特意copy了一份发在w3cplus上. 今天在邮件中收到一个由 Dimi Navrotskyy在Github上发布的前端收藏夹,里面的资源太丰富了.我在想很多同学肯定喜欢.本想直接发个链接与大家分享,但时间久了,找起来辛苦.特意copy了一份发在w3cplus上.而且我在后面还增加了一份我自己整理的学习

网页前端设计:UI到底是干什么的

UI是什么,UI设计是干什么的.网站里面除了美工和前端,还需要啥?有幸在和大家一起分享了PPT<UI是什么>,和大家讨论下,UI到底是干什么的. 在和很多人交流中,大多数人依旧不是很了解,UI是什么,UI设计是干什么的.网站里面除了美工和前端,还需要啥?随着现在的网站体系已经发生了众多的变化和不断更新的理念,网站已经越来越注重交互及用户体验. 有幸在和大家一起分享了PPT<UI是什么>,和大家讨论下,UI到底是干什么的. 提纲:UI是什么 UI是干什么的?(美工,程序?) UI 是

网页前端设计:关注前端开发流程

流程,通俗来讲,就是许多人,在做一系列的事情时,怎样相互协调,安排好这一系列事情的先后顺序,有什么事先的约定,需要达到怎样的预期目标. 在UED里,前端同学需要处理的需求比较多,早些时候,前端这里的开发流程还是比较模糊的,UED以外的同学也不清楚这边的工作具体是怎样进行的,所以难免会有需求插队的情况发生,打乱了大家的计划,因此今年Q3的时候,在与SCM团队同学的共同努力下,形成了一个前端的ASSETS发布流程. 这个流程主要针对ASSETS发布的需求做了一些约定,制定了相关的几个时间点,包括审核

优秀的网页前端设计的一些指标

事情的缘由是,前两个礼拜打了个"飞的"去北京玩,见了一位在百度做前端的朋友.过去一年以来,这家伙就不停的在鼓动我去他们那个邪恶的公司.当然,见面之后就不能再当面称呼人家是邪恶的公司啦,所以我就找了个理由,说你们那个"百度盲道"做得太垃圾了.他当然就很虚心的问我为什么啦.所以我也只能很心虚的糊弄了几句,说回上海之后详细告诉他. 事情的缘由是,前两个礼拜打了个"飞的"去北京玩,见了一位在百度做前端的朋友.过去一年以来,这家伙就不停的在鼓动我去他们那个

网页前端设计:布局构思和布局与模块命名

文章简介:前端规范-布局和模块命名. 1.前言 最近在思考怎么完全脱离视觉去思考结构,让写出来的结构更有语义?交互原型出来后,怎么让前端结构和视觉设计同时并行?结构写完可以先让程序套模板并且结构不会再修改?视觉设计出来后,前端写样式,写完样式链接到套好的模板? 参考了35王少峰的四方框架,他把结构层单独拿出来,然后画格子. 我觉得这个思路很好,布局是属于视觉的,应该先定义好,免得写样式的时候再来修改结构.我参考了一下他的思想,并结合自己的理解,谈谈布局层的构思. 2.布局 我们用r表示行,并且清

网页前端开发工具推荐

  当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间.在这篇文章中,我编译整理了我最喜欢的 CSS样板,框架和库,帮助你在建立网站或应用程序时更加高效. Bootstrap 开发工具推荐-网页前端开发工具"> 如果你想给你的新项目的专业的外观和感觉,Boostrap 可能是你需要的工具.它拥有一个非常干净的排版,表格元素,以及设计一个现代化的网站你需要的所有东西.更多信息: twitter.github.io Foundation Foundation 来自 Zurb