background preloader

JavaScript

Facebook Twitter

Kangax projects. NCZOnline - The official website of Nicholas C. Zakas. Adventures in JavaScript Development. Introduction. JSbooks - free javascript books. Socket.IO. To Engineers Who Tried to Use Jade Template Engine and Can’t Get Started. When I started working at Storify as a Node.js Engineer.

To Engineers Who Tried to Use Jade Template Engine and Can’t Get Started

The tech stack was Express and Jade. I hate to admit it, but I struggled with Jade a lot! Before, I mostly worked with Underscore, and Handlebars. I attempted to modify some HTML in the Jade templates. Other times I would only change the text. I was failing miserably to learn by trial and error. Smart people learn by their mistakes, and wise people learn from others. [Sidenote] Reading blog posts is good, but watching video courses is even better because they are more engaging. A lot of developers complained that there is a lack of affordable quality video material on Node. Go check out Node University which has FREE videos courses on Node: node.university. [End of sidenote] A template engine is a library or a framework that uses some rules/languages to interpret data and render views. Nunjucks. You've been looking for a more sophisticated templating engine for JavaScript.

Nunjucks

Here it is. Rich Powerful language with block inheritance, autoescaping, macros, asynchronous control, and more. Heavily inspired by jinja2 Fast & Lean High-performant. Small 8K gzipped runtime with precompiled templates in the browser Extensible Crazy extensible with custom filters and extensions Everywhere Available in node and all modern web browsers, with thorough precompilation options. CSS, JS or SMIL: What Should You Use For Animations? – Designhill Blog. Web designers usually have three different tools available at their disposal for creating animations.

CSS, JS or SMIL: What Should You Use For Animations? – Designhill Blog

These tools are CSS, JS or SMIL. But the bigger question here is- which is the one that offers maximum benefits in terms of functionality and near perfect designs? Well, each of these tools have their own set of pros and cons. WebAssembly. Coursereport. Three.js - Javascript 3D library. Javascript, un langage ? un script ? En savoir plus.

Créé en 1995 par Brendan Eich, le Javascript était un simple langage de script.

Javascript, un langage ? un script ? En savoir plus

La console, une introduction. Ah, la console !

La console, une introduction

Web Animations. Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology.

Web Animations

The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this document are to be interpreted as described in RFC 2119. However, for readability, these words do not appear in all uppercase letters in this specification. All of the text of this specification is normative except sections explicitly marked as non-normative, examples, and notes. Web-animations/web-animations-js. 5 Reasons Why JavaScript is The Perfect Next Step After Learning HTML5 And CSS3. Gooroo Worldwide salary analysis for JavaScript.

The following are the possible ways to create professional animations in SVG: – Medium. Export your SMIL animations from a graphics application.

The following are the possible ways to create professional animations in SVG: – Medium

The standard way to produce SVG animations with SMIL is to create them in applications like Adobe Animate CC and similar others (see the section below for a list), and then using plugins like Flash2svg to export them in SVG. The Flash2svg add-on, created by the very talented Tom Byrne, is a marvel. With it you can export from Adobe Animate CC almost all animations+sound as a single self-contained SVG file. Even entire cartoon episodes like this one: If you need to use the SVG animation for cartoon editing or video production, you can then import the resulting SVG file in your editing software, for example Adobe After Effects. If you need to use SVG animations on the web, being SMIL not supported by all browsers, you should add a polyfill to your web page. Juliangarnier/anime: Javascript Animation Engine. The State Of JavaScript: Introduction. The State Of JavaScript Depending on who you ask, right now JavaScript is either turning into a modern, reliable language, or a bloated, overly complex dependency hell.

The State Of JavaScript: Introduction

Or maybe both? What's more, there's just so many options: Do you use React or Angular 2? Do you really need Webpack? And what's this month's recommended way of dealing with CSS? Like you, I spent far too many hours reading about all this, and at the end I still wasn't sure. JamesTheHacker/Neuron: Neuron - Electron, ES6, React, PouchDB, Sass, Webpack. Electron - Build cross platform desktop apps with JavaScript, HTML, and CSS. Top 20 Ajax Tutorials. Ajax is commonly overlooked as a language that many newbies to web design don’t really understand.

Top 20 Ajax Tutorials

