background preloader

Javascript

Facebook Twitter

ES6 Overview in 350 Bullet Points. Apologies about that long table of contents, and here we go.

ES6 Overview in 350 Bullet Points

ES6 – also known as Harmony, es-next, ES2015 – is the latest finalized specification of the language The ES6 specification was finalized in June 2015, (hence ES2015) Future versions of the specification will follow the ES[YYYY] pattern, e.g ES2016 for ES7 Yearly release schedule, features that don’t make the cut take the next train Since ES6 pre-dates that decision, most of us still call it ES6 Starting with ES2016 (ES7), we should start using the ES[YYYY] pattern to refer to newer versions Top reason for naming scheme is to pressure browser vendors into quickly implementing newest features (back to table of contents) A new primitive type in ES6 You can create your own symbols using var symbol = Symbol() You can add a description for debugging purposes, like Symbol() Symbols are immutable and unique.

Time for a bullet point detox. 24 Free Node.js Tutorials & Online Guides. JavaScript was original created as a frontend language for dynamic website effects.

24 Free Node.js Tutorials & Online Guides

Although it’s still used in this way, newer libraries are pushing the boundaries of what can be accomplished through JS scripting. In a previous article I covered AngularJS resources for building dynamic web applications. Node.js is a similar open source library with even more detailed features. This gallery includes 24 tutorials, guides, and websites dedicated to teaching Node.js. How to Build a High Velocity Development Team — JavaScript Scene. With so much at stake, you can’t afford to miss any possible advantages, so you should be taking a very serious look at remote work to see how it can impact your bottom line.

How to Build a High Velocity Development Team — JavaScript Scene

Productivity I’ve been talking to a lot of Silicon Valley/San Francisco startups lately about how they hire & collaborate. Most of them still require people to come into an office every day. They sound like an echo chamber spouting the same lines about how valuable it is to have face time in a startup, and maybe someday when they’re bigger, they’ll look at remote work options. AngularJS Cheat Sheet by ProLoser. Ionic Restify MongoDB - An End to End Hybrid App. Build the same Bucket List app without worrying about server side code, check out Creating a Firebase Powered End to End Ionic Application In this post, we are going to build an End to End Hybrid App, that has a server component and a client component.

Ionic Restify MongoDB - An End to End Hybrid App

Our server will be built on top of Node js, with Restify as the server side framework and MongoDB as the data persistence layer. Our Client is a Hybrid App, built with Ionic framework. Top Overlooked Security Threats to Node.js Web Applications. Speaker Deck Talk by Chetan Karande Full Screen Previous Slide Next Slide.

Top Overlooked Security Threats to Node.js Web Applications

GSAP + SVG for Power Users 2: Complex Responsive Animation. This is the second article in a series about the GreenSock Animation API and SVG.

GSAP + SVG for Power Users 2: Complex Responsive Animation

This series isn't intended for beginners, but rather a deep dive into some of the more exciting and lesser-known features that one can work with after they've gotten past the initial introduction. The first article was about Motion Along a Path. Today we'll briefly explore some new GSAP features, and then go further and create a responsive complex animation from start to finish. Steam Web API/Feedback. Problems Data layout & error handling inconsistency This is really important for a good API: Almost all methods response with other data layouts.

Steam Web API/Feedback

While the TF2 methods (except that for the Golden Wrenches) have a consistent layout. All other methods respond with different data. Chrome Console APIs you’re probably not using yet. As a JavaScript developer I use the dev console a lot.

Chrome Console APIs you’re probably not using yet

Whenever I want to know the value of a variable or the return value of a function I use the famous console.log. A while ago I started to do some more research and found some more really cool console methods to use, check it out! 60fps on the mobile web — Flipboard Engineering. Flipboard launched during the dawn of the smartphone and tablet as a mobile-first experience, allowing us to rethink content layout principles from the web for a more elegant user experience on a variety of touchscreen form factors.

60fps on the mobile web — Flipboard Engineering

Now we’re coming full circle and bringing Flipboard to the web. Much of what we do at Flipboard has value independent of what device it’s consumed on: curating the best stories from all the topics, sources, and people that you care about most. The nitty-gritty of compile and link functions inside AngularJS directives. AngularJS directives are amazing.

The nitty-gritty of compile and link functions inside AngularJS directives

They allow you to create highly semantic and reusable components. In a sense you could consider them as the ultimate precursor of web components. There are many great articles and even books on how to write your own directives. In contrast, there is little information available on the differences between the compile and link function, let alone the pre-link and post-link function.

