Simply JavaScript [Paperback]

Kevin Yank (Author), Cameron Adams (Author)

Book Description

Publication Date: June 28, 2007 | ISBN-10: 0980285801 | ISBN-13: 978-0980285802 | Edition: 1

Everything you need to learn JavaScript from Scratch!

Packed with numerous examples, Simply JavaScript is a step-by-step introduction to programming in JavaScript the right way. Learn how easy it is to use JavaScript to solve real-world problems, build smarter forms, track user events (such as mouse clicks and key strokes), and design eye-catching animations. Then move into more powerful techniques using the DOM and Ajax.

Learn JavaScript's built-in functions, methods, and properties. Easily integrate JavaScript in your web site. Use JavaScript to validate form entries and interact with your users. Understand how to respond to user events. Create animations that bring your web site to life. Start programming using the DOM and Ajax.

Unlike other JavaScript books, modern best practices such as progressive enhancement, accessibility and unobtrusive scripting are used from the very beginning. All the code in the book is also cross-browser compatible and downloadable for free, so you can get started instantly!

Editorial Reviews

About the Author

Kevin Yank is a world-renowned leader in web development. When not writing best sellers, Kevin is the Technical Director of sitepoint.com and editor of the popular SitePoint Tech Times newsletter.

Cameron Adams is an author of multiple web development books and is often referred to as a "Web Technologist." In addition to his extensive JavaScript experience, Cameron's passions extend to CSS, PHP, and graphic design.

Product Details

• Paperback: 424 pages
• Publisher: SitePoint; 1 edition (June 28, 2007)
• Language: English
• ISBN-10: 0980285801
• ISBN-13: 978-0980285802
• Product Dimensions: 7.2 x 1.3 x 9 inches
• Shipping Weight: 1.4 pounds (View shipping rates and policies)
• Average Customer Review: 3.4 out of 5 stars  See all reviews (28 customer reviews)
• Amazon Best Sellers Rank: #537,289 in Books (See Top 100 in Books)

More About the Author

Discover books, learn about writers, read author blogs, and more.

Most Helpful Customer Reviews

64 of 67 people found the following review helpful

5.0 out of 5 stars Solid Javascript - from beginner to advanced. July 5, 2007

By Nate Klaiber VINE™ VOICE

Format:Paperback|Amazon Verified Purchase

Simply Javascript by Kevin Yank and Cameron Adams lives up to the subtitle of Everything you need to learn Javascript from scratch. Javascript is a tricky subject to tackle. The Internet is full of Javascript snippets and code samples everywhere you look. Often times these code samples are less than satisfactory when you are addressing accessibility within your website. Many of the code samples contain outdated and proprietary code samples, making it a task to work out kinks and debug. The good news with this book is that they stick to a standard. All code used in this book uses object literal notation. Sticking to a coding style and format helps make this book an incredible read. Throughout this book you will learn the underpinnings of Javascript and how you can achieve different tasks.

Learning Javascript from scratch can be a daunting task. After all, there are several libraries and free scripts that you can essentially download and plugin to your website. But what happens when things go wrong? What happens when you need to modify the script to fit your needs? Having a solid foundation and understanding of Javascript will help you as you begin to develop for your own needs. This book gently walks you through the steps you need to take to achieve that solid foundation.

Chapter 1 starts off with a brief primer of unobtrusive Javascript and it's role in the three layers of the web. HTML is your content. CSS is your presentation. Javascript is your behavior. These three aspects need to be separate from one another and also co-exist at the same time. Gone are the days of inline event handlers and functions. Using the power of the DOM you can rest assured your HTML will be pure and your applications will work flawlessly without Javascript enabled....

Chapter 2 spends some time setting up the foundation for beginners. This chapter walks you through statements, comments, variables and different variable types, conditions and loops, functions, and objects. Whew, that was a mouthful. This is where the standard of coding is introduced that will be used throughout the rest of the book. Things such as code indenting and formatting are touched on as well. This allows you to write clean code that is readable by you and other developers who may be working with your code. As stated earlier, all code uses object literal notation, and therefore this is explained in this chapter. A few examples are given and we are off to building some handy tools.