Well the truth is, Ajax can do wonderful things and give your website that extra special something. I have rounded up a collection of the top 20 Ajax tutorials I think will help anyone get their feet wet with Ajax. Let me know what tutorial you like best, and if you know of any other tutorials that have helped you master Ajax, then please by all means drop us a comment. Anyway, enjoy the list! A simple AJAX website with jQuery TutorialZine have posted this really great tutorial that teaches people how to create their very own fully functional websites that runs using Ajax. JavaScript in Plain Language. Ampersand.js - Home. Human JavaScript. Code is as much about people as it is about computers.

Human JavaScript

Sure, it's run by computers, but it's written by, maintained by, and ultimately created for people. People are not computers. We are not robots. We are unpredictable, flawed, and irrational. 25 Free Resources for New JavaScript Developers. We asked our campers to share their favorite free resources for new JavaScript developers on Camper News. The list includes some time-tested books as well as podcasts and videos you may not have heard of yet.

Books. BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript. Standard. One JavaScript Style Guide to Rule Them All No decisions to make. No .eslintrc, .jshintrc, or .jscsrc files to manage. It just works. This module saves you (and others!) PureScript. Automatisez votre workflow front-end. Un gros Troll de plus sur Javascript. CommonJS: JavaScript Standard Library. Spec Wiki. Login & Sign Up Form Concept - Coding. Utiliser les différents tests d'égalité.

Cours et Tutoriels sur le JavaScript

NODE.JS. ECMAScript 6. FRAMEWORKS & LIBRARIES JavaScript. JS ANIMATIONS (toutes bibliothèques confondues) BRUNCH. GULP.JS. GRUNT.JS. TypeScript. DART. AJAX. RequireJS. Sites Généralistes. Vanilla JS.

Outils, scripts et divers choses utiles

JSON. CoffeeScript. INSPIRATIONS, IDÉES. SnakeGame. Getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter. Interactive Audio Visual Experience by Jean Helfenstein. JS Attitude : formations JavaScript qualitatives et sympathiques. Create a new fiddle - JSFiddle. Utilisez la console JavaScript des navigateurs. Concevoir un site dynamique implique de faire appel à JavaScript, langage de plus en plus populaire et puissant. Afin de donner les bons outils aux développeurs web, les navigateurs se sont peu à peu équipés de consoles de développement permettant d'entrer des instructions à la volée, avec bien souvent de l'auto-complétion, de consulter les données en mémoire ou d'explorer les fonctions et variables disponibles.

Des commandes plus avancées visent à définir des points d'arrêt et d'inspecter la pile des appels. La console est un outil indispensable lorsque l'on souhaite écrire quelques lignes de JavaScript, ou bien concevoir des scripts plus évolués notamment avec des frameworks tels que jQuery. Accès La console se retrouve bien souvent dans un menu orienté pour les développeurs, à l'aide d'une touche de raccourci, ou dans des extensions spécifiques telles que Firebug pour Firefox. Coder en Javascript dans une console. JavaScript console - for debugging JavaScript and remote debugging mobile web apps. SoJavaScript. Des ressources Javascript pour mieux comprendre et domestiquer le DOM. Aujourd'hui, le blog du Webdesign vous propose une liste de ressources Javascript qui vous permettons de mieux vous occuper de votre DOM ! Fun with code. Agile Enterprise Java, Cloud / NoSQL, Web Oriented Architectures, Mobile.

JS Bin - Collaborative JavaScript Debugging. Les d veloppeurs devraient-ils tous apprendre JavaScript ? Maarten estime que ce langage est pr sent partout et son apprentissage in vitable. ECMAScript 5 compatibility table. Javascript - Accueil. JavaScript for Cats. Dix ans de pratique Javascript à Paris. Standard ECMA-262. Informatique: Programmation: Langages: JavaScript. 10 Interview Questions Every JavaScript Developer Should Know — JavaScript Scene. Good to hear: Classes: create tight coupling or hierarchies/taxonomies.Prototypes: mentions of concatenative inheritance, prototype delegation, functional inheritance, object composition. Red Flags: No preference for prototypal inheritance & composition over class inheritance. The Most Advanced Responsive Front-end Framework from ZURB. Bootstrap · The world's most popular mobile-first and responsive front-end framework.

Web Designer Wall – Design Trends and Tutorials. Free Resources - JavaScript.com.