background preloader

JavaScript Kit Advanced JavaScript Tutorials

JavaScript Kit Advanced JavaScript Tutorials
Related:  JavaScript documentation sites

Native HTML5 Drag and Drop Introduction For years, we've been using libraries like JQuery and Dojo to simplify complex UI elements like animations, rounded corners, and drag and drop. There's no doubt, eye-candy is important for making rich, immersive experiences on the web. Drag and drop (DnD) is a first class citizen in HTML5! Feature Detection Many apps that utilize DnD would have a poor experience without it. If you need to rely on an API, always use feature detection rather than sniffing the browser's User-Agent. if (Modernizr.draganddrop) { // Browser supports HTML5 DnD. } else { // Fallback to a library solution. } Creating draggable content Making an object draggable is simple. As an example, let's start creating rearrangeable columns. <div id="columns"><div class="column" draggable="true"><header>A</header></div><div class="column" draggable="true"><header>B</header></div><div class="column" draggable="true"><header>C</header></div></div> Result (draggable but won't do anything): Listening for Dragging Events

Top 8 JavaScript Projects You May Not Know Last year's article 10 Experimental PHP Projects Pushing the Envelope and its followup 9 More Experimental PHP Projects You Should Check Out struck such a chord with developers that I thought it would be fun to continue the theme, this time applying the idea to the JavaScript programming language. Perhaps more than any other programming language in history, JavaScript is experiencing a major renaissance thanks to its unique ability to serve as the glue between the client- and server-sides of a web application, a trait which is quickly becoming indispensable as developers seek to create highly responsive features which closely mimic their desktop-bound brethren. Given so much attention, we're seeing incredible innovation in the JavaScript space, and with it a fair amount of experimentation. In this article I'll highlight ten crazy JavaScript experiments, some of which are already changing the language in profound ways. JavaScript Project #1: The Real-time Web Implemented with Node.JS W.J.

JavaScript Developer Center Yahoo! Language centers have been deprecated. If you have any concerns or questions, please don't hesitate to contact us in General Discussion at YDN forum. Do you eat, sleep and breathe JavaScript? Yahoo! Yahoo! These Yahoo! Yahoo! Yahoo! Yahoo! Yahoo! Documentation & Articles We've written a whole bunch of stuff to help you get up to speed with our APIs if you use JavaScript. AJAX & XMLHttpRequest HOWTO: Use a Web Proxy for Cross-Domain XMLHttpRequest Calls: Why do you need a web proxy to use XMLHttpRequest? HOWTO: Make Yahoo! How To Build a Maps Mashup: Use the Yahoo! Fixing AJAX: XMLHttpRequest Considered Harmful: Various ways of working around around browser security issues with XMLHttpRequest calls made between domains. JSON (JavaScript Object Notation) Using JSON (JavaScript Object Notation) with Yahoo! Web Services + JSON = Dump Your Proxy: Use the Yahoo! JSON and the Dynamic Script Tag: Easy, XML-less Web Services for JavaScript Yahoo! AJAX API Getting Started: Yahoo! Yahoo! Yahoo!

Los mejores recursos para Aprender Javascript desde 0 « Nube de ideas Este Post va a tratar de todas las fuentes que se pueden utilizar para aprender Javascript desde cero. Seguro que existen muchas más referencias y muchísimos más recursos. Por eso os ánimo a que a comentéis vuestros ases en la manga….qué libro, web, curso o recurso os ha sido imprescindible para aprender Javascript!!! Compártelo!!! Yo empezaré con mis recomendaciones: Web: Desarrollo web. Las mejores Webs para Scripts: Webs en español Gamarod. Webs en Inglés: A1Javascript.Código [en línea]: < 9 de diciembre de 2011]Codebelly. Libros: Javascript Edición 2012.Autor: Astor de Caso Parra. He terminado los post de Javascript. Post: Diana Redondo Me gusta: Me gusta Cargando... Relacionado

JavaScript JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. This section is dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments. The standard for JavaScript is ECMAScript. Tutorials Learn how to program in JavaScript with guides and tutorials. For complete beginners Head over to our Learning Area JavaScript topic if you want to learn JavaScript but have no previous experience of JavaScript or programming. JavaScript first steps Answers some fundamental questions such as "what is JavaScript?" JavaScript building blocks JavaScript guide Closures

harmony:specification_drafts This page contains a historical record of working draft of the ES.next specification prepared by the project editor. Errors in the current draft should be reported as bugs at bugs.ecmascript.org. Report the version you are reading, and an appropriate “component” (editorial issues, technical issues, etc.). Such bug reports are particularly useful for specific bugs such as misspellings or errors in algorithms. An unofficial HTML version of the Edition 6 working draft is usually available at For now, all draft found here are snapshots taken of the project editor’s working draft. It is reasonable to assume that the editor is aware of the major inconsistencies or missing material, but you can’t over report. The rationale for design decisions, are not generally part of the specification. The primary target audience of this specification is implementors who must create highly interoperable ECMAScript implementations. Changes include:

