background preloader

Dynamisez vos sites web avec JavaScript !

Dynamisez vos sites web avec JavaScript !

Related:  Node.js

Build a real-time polls application with Node.js, Express, AngularJS, and MongoDB Recently while lecturing on HTML5 to a large group of students, I wanted to poll them and display their voting results, updating in real-time. I decided to quickly build a polling app for this purpose. I wanted a simple architecture and not too many different languages and frameworks. So I decided to use JavaScript for everything — Node.js and Express for the server-side, MongoDB for the database, and AngularJS for the front-end user interface. “This MEAN stack (Mongo, Express, Angular, Node) may one day surpass the simplicity of the LAMP stack (Linux, Apache, MySQL, PHP) for web application development and deployment.” I chose to use DevOps Services (formerly JazzHub) to manage the source code for my project.

Drag-and-Drop with jQuery: Your Essential Guide Home : Articles : Drag-and-Drop with jQuery: Your Essential Guide Tutorial by Matt Doyle | Level: Intermediate | Published on 17 February 2011 Categories: JavaScript debugging for beginners Knowledge needed: Basic JavaScriptRequires: Web browser, one of: Google Chrome, Firefox (with Firebug) or OperaProject time: 30 mins Over the last five years, thanks largely to the rise of frameworks such as jQuery and Prototype, JavaScript has risen to become a first tier language for scripting on the web. This increased popularity and ease of use, has led to the creation of fully fledged applications such as Gmail, which contain thousands of lines of JavaScript code that required teams of talented developers to create. As a result of this increasing complexity however, when something does go wrong developers need powerful JavaScript debugging tools in order to quickly root out the cause of the issue and fix it efficiently. A simple var dump via the alert() dialogue simply won’t cut it anymore. In this tutorial I’ll outline some of the features of modern developer tools that you can use today to help make JavaScript debugging less painful.

Sass: Sass Basics Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup. D3 <div id="js_warning"><strong>JavaScript is turned off, so this page won&rsquo;t be very interactive.</strong> Switch JavaScript back on in your web browser for the full experience.</div> These tutorials have been expanded into a book, Interactive Data Visualization for the Web, published by O’Reilly in March 2013. Kickstart Your AngularJS Development with Yeoman, Grunt and Bower Whether you love or hate it, there’s no denying that AngularJS is the framework on every developer’s lips. It may not be for everybody, but AngularJS has a quirky, efficient and powerful feature set. Couple that with a few useful development tools like Yeoman, Grunt and Bower and you’ve got yourself an incredibly fast rapid prototyping process. What we’ll cover This AngularJS tutorial will cover: Generating a bare bones AngularJS app with YeomanUsing Grunt to speed up development and help perform repetitive tasksUsing Bower to add third party plugins/frameworksMaking minor changes to your AngularJS app

Mapping with D3 - Maptime Boston A friendly introduction Andy Woodruff for Maptime Boston @maptimeBoston | @awoodruff Follow along! Or get the code for examples: Installing Node.js via package manager Note: The packages on this page are maintained and supported by their respective packagers, not the Node.js core team. Please report any issues you encounter to the package maintainer. If it turns out your issue is a bug in Node.js itself, the maintainer will report the issue upstream. Node.js and npm packages are available in the Community Repository. pacman -S nodejs npm

enjalot.github Pre-Game Some things to go over before we dive in SVG Overview overview of most common SVG elements and key ways SVG is similar to and different from html Binding API introduction to the d3 API functions that relate to the DOM and data binding, such as selections, transitions and the enter/update/exit pattern. Non-Binding API overview of the rest of the d3 API functions which can be used in all kinds of situations Reusable Charts introduction to the reusable chart pattern Diving Board Links and resources for diving even deeper into d3

Related:  Veille TechnologiqueCode