Chapter 3 gives you the necessary road map. This chapter is devoted to traversing the Document Object Model. A few helper classes are shown here that will allow us to retrieve elements by class name, add class names to an element, remove class names from an element, and check for the existence of class names within in an element. These will be used extensively throughout the book and are placed in their Core object. In addition to being able to traverse by class names, there is also the list of standard elements such as getElementById and getElementsByTagName. With these powerful tools at our finger tips we can now begin altering our pages as deemed necessary. The example given here is one of striping table rows. For those who don't do this on the server side, this simple task allows you to stripe your rows via the DOM.

Sure it's cool to add stripes to a table, but how can we do more? Chapter 4 is all about Events and the power they add to interacting with the DOM. The brief history lesson in this chapter helps us understand the different interpretations of different browsers and how we can use object detection to abstract these tasks into the Core object. Event Listeners and Event Handlers are both discussed in great detail. We move on to two working examples: Rich tooltips and Accordion. Rich tooltips are used to extract information from our title attribute and then apply them to a more stylish hover tooltip effect. Accordion allows us to save space on our pages by gradually showing the content as it is requested by either a click or keyboard event.

Chapter 5 gets us moving even more. This chapter is devoted to Animation and is probably one of the more complex chapters of the book. We are introduced to two methods, setTimeout and setInterval. Working mainly with setTimeout we are able to achieve our animation effects. This chapter looks at the principles of animation and an example of path-based motion with a soccer ball. We then use our new-found knowledge to extend our tooltip to show after a specified time, and our accordion is given a nice slide effect. We simply extend the code from our previous chapter to make these things happen. This is a good example of the benefits of working with objects and decoupling inside of your Javascript.

Chapter 6 gives use a few more tools to work with Forms. Forms are never easy to manipulate. Whether it be the style or the behavior. The beginning of the chapter starts with smaller scripts and examples of manipulating forms. This is done by specifying dependent fields and only showing them when necessary, and creating cascading menus from a select and it's optgroup. We then move on to some more advanced features for validation and creating a custom slider. These have been presented before in other areas, so nothing is really new in this area. However, this is all a part of understanding the bigger picture and the possibilities. It is about getting the creative juices flowing.

Chapter 7 discusses the inevitable testing for errors and debugging your application. We walk through the different types of erros: syntax, runtime, and logic. With each of these code samples are given with errors. We then use the tools of the browsers to make sense of their often cryptic error messages. In order to debug Javascript there is an invaluable tool in Firebug, a plugin for the popular Firefox web browser.

More interaction is still left as chapter 8 moves us to AJAX. Some very strong disclaimers are made as to when and where to use the right tool for the right job. Caution is also given in regards to assistive devices such as screen readers. With the warnings out of the way, we move to a some practical examples. The first is a small weather widget and the second is an extension to form validation.

The book finishes off by looking too the future of Javascript. Discussions of Rich Internet Applications and their place inside of the web help to stimulate your mind as you think about the possibilities. Not only about building applications on the web, but also using Javascript for such things as Dashboard Widgets and even browser development. In the hands of responsible developers, the future looks exciting for Javascript.

The Appendix is a very important part to this book, and I like its placement. The appendix goes through the Core methods used throughout the entire book. But why wait until the end of the book? Had this chapter shown up earlier it would have caused more confusion than necessary, and more explanation that necessary. As a reader you have the option to read this appendix first, but I felt it was well placed and covered thoroughly at the end of the book. By this point in the book you will have gained enough knowledge to dive in, whereas the beginning might have left you asking all the wrong questions.

If you have been developing Javascript for any amount of time, then you are most likely aware of the array of libraries available to us. These include Prototype, Scriptaculous, jQuery, Dojo, MooTools, and YUI to name a few. Each chapter of this book ends with a discussion of the libraries and how they can be used to help achieve the different tasks. Some libraries can achieve some tasks, while others still take a little work. The authors give a fair coverage to the libraries but do not dwell on them as the end-all-be-all of Javascript. If anything, the author's stress that you understand your Javascript at the core and know why you are doing what you are doing. This book sticks to unobtrusive principles and doesn't take shortcuts. The authors strive to make sure the code is of high quality and compatible cross-browser, but they never take the easy way out. Things such as innerHTML are put away in favor of building the DOM on the fly. This adds to the overall excellent quality of this book. The excellent code coupled with beautiful illustrations make this book easy to take small chunks at a time. Read more ›

