background preloader

The Definitive Guide to Object-Oriented JavaScript

The Definitive Guide to Object-Oriented JavaScript

Java/J2ee and SOA Training Online - Edureka About The Course Edureka's Advanced Java Course is designed for students and professionals who want to be a Java Developer. This is a 42 hour course which will cover both core and advanced Java concepts like Database connectivity, Threads, Exception Handling, Collections, JSP, Servlets, XMLHandling etc. We will also learn various Java frameworks like Hibernate and Spring. Course Objectives After the completion of the Advance Java Course at Edureka, you should be able to: 1. 2. 3. 4. 9. 10. Who should go for this course? This course is designed for professionals aspiring to become Java Developers. Pre-requisites Attendees should have prior programming experience and be familiar with basic concepts such as variables/scopes, flow-control, and functions. Why learn Java/J2EE & SOA? Java is a general-purpose, class-based, object-oriented computer programming language that was designed by James Gosling at Sun Microsystems in 1995. Key Highlights of Java:

JavaScript Tutorial jQuery Examples, Ajax, Mootools Examples, Prototype Examples - Free Javascript html Code | AjaxShake.com | Page-1 L'interactivité avec la balise HTML5 Canvas La balise <canvas> se comporte comme toute autre balise. Elle possède des attributs width, height et id. Le contenu de la balise correspond à un contenu alternatif pour les navigateurs ne la supportant pas. J'ai aussi défini une fonction à exécuter au chargement de la page et une balise <div> qui contiendra certaines informations, à savoir la quantité de mouvements effectués par l'élément. Le code JavaScript est un petit peu plus compliqué. var canvas, draw, width, height; var downcheck, upcheck, rightcheck, leftcheck; var up = 0;var down = 0;var left = 0;var right = 0; Ensuite, nous devrons créer une fonction init(), qui détermine ce qu'il faut faire au chargement de la page. function init() { canvas = document.getElementById('game'); height = canvas.height; width = canvas.width; draw = canvas.getContext('2d'); setInterval(redraw, 30); document.onkeydown = canvasMove; document.onkeyup = canvasStop; } Ensuite, nous devons ajouter une fonctionnalité pour déplacer le carré. Et voilà !

Download jQuery | jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download a sourcemap file for use when debugging with a compressed file. The map file is not required for users to run jQuery, it just improves the developer's debugger experience. As of jQuery 1.11.0/2.1.0 the //# sourceMappingURL comment is not included in the compressed file. To locally download these files, right-click the link and select "Save as..." from the menu. The jQuery 1.x line had major changes as of jQuery 1.9.0. Download the compressed, production jQuery 1.12.3 Download the uncompressed, development jQuery 1.12.3 Download the map file for jQuery 1.12.3 jQuery 1.12.3 release notes jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8. Download the compressed, production jQuery 2.2.3 Download the map file for jQuery 2.2.3

Creating an HTML5 Canvas Painting Application Table of contents Introduction My previous HTML5 Canvas tutorial provided you with insight into the numerous use cases for Canvas in web applications. In this article we will explore how you can write your own Canvas-based painting application. Making a web application that allows users to draw on a Canvas requires several important steps: setting up your HTML document with a Canvas context (a <canvas> element with an id), setting up your script to target that Canvas context and draw inside it and adding the required mouse event handlers for user interaction and associated logic. Once the event handlers are in place, it’s then fairly simple to add any desired functionality. The final painting application example looks like this: To make it easier to follow along with the code walkthrough presented below, you can download the full code example and follow along with it as you read the article. Getting started with the HTML We shall begin with a minimal HTML document: Canvas interaction Rectangle

fancyBox: Abrir imágenes, páginas web y videos en ventanas tipo Popup con jQuery | Actualidad jQuery Volvemos a la carga, y otra vez para presentaros una función jQuery desarrollada por Jānis Skarnelis. Se trata de fancyBox, un script con el que podemos abrir imágenes, páginas web, videos, etc. De forma muy elegante, en ventanas tipo Popup, con jQuery. Primeramente, bajamos fancyBox desde aquí o desde su página web oficial: fancyBox-v2.0.4.zip Una vez que lo tengáis descargado, lo primero que tenéis que hacer es incluir la función dentro de nuestro sitio web: Incluimos los Javascript de jQuery y fancyBox y el CSS de fancyBox. Para hacerlo funcionar solo tenemos que especificarle un "id" o "class" a nuestros enlaces para después ejecutar fancyBox sobre ese "id" o "class". En este caso hemos utilizado el enlace con clase (class="ejemplo_1") sobre una imagen que vamos a ampliar. Ahora vamos a ejecutar la función fancyBox sobre el enlace con este sencillo código: <script type="text/javascript"> $(document).ready(function(){ $(".ejemplo_1").fancybox({ }); }); </script>

Apprendre JavaScript : utilisation de la balise canvas I-A. JavaScript & ECMAScript▲ JavaScript (abrégé JS) est un langage de programmation de scripts principalement utilisé dans les pages Web interactives mais aussi côté serveur[1]. C'est un langage orienté objet à prototype, c'est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs propriétés, et notamment une propriété de prototypage qui permet d'en créer des objets héritiers personnalisés. Le langage a été créé en 1995 par Brendan Eich (Brendan Eich étant membre du conseil d'administration de la fondation Mozilla) pour le compte de Netscape Communications Corporation. Le langage, actuellement à la version 1.8.2, est une implémentation de la 3e version de la norme ECMA-262 qui intègre également des éléments inspirés du langage Python. En décembre 1995, Sun et Netscape annoncent la sortie de JavaScript. I-B. II-A. II-B. II-C. II-C-1. Note.

DatePicker - jQuery plugin About Date Picker component with a lot of options and easy to fit in your web application. Last update 22.05.2009 - Check Download tab Features Flat mode - as element in page Multiple calendars in the component Allows single, multiple or range selection Mark dates as special, weekends, special days Easy to customize the look by changing CSS Localiation for months' and days' names Custom day to start the week Fits into the viewport License Dual licensed under the MIT and GPL licenses. Examples Flat mode, single selection, the week start monday. Flat mode, multiple selection, disabled dates, special day, the week start sunday. Clear selection $('#date3').DatePickerClear(); Flat mode, range selection, 3 calendars. Attached to an text field and usign callbacks to update the date selection with the value from the field. Flat mode, inside a custom widget and with custom design. Download datepicker.zip (55 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog The first release.

HTML5 Canvas Tutorials jQuery Validation Plugin | Form validation with jQuery Tutoriel : Des applications ultra-rapides avec Node.js Version en ligne Table des matières Des applications ultra-rapides avec Node.js Node.js, c'est un peu l'outil dont les développeurs web entendent parler tout le temps en ce moment. Vous êtes de ceux-là ? Pourquoi la communauté des développeurs web est-elle autant excitée par Node.js ? Le mieux pour se faire une idée est de le tester. Node.js : mais à quoi ça sert ? Et si on commençait par répondre à toutes ces questions qui vous taraudent : Pourquoi Node.js semble-t-il aussi apprécié des développeurs web ? Allez, pas de chichis, on va répondre à tout ça et même plus dans ce premier chapitre. :) Si l'aventure vous tente, vous pourrez passer à la suite avec moi et installer Node.js sur votre machine ! Du JavaScript "à la papa" à Node.js OK, j'avoue, l'expression "JavaScript à la papa" est un peu forte. :-° Mais il y a du vrai là-dedans : JavaScript a eu plusieurs vies. Aujourd'hui, JavaScript est de retour et il prend sa revanche. Non, JavaScript n'est pas juste un petit langage utilitaire. ...

Related: