background preloader


Facebook Twitter

HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript. Learn D3: Introduction / D3. Introduction to D3 / MIT Visualization Group. Learn to Code for Free – Grasshopper. D3 in Depth. JavaScript. The Core: 2nd Edition – ds.laboratory. This is the second edition of the JavaScript.

JavaScript. The Core: 2nd Edition – ds.laboratory

The Core overview lecture, devoted to ECMAScript programming language and core components of its runtime system. Audience: experienced programmers, professionals. The first edition of the article covers generic aspects of JS language, using abstractions mostly from the ES3 spec, with some references to the appropriate changes in ES5 and ES6+. Starting since ES2015, the specification changed descriptions and structure of some core components, introduced new models, etc.

And in this edition we focus on the newer abstractions, updated terminology, but still maintaining the very basic JS structures which stay consistent throughout the spec versions. Explaining Value vs. Reference in Javascript – codeburst.


Function - How do JavaScript closures work? Next.js. Fetch - Modern Async Server Calls - Visual Studio Code: Shipping One of the Largest Microsoft JavaScript Apps. Introduction My name is Alex Dima, and I’m a senior software engineer on the Visual Studio Code team at Microsoft.

Visual Studio Code: Shipping One of the Largest Microsoft JavaScript Apps

We work out of Zurich, and today I would like to cover about some of the lessons we’ve learned while developing and shipping Visual Studio Code. Visual Studio Code Visual Studio Code comes in two parts. Firstly it’s a web app built using JavaScript, specifically using the Node.js API on top of a browser API. The Promise of a Burger Party - Mariko Kosaka. Functional Programming By Example. While chatting in a CodeNewbie Slack channel I realized that the question of what functional programming is in relation to object oriented programming is a question that comes up a lot and is an area of great confusion.

Functional Programming By Example

For this reason, I wanted to write an article to hopefully help clear up this confusion, even if just for a little. What I came up with was 11 different versions of the same program. The program reads in a file containing some text, breaks the text into individual words, counts them up, and displays the top 10 words that were used in the text. I don't think this will work as your first introduction to functional programming. Glossary of Modern JavaScript Concepts: Part 1. TL;DR: In the first part of the Glossary of Modern JS Concepts series, we'll gain an understanding of functional programming, reactive programming, and functional reactive programming.

Glossary of Modern JavaScript Concepts: Part 1

To do so, we'll learn about purity, statefulness and statelessness, immutability and mutability, imperative and declarative programming, higher-order functions, observables, and the FP, RP, and FRP paradigms. Introduction Modern JavaScript has experienced massive proliferation over recent years and shows no signs of slowing. Numerous concepts appearing in JS blogs and documentation are still unfamiliar to many front-end developers. In this post series, we'll learn intermediate and advanced concepts in the current front-end programming landscape and explore how they apply to modern JavaScript.


Progressive Web Apps: The definitive collection of resources. Introduction Want to get started with progressive web apps, but not sure where to start?

Progressive Web Apps: The definitive collection of resources

This page will list the best resources we know of to help you understand Progressive Web Apps (PWAs), get started and learn things in depth. Make sure to bookmark this page, as this is a living document that we’ll be adding to from time to time. Progressive Web Apps: The what, how and why These articles introduce the concept of Progressive Web apps and serve as a jumping point to learn more about them. Building a JavaScript Development Environment. Hi everyone, my name is John Smith , welcome to my course, PHP: Getting Started.

Building a JavaScript Development Environment

I am a PHP programmer at The Mill. PHP is the world’s most widely used server-side scripting language. This course is a quick introduction to developing PHP applications, and no prior experience with PHP is required. Some of the major topics that we will cover include: 1. Basic features of the language syntax 2.

Callback Hell. How to Use the JavaScript Fetch API to Get Data. We all remember the dreaded XMLHttpRequest we used back in the day to make requests, it involved some really messy code, it didn't give us promises and let's just be honest, it wasn't pretty JavaScript, right?

How to Use the JavaScript Fetch API to Get Data

Maybe if you were using jQuery, you used the cleaner syntax with jQuery.ajax(). Well JavaScript has it's own built-in clean way now. Along comes the Fetch API a new standard to make server request jam-packed with promises and all those things we learned to love over the years. How do we use the Fetch API? In a very simple manner all you really do is call fetch with the URL you want, by default the Fetch API uses the GET method, so a very simple call would be like this: fetch(url) .then(function() { }).catch(function() { }); Looks pretty simple right?


The Danger Crew RPG: Lessons Learned by Drew Conley on CodePen. The day is finally here.

The Danger Crew RPG: Lessons Learned by Drew Conley on CodePen

The Danger Crew, an RPG game built with React and Redux, is ready to play! I made a Celebration Pen for it: #Intro and Background I started The Danger Crew with two friends in October 2015. A Beginner's Guide To Progressive Web Apps. Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch.

A Beginner's Guide To Progressive Web Apps

Introduction. Webpack simplifies web development by solving a fundamental problem - the problem of bundling.


It takes in various assets, such as JavaScript, CSS, and HTML, and then transforms these assets into a format that's easy to consume through a browser. 10 Cool Things You Can Do with CodePen and JavaScript. JavaScript Promises ... In Wicked Detail - Matt Greer. I’ve been using promises in my JavaScript code for a while now. They can be a little brain bending at first. I now use them pretty effectively, but when it came down to it, I didn’t fully understand how they work. This article is my resolution to that. If you stick around until the end, you should understand promises well too.

We will be incrementally creating a promise implementation that by the end will mostly meet the Promises/A+ spec, and understand how promises meet the needs of asynchronous programming along the way. Change log. Turbocharged JavaScript refactoring with codemods – Airbnb Engineering & Data Science – Medium. History and Background of JavaScript Module Loaders. Introduction Application logic for web apps continues to move from the back end to the browser. Launch A Rocket: Learn JavaScript Basics The Fun Way!


State of the JavaScript Landscape: A Map for Newcomers. Sans titre. As JavaScript development gets more and more common, namespaces and depedencies get much more difficult to handle. Different solutions were developed to deal with this problem in the form of module systems. Adonis - Nodejs MVC Framework. Douglas Crockford: The Better Parts - JSConfUY 2014. The long road to Async/Await in JavaScript. All this. Coming from a sane language you might think that this in JavaScript is kind of like this in an object oriented language like Java, something that refers to values stored in instance properties. Flux. Javascript Closures. Truth, Equality and JavaScript. JavaScript Scoping and Hoisting. Do you know what value will be alerted if the following is executed as a JavaScript program? Var foo = 1; function bar() { if (! Foo) { var foo = 10; } alert(foo); } bar();

JavaScript Garden. Although JavaScript deals fine with the syntax of two matching curly braces for blocks, it does not support block scope; hence, all that is left in the language is function scope. function test() { // a scope for(var i = 0; i < 10; i++) { // not a scope // count } console.log(i); // 10} There are also no distinct namespaces in JavaScript, which means that everything gets defined in one globally shared namespace.


Angular. Want to learn JavaScript in 2015 / 2016? JS Comparison Table. 10 Interview Questions Every JavaScript Developer Should Know — JavaScript Scene. ES6/ES2015. React. React Native. Meteor. Node. Opinions. TodoMVC.