View Source...learn to create the web Clase Date en Javascript Explicamos la clase que se utiliza en Javascript para el manejo de fechas y horas, comentando sus métodos y propiedades. Vamos a empezar a relatar todas las cosas que debes saber sobre otro de los objetos nativos de Javascript, el que implementa la clase Date. Sobre la clase Date recae todo el trabajo con fechas en Javascript, como obtener una fecha, el día la hora actuales y otras cosas. Para trabajar con fechas necesitamos instanciar un objeto de la clase Date y con él ya podemos realizar las operaciones que necesitemos. Un objeto de la clase Date se puede crear de dos maneras distintas. Por un lado podemos crear el objeto con el día y hora actuales y por otro podemos crearlo con un día y hora distintos a los actuales. Para crear un objeto fecha con el día y hora actuales colocamos los paréntesis vacíos al llamar al constructor de la clase Date. miFecha = new Date() miFecha = new Date(año,mes,dia,hora,minutos,segundos) miFecha = new Date(año,mes,dia) getDate() Devuelve el día del mes.

JavaScript’s Apply, Call, and Bind Methods are Essential for JavaScript Professionals Prerequisite: — Understand JavaScript’s “this” With Ease, and Master It. — JavaScript Objects — Understand JavaScript Closures (This is an intermediate to advanced topic) Duration: About 40 minutes. Functions are objects in JavaScript, as you should know by now, if you have read any of the prerequisite articles. And as objects, functions have methods, including the powerful Apply, Call, and Bind methods. On the other hand, we use Bind for setting the this value in methods and for currying functions. We will discuss every scenario in which we use these three methods in JavaScript. JavaScript’s Bind Method We use the Bind () method primarily to call a function with the this value set explicitly. This might seem relatively trivial, but often the this value in methods and functions must be set explicitly when you need a specific object bound to the function’s this value. Before we look at the code for this section, we should understand the this keyword in JavaScript. Final Words Be Good.

5 formas de mostrar la fecha actual con Javascript Varias maneras de mostrar la fecha del día de hoy en una página web con Javascript, para que aparezca con distintos formatos. En este artículo vamos a mostrar varias formas de mostrar la fecha actual en una página web y que esta sea dinámica, de modo que siempre se muestre la fecha del día de hoy, sin que nosotros tengamos que hacer nada, ni actualizar la página ni ninguna otra tarea de mantenimiento. La manera más fácil de hacer esto, que no tiene ningún requisito para su funcionamiento, ni en lo relativo al servidor donde esté la página, ni al navegador con el que accede el usuario, es con Javascript. Bueno, en realidad requiere que el usuario que visita nuestra página tenga un navegador compatible con Javascript, pero eso en el momento actual es lo más común. Las funciones con las que se calcula la fecha actual por medio de programación en el cliente nos las ofrece la clase Date de Javascript, que forma parte de cualquier Javascript, por antiguo que sea el navegador.

Dos and Don’ts in JavaScript A few best practices for when you’re learning the language With every programming language, there’s a list of do’s and don’ts and JavaScript is no exception. Some of these best practices are there for your protection (like always always always using semi-colons!) If you search for “best practices JavaScript” you’ll find lots of great information on the topic. In this installment of Head First JavaScript Programming Teasers, we take a look at a few common best practices that will help make your code more readable, make the best use of the language, and make your code a bit more efficient.

jQuery Anti-Patterns and Best Practices - Tuts+ Code Tutorial A long time ago, in a galaxy far, far away, JavaScript was a hated language. In fact, "hated" is an understatement; JavaScript was a despised language. As a result, developers generally treated it as such, only tipping their toes into the JavaScript waters when they needed to sprinkle a bit of flair into their applications. Despite the fact that there is a whole lot of good in the JavaScript language, due to widespread ignorance, few took the time to properly learn it. Instead, as some of you might remember, standard JavaScript usage involved a significant amount of copying and pasting. "Don't bother learning what the code does, or whether it follows best practices; just paste it in!" Because the rise of jQuery reignited interest in the JavaScript language, much of the information on the web is a bit sketchy. Ironically, it turns out that much of what the development community hated had very little to do with the JavaScript language, itself. Alternatively, use "caching." Done!

Resources for Staying on Top of JavaScript - Tuts+ Code Article Last year, I wrote about and recommended some great resources for getting good with andJavaScript. A year is a long time in Internet terms and I figured now was a good time for a refresh. JavaScript continues to explode in terms of adoption and being fully embraced, not only in the browser but also on the server. So it's about time we revisit the list and update it with good places to stay current. With JavaScript's continued adoption rate, there's been an explosion of books but from what I've seen, only a small percentage are offering new and interesting reading material. I'm keeping this one on the list because I honestly haven't seen a new book that so thoroughly covers the JavaScript language like Nicholas' does. There's no argument that leveraging good design patterns helps in building maintainable code. The best part is the Addy worked it out with O'Reilly to release this book under a Creative Commons license, meaning you can read it online for free or purchase the paperback. Dr.

Tutorials Round-Up: Ajax, CSS, PHP and More Advertisement Coding or designing a page, it’s always nice to have some basic templates you can quickly modify or adapt to your needs. However, at least once you have to know, how to create this “universal” template. In this case tutorials prove to be an ultimate solution, particularly if you just want to get an idea how something works and where to start from. In fact, you don’t have to re-invent the wheel all the time – you can use existing solutions, modify and improve them and publish them as well – just the way other people did it for you. In this post we’ve covered over 200 Ajax, CSS, Flash, JavaScript, PHP, MySQL, RSS, XML as well as ASP, C++, Perl, Python and Java tutorials. You may want to take a look at our related posts Ajax CSS Techniques Lightboxes & GreyBoxes

Related: