JSK Weekly - February 13, 2019

This week we have something special for JavaScript beginners. We recommend "JavaScript Fundamentals: Syntax & Structure" by Timothy Robards.

Trying out new languages can be very interesting and useful experience. Hipster or not, we recommend you to check out Thomas Barrasso's article "How to Learn Elixir for Hipster Javascript Developers".

Finally, we have very exciting news for Vue.js developers. Evan You announced the release of Vue 2.6 “Macross”. Read all about it in Evan's article.


How promises actually work inside out?

One of the most important questions I faced in the interviews how promises are implemented since callbacks are not used anymore and the async/wait is becoming more popular so you need to understand promises to master async/wait. What is a Promise? A promise is an object which represents the result of an asynchronous operation which is ...

Authored by: Shailesh Shekhawat

Computer science in JavaScript: Doubly linked lists

In my previous post, I discussed creating a singly linked list in JavaScript (if you haven't yet read that post, I suggest doing so now). A single linked list consists of nodes that each have a single pointer to the next node in the list.

Authored by: Nicholas C. Zakas

JavaScript Regular Expressions for Regular People

Regular expressions, also known as regex or regexp, is a difficult subject to tackle. Don't feel ashamed if you're not 100% comfortable with writing your own regular expressions yet, as it does take some getting used to.

Authored by: Alligator

Refactoring MDN macros with async, await, and Object.freeze()

We completed a major refactor of the MDN macro rendering code using JavaScript Promises, async, await, Object.create() and Object.freeze().

Authored by: Mozilla Hacks


JavaScript Fundamentals: Syntax & Structure

In JavaScript there are two types of values: Fixed values (or literals) and Variable values ( variables). Literals Literals are defined as values that are written in our code, such as numbers, strings, booleans (true or false), as well as object and array literals (don't worry too much about these just yet).

Authored by: Tim Robards

JavaScript Array .every() Method

The every() method simply tests an array for a particular condition and returns true if the condition is passed or false if it fails.

Authored by: Scotch Development


Integrating Google Maps in Your Angular Application

If your Angular application calls for an interactive Google Map, manually adding the Maps API functionality is not quite as straightforward as you might think it should be. Luckily, we live in the world of Open Source, and because Angular has such an active developer community, some awesome people have already solved many of these problems and packaged it up nicely in an Angular module you can import into your application.

Authored by: Alligator

Trying To Implement 9-Slice Scaling With SVG Components In Angular 7.2.4

I'm very new to SVG (Scalable Vector Graphics). I've read Practical SVG by Chris Coyier. And, I've tried to create an SVG icon system using components in Angular 7.2.0. But, really, I know very little about how SVG works or about how to make it dynamic.

Authored by: Ben Nadel

Angular 7 NgClass Tutorial With Example

Get real time updates directly on you device, subscribe now. Angular 7 NgClass Tutorial With Example | Angular NgClass is today's topic. If you are new to Angular 7, then check out this Angular 7 CRUD Tutorial article. Angular NgClass adds and removes CSS classes on an HTML element.

Authored by: KrunalDLathiya


Razzle: An Alternative SSR Framework for React

Razzle is a tool that abstracts all complex configuration for SSR into a single dependency. Learn how to get started with Razzle in server-rendering React apps. Setting up universal React applications is difficult and the configurations are not simple to handle.

Authored by: Telerik

Async actions in Redux with Thunk or custom middleware

Andrea describes how to manage async actions with Redux Thunk or custom middleware. Your call.

Authored by: Andrea Chiarelli


Vue 2.6 released! - The Vue Point

Yesterday we just celebrated the 5th Vueniversary  - today we are excited to announce the release of Vue 2.6 "Macross"! In the past year, we spent a lot of time working on the new CLI and prototyping for 3.0. As a result, Vue core 2.x hasn't received major updates in quite a while.

Authored by: Evan You

How to Use a Vue Grid UI Component in Your Web App (Part 1)

Let's learn how to create a Grid with the new native Grid in Kendo UI for Vue. The new native Grid is built with Vue from the ground up. In the first post in this two part series, we will learn how to create a Kendo UI native Grid for Vue.

Authored by: Telerik

Libraries and Tools

How to Learn Elixir for Hipster Javascript Developers

Everyone knows Javascript. Your grandma, father-in-law, old college roommate... even your cat knows Javascript! Javascript is among the most popular and in demand (read: mainstream) programming...

Authored by: Bit

Why Headless CMS & GraphQL are a Natural Fit [Takeshape Demo]

In a rush? Skip to technical tutorial or live demo. The first time we wrote about GraphQL, back in 2017, we described it as a shiny new tool developed by Facebook. GraphCMS, which we presented in that article, was one of the first softwares to use it as a core feature.

Authored by: Snipcart

New features in Webpack 5

If you're bundling front-end assets, chances are you're using a tool to do it. And that tool, most likely, is Webpack. In this article, I'll be sharing some new features coming to Webpack 5, and what you should be aware of as you continue to use it in your daily work.

Authored by: Dennis Gaebel 🎸

Faster Load Times For Any Framework

At Bitovi, we've been working on utilizing HTTP streaming to speed up single-page application (SPA) load times for the last couple of years. We've developed a technique that accelerates page load times that we call incremental rendering, which went into DoneJS 3. Today we're happy to announce another project, Velocirender, which brings incremental rendering to any framework.

Authored by: Bitovi


How to Beat 5 Common JavaScript Interview Challenges

The ways tech interviews are being carried out has been at the center of much controversy for a while now. It's a sensitive topic, especially when it comes to coding challenges. Not all companies use the same screening process, but for the most part, expect to be asked to solve a coding challenge, either on a suitable platform or on the dreaded whiteboard.

Authored by: M. Antonietta Perna

Manage your Node App using Docker Like a Pro

Create a small Node.js project and dockerize it. Let's see the package.json for the project - Run npm install to install the project dependencies. It will create a package-lock.json file. Now let's create a index.js file.

Authored by: Ankit Jain

Zeit Now v2 workflow

I like Zeit Now v1 and now there is something even more powerful - Zeit Now v2. I got to admit, at first I was skeptical. But after trying to write a GitHub bot using Zeit I am excited. The Now v2 dep

Authored by: Gleb Bahmutov

Building a CQRS + ES App With reSolve

One of the core features of any Todo App is the ability to mark the items as completed or not_completed. Currently, the only Todo in our app is Learn CQRS and it is marked as not completed by default. Let's add some code that will allow us to toggle the Todo's as completed and not completed.

Authored by: Rajat S ⌨️