webdev – a video blog

videos about web development

Archive for April, 2009

Overview

A very interesting video lecture describing the main techniques to improve your site load time, with advices how to find a workaround for the script loading process as well as many other priceless notes.

The Google Tech Talks are really an interesting place to find any kind of tech guru advice, be sure I’m gonna check on this.

Resources

You can find all the slides on http://stevesouders.com/docs/sxsw-20090314.ppt

About the Author

Steve Souders – a Google web performance guru – http://stevesouders.com/

  • 0 Comments
  • Filed under: JavaScript
  • Overview

    The last of the tree parts of the lecture by Douglas Crockford, with very interesting content about browser differences and memory leaks in specific browsers.

  • 0 Comments
  • Filed under: DOM, JavaScript
  • Intended Audience

    This video lecture is intended for web developers working with JavaScript and HTML mainly. You should be familiar with basic DOM and JavaScript.

    Overview

    Douglas Crockfrod speaks about the DOM, how to use JavaScript as programming language to interact with the DOM and to modify the tree of objects with it. You can create and remove elements, add and remove event handlers to them. Crockford gives a valuable advices how to optimize the interaction with the page, how to improve the event listeners to be useful and explains the main methods applied by the browsers. A good advice in this lecture is to intend to use a js library if possible, cause there all differences between browsers, methods and so on are solved. Such a library is the Yahoo!’s YUI.

    About the Author

    Douglas Crockford is a JavaScript architect in Yahoo!. See more on wikipedia.

  • 0 Comments
  • Filed under: DOM, JavaScript
  • Intended Audience

    All web developers dealing with JavaScript, HTML, CSS, which are already familiar to the basics of these technologies and like to understand more deeply the DOM and the browsers history and evolution.

    Overview

    Douglas Crockford speaks about: “Why the browser is a source of pain and incompatibility, and why the DOM is an inconvenient API. What was the web initially, there where no session interactivity, than Java failed as global standard of communication. In 1995 came out the scripted browser as Netscape 2 and than begin the browser war with the invention of the term of dynamic Html, document object mode (DOM) from MiscroSoft. Besides the different servers the sites had the problems more with the browsers, and there was the problem with all the differences. w3c came too late in the process with an attempt to unify everything but It was already too bad …”

    He explains: “… the way the browser works (in the case of Netscape), and that Netscape introduced the <script></script> tag. By no means there is extream use of src attribute of the script tag which allows to load a source code from an external file. It is a bad idea you put source code of javascript into your Html. Actually there was language attribute introduced by MicroSoft but it’s deprecated, as well as type is deprecated. It’s a good idea to place <script></script> as low as possible in your html, just before the body close tag, and to place l<ink> to CSS in the head. Alse is good to minify the Js file, which have a huge impact as well as caching also, and finaly reduce the number of script files …”

    Finally Crockford says: “… that every node in the document has several pointers, pointing to the parent, the first and last child node, and to its next and previous sibling which are very usefull but not always used. The most useful are first child and next sibling.”

    Definitions

    1. DOMThe Document Object Model is a platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents. The document can be further processed and the results of that processing can be incorporated back into the presented page. This is an overview of DOM-related materials here at W3C and around the web.
    2. JavaScript – is a scripting language widely used for client-side web development. It was the originating dialect of the ECMAScript standard.
    3. HTML – an initialism of HyperText Markup Language, is the predominant markup language for Web pages. It provides a means to describe the structure of text-based information in a document—by denoting certain text as links, headings, paragraphs, lists, and so on—and to supplement that text with interactive forms, embedded images, and other objects.

    About the author

    Douglas Crockford is a JavaScript architect in Yahoo!. See more on wikipedia.

  • 0 Comments
  • Filed under: DOM, JavaScript
  • I’ve decied to start to build a collection of valuable web developer oriented lectures. The idea is to collect a vast number of them in one place. Everybody knows where exactly to search. Huge websites as YouTube, Yahoo! Video, Google Video, etc. has very intersting video lectures, but unfortunately they should be searched and there’s no place for all of them.

    The author talks about the history of JavaScript, the language features, platforms, standards and style. You’ll receive answers on most of the questions around JavaScript. Why it’s called like that? Is there any relation with Java? Is it a real language?

    Crockford says almost every book about JavaScript is bad, but however the only recommendation is the JavaScript: The Definitive Guide which was the least bad from all.

    If someone wants to download the slides from the lecture, you can do this from here.

    I hope I can select only the valuable ones and I hope you’ll enjoy it.

  • 0 Comments
  • Filed under: JavaScript
  • John Resig – The DOM Is a Mess

    Overview

    John Resig, the inventor of jQuery library, speaks about the problems every webdev can meet facing the DOM API.

    Related Links

    1. Slides
    2. John Resig
    3. Douglas Crockford – Theory of The DOM (part 1), (part 2), (part 3)

    Overview

    As written on YUI Theater:

    Nate Koechley is the author of the YUI Library’s CSS components — Reset, Fonts, Grids, and Base. Nate has been at Yahoo since 2001 where he was among the first pure web developers. During the past six years, he’s helped guide the formation of a vibrant frontend discipline at Yahoo built around a commitment to professionalism, standards, and performance. In 2005, Nate was among the first engineers to join the YUI team and he was instrumental in making YUI available as a free open-source project in 2006. In addition to engineering our CSS components, Nate has been one of our most visible contributors at conferences, where he’s spokeon on a wide range of frontend engineering topics.

    In this 40-minute presentation, Nate takes you on a detailed tour of the YUI CSS foundation, its philosophy, and its usage.

  • 0 Comments
  • Filed under: CSS
  • Overview

    An extreamly interesting presentation by Nicole Sullivan, which I strongly recommend to every webdev. Please pay attention to the optimization advices, they should become practice for everyone of us.

    Overview

    Douglas Crockford speaks about where the web is going now a days. Interesting presentation with valuable advices.