24 of 26 people found the following review helpful

5.0 out of 5 stars Great book, but probably not for beginners August 7, 2007

By Brett

Format:Paperback|Amazon Verified Purchase

I began the book with very little knowledge of Javascript, although I am familiar with programming concepts and it has been great. I like the informal tone, and the examples are clear and easy to understand. It is not boring like most programming books. They emphasize keeping Javascript out of the html which adds a bit more complexity to the code than the old way of putting it right into the tags. This is good because it is standards compliant, but not as easy to learn.

Be forewarned, this book starts with the basics but quickly jumps into the meat of Javascript. There is serious coding here, and it is not something you can read in a day. If you are not too familiar with coding principles like arrays, objects, or functions, it might be too much too fast. I would recommend JavaScript Demystified if you are beginner to scripting or programming because it spends a lot more time on basic concepts.

Overall a great beginner-intermediate book on JavaScript.

12 of 13 people found the following review helpful

4.0 out of 5 stars Excellent resource for learning JavaScript January 5, 2008

By James Holmes

Format:Paperback

I've been exposed to very little JavaScript, so I was very happy to get a review copy of this sent to me. First off, I'm a big fan of SitePoint's other books, and secondly I was looking forward to a book which would hopefully give me some good ground-up fundamentals. I'm not completely through the book yet, but I'm very impressed with it so far.

The book starts out with some good software design tenets by emphasizing the need to keep content, style, and behavior separated out, then moves into some very basic steps for programming in JavaScript. The programming intro chapter starts out completely for beginners by laying out what variables are, what conditions and loops are, etc. Later chapters hit the DOM, JavaScript libraries, events, debugging, Ajax, and a few other topics.

The authors do a very good job of laying out their topics, and I enjoyed their clear, enjoyable writing style. I think they do a pretty good job of discussing good development, and they're all over things like browser compatibility issues and other "Gotcha!" type issues. They've got a nice set of sidebars for tricks and tips as well as things to look out for.

I also like that it's another SitePoint book with loads of color throughout. I'm not sure how SitePoint does it, but their continuing journey with all the color books is absolutely great to behold.

On the downside, I'm not a fan of some of the example code I saw, which in several cases was more convoluted than good design would dictate (multiple nested for loops, return statements from other method calls being used as return values themselves, etc.). I also would have liked to see some discussion of testing via tools like Selenium or JsUnit.

Overall I really like the book a lot.... They talk standards, they talk cool tools like FireBug, they make some headway with good decisions about separation of code, content, and style. Read more ›

7 of 7 people found the following review helpful

2.0 out of 5 stars Simply Mind-Boggling April 22, 2010

By Louis Carmichael

Format:Paperback

I have to agree with the others who claim that this book is incredibly misleading. I have a pretty good understanding of programming, and I was still getting headaches by Chapter 3, as everything is presented entirely out of context.

It starts off innocently enough, just giving you some general programming guidelines: variables/functions/loops/conditionals/etc., but then the author launches into an explanation on the Document Object Model, and spends 40 pages explaining it with no context to what it actually means for someone new to Javascript, and no actual examples of how to apply the knowledge.

A good programming book needs to have you writing simple programs from page 1. The only way you can learn what the code really means is by writing it yourself, making your own mistakes, and learning from them.

I have made it past page 100, and there have been ZERO interactive examples. I have been bludgeoned over the head with DOM knowledge, and still have not written even a basic webpage with JS on it. The author just keeps explaining new topics, and doesn't show you how to use any of them or explain what they are actually used for. The book has a very "trust me, this will make sense later" attitude. SitePoint has some great books, but this one is definitely NOT an introductory text on JS.

If it were title something more like "How Javascript Works," I could let it go. But the title implies (well, and it even says so inside) that anyone with knowledge of HTML and CSS should be able to start writing great JS from this book, but I just can't make sense of what is being presented. I would look elsewhere for your JS needs.