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:

View Materials | Google CS First These short, hour-long activities allow you to try out CS First and introduce your students to computer science without committing to a complete 8-activity theme. They're perfect for special events such as Hour of Code or CSEdWeek, or as practice to help you familiarize yourself with CS First before starting a normal theme. High Seas Activity Sample CS First with "High Seas," an introductory activity designed for use in a classroom setting or at a conference, hackathon, or other event like Hour of Code. "High Seas" is a one-time, standalone activity and not part of a regular CS First theme, so it does not use or provide printed materials. Try Now View Lesson Plans Gumball's Coding Adventure Sample CS First with "Gumball's Coding Adventure," an introductory activity based on Cartoon Network's Amazing World of Gumball episode "The Signal." Try Now View Lesson Plans Storytelling In Storytelling, students use computer science to tell fun and interactive stories. Try Now View Lesson Plans Art

JavaScript Tutorial jQuery Examples, Ajax, Mootools Examples, Prototype Examples - Free Javascript html Code | AjaxShake.com | Page-1 Code Maven from Crunchzilla <h2>Code Maven gets teens excited about programming. It is an interactive tutorial where anyone can experiment with learning to code. <p> Code Maven from Crunchzilla uses Javascript. Hi, I'm Code Maven! Getting Started Lesson 1 BACK How to Play | Lesson Sections | About | FAQ | Terms of Use | Privacy | Contact | © 2015 How to Play Code Maven teaches teens and adults a little about Javascript programming! It's easy to play. Click on the Reset button if you really mess up your code and want to start over on a lesson. Code Maven saves what lesson you are on, so feel free to stop at any time and come back later. Have fun! Frequently Asked Questions What is the c in things like c.save()? c is a variable Code Maven creates for you that contains the Canvas' 2D context. var c = document.getElementById('pane').getContext('2d'); How can I save my code and use it outside of Code Maven? Longer answer: A minimal HTML file that works would look like this: Is there any other code that is hidden from me? Sure!

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

edutopia Introducing computer programming to your kids can be a challenge, especially for those who aren’t familiar with the nuances of code. Fortunately, in the last few years, a number of apps, software, and guides have been produced that make the often-complex subject of computer coding easy to grasp for young learners. So where to begin? These are a few resources that parents can share with their kids to help them start learning about programming. Programming Tutorials From Made With Code by Google: Google's Made With Code project has a mission of encouraging girls to pursue careers in computer science. Inspiring Articles About Kids Learning to Code Still looking for some ideas? Coding Organizations for Kids For the non-coding parents, it can be difficult to know where to begin.

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>

Programming eBooks Programming iOS 11 If you're grounded in the basics of Swift, Xcode, and the Cocoa framework, this book provides a structured explanation of all essential real-world iOS app components. Through deep exploration and copious code examples, you'll learn how to create views, manipulate view controllers, and add features from iOS frameworks. 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.

Related: