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.

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. We then are going to deploy the Ionic app using PhoneGap Build service to generate a Native installer. The App we are going to build is a Bucket List app. These images are taken from my Android Samsung Galaxy Note I device. I have deployed the REST server on Heroku, DB on MongoLab and the client is the Ionic PhoneGap Native app! Top Overlooked Security Threats to Node.js Web Applications. Speaker Deck Talk by Chetan Karande Full Screen Previous Slide Next Slide Previous Next share.

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.

Steam Web API/Feedback

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

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. 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! 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. Look at all the mistakes TypeScript found. Let's go through them one by one. Let's fix this by changing the reference to match. 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. Free Course Build Your First Node.js Website Node is a powerful tool to get JavaScript on the server. 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. 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. 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. On va ensuite brancher à Express tout un tas de middleware pour étendre les fonctionnalités du serveur. JavaScript Memory Management Masterclass. Stripe.