Most tutorials briefly mention the compile function as used mainly by AngularJS internally and then advise you to just use the link function as it should cover most use cases for custom directives. That is very unfortunate because understanding the exact differences between those functions will greatly enhance your ability to understand the inner workings of AngularJS and to write better custom directives yourself. 11 Tips to Improve AngularJS Performance. I am new to Angular (even though I am not new to the web development), so please take everything that I am about to say with a grain of salt. That being said, I watched a lot of talks and read a lot of articles relevant to Angular performance, and this post is the summary of my findings. Usually, if your Angular app is slow, it means that you either have too many watcher, or those watchers are working harder then they should. Angular uses dirty checking to keep track of all the changes in app. How To Handle User Authentication With AngularJS.

Implementing a login and user authentication system for your AngularJS app seems to be one of the hardest problems people encounter. My article on a simple login with Ionic and AngularJS is the far most viewed article on this blog, every day! As the mentioned article only describes a basic system for a very low level security, this article will highlight everything you need for a complete user authentication and login inside your AngularJS app!

How to Make a Smartphone Controlled 3D Web Game. The following is a guest post by Charlie Walter. Charlie does a bunch of work with Three.js (3D in the browser with WebGL) and gaming concepts. If that stuff interests you, read on! In this tutorial I'll explain an approach on how to connect your smartphone to a 3D web game. We'll be making a car which you can control by tilting your phone (using the phone's accelerometer). We'll use the JavaScript library three.js for working with WebGL as well as WebSockets through the socket.io library and a few other web technologies. Try it now. Everything you wanted to know about JavaScript scope. 1502.07373v2.pdf. Recent Blog Posts By Ben Nadel. Catching JavaScript Mistakes with TypeScript - TypeScript Video Tutorial #free @eggheadio.

This video will use only Vanilla JavaScript, but TypeScript will still catch many common JavaScript mistakes. We'll use the TypeScript playground which runs the compiler directly in your browser. I've prepared valid JavaScript that runs with no exceptions, but still contains mistakes. Let's paste the JavaScript into the TypeScript playground and see what happens. How I build Node.js Applications. "Keep it simple, keep it modular. " Today I would like to share with you how I build Node.js applications with the hope that someone else will find it useful. This article is structured in a sequence of steps that I use in my workflow and will attempt to be as detailed as possible. Development Process My development process usually begins with a wireframe illustrating the project requirements. It is very important to plan how you will build your application before writing any code.

Architecture. Scraping the Web With Node.js. A Twitter Bot in 20 Minutes With Node.js - Apcoder. Update (10/15/2013): I'm sorry. Token Based Authentication for Single Page Apps (SPAs) Drone Games - A NodeCopter style programming competition powered by drones and JavaScript. JavaScript Riffs. MEAN.IO Tutorial, building a GOAL’S application from scratch. PART 1. Mastering this in JavaScript. Shake that login form with AngularJS · Mirco Zeiss. 29 Apr 2014 You might have read the excellent post Improve the payment experience with animations. I really liked the shake effect for the payment form. If it reminds you of the OS X login mask you're probably not the only one. Web Developers - What to learn in 2015? How to make a mobile virtual pet game with HTML5 and Cordova. In the busy world we live in, most people don’t have the time to take care of pets anymore, so virtual pets were invented. Virtual pets are computer programs that simulate the interaction with a real pet, so that you can have a play with them and keep them healthy and strong.

Given their popularity and how they’ve adapted from 4-bit Tamagochi keyholders to Android hits such as Pou, I thought it’d be interesting to create a HTML5 virtual pet game demo to cover the basics of the Open Source Phaser game library and some basic Cordova API usage. Sync Data Using PouchDB In Your Ionic Framework App. Syncing data with the cloud is all the hype lately. Dropbox, Firebase, Parse, Couchbase, everyone is working towards having the easiest solution. The State of JavaScript in 2015 - Jimmy Breck-McKye. Reddit Clone. How Interactivity Works with UTFGrid. Isomorphic JavaScript: The Future of Web Apps - Airbnb Engineering. HTML5, web-workers : le monde parallèle du javascript. Build an Instagram clone with AngularJS, Satellizer, Node.js and MongoDB.

1. Introduction. Article title. On appelle MEAN stack l'association de quatre composants de base que sont MongoDB, Express, Angular et Node.js. On ne présente plus Angular, le framework javascript client-side de Google, ni la base de donnée NoSQL MongoDB. Par contre si vous n'avez jamais entendu parler de Express, c'est simplement un framework server-side permettant d'exploiter facilement Node.js, notre serveur web. JavaScript Memory Management Masterclass. Stripe.