background preloader

JavaScript

Facebook Twitter

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. 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. Concepts.

Webpack

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

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?

Test

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! 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.

Introduction

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. By doing this well, it takes away significant amount of pain from web development. It isn't the easiest tool to learn due to its configuration driven approach. 10 Cool Things You Can Do with CodePen and JavaScript. Hey web people!

10 Cool Things You Can Do with CodePen and JavaScript

I work on CodePen a playground for front end web design and development. One of the things you can do on CodePen is create Pens, which are HTML, CSS, and JavaScript you create and see the result of immediately. 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 2014-12-23: Added Recovering from Rejection section. Table of Contents. 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. But as rich client-side JavaScript apps get larger, they encounter challenges similar to those that old-school apps have faced for years: sharing code for reuse, while keeping the architecture separated into concerns, and flexible enough to be easily extended. Launch A Rocket: Learn JavaScript Basics The Fun Way!

TypeScript

State of the JavaScript Landscape: A Map for Newcomers. Sans titre. 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. Not so. Flux. Javascript Closures.

Introduction. Truth, Equality and JavaScript. JavaScript Scoping and Hoisting. 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.

OOP

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