HTML, CSS, and JavaScript Journal

By Beaglesong | Articles for general web development and related technologies

Explain Redux like I'm five

I'll try to introduce the core concepts of Redux (store, actions, reducers, subscriptions) with a super simple example.<p>Let's say you have an apple. …

JavaScript

React tutorial for beginners - The Beginner's Guide to Learning React

Are you a React beginner? This React tutorial will explain everything in simple terms and plain English so you don’t feel overwhelmed or frustrated …

RxJS Essentials. Part 2: map, filter, reduce

In the previous article, I introduced the main players or RxJS, and now let’s start getting familiar with RxJS operators. In this article well use …

JavaScript

How to build a conversational app using Cloud Machine Learning APIs, Part 2

By Chang Luo and Bob Liu, Software Engineers<br>In part 1 of this blogpost, we gave you an overview of what a conversational tour guide iOS app might …

Machine Learning

How to create a Neural Network in JavaScript in only 30 lines of code

A strange visual created by the Google Dream neural network.In this article I’ll show you how to create and train a neural network using Synaptic.js, …

Deep Learning

Redux: Explain to me like I am five 👋

This answer has received 1 appreciation.<p>I think, I won't be able to explain Redux to a 5 year old kid. But recently I came through an explanation …

A Glimpse on Electron Framework

<b>Electron</b> is a brilliant cross platform software to build dynamic desktop apps with JavaScript, HTML, and CSS. Let’s take a closer look into the …

Learning Observable By Building Observable

Frequently via social media, or in person at events, I’m asked questions about “hot” vs “cold” observables, or whether or not an observable is …

How to Lazy Load features using React and Webpack

In the modern web, every kilobyte matters. We don’t want to load our app’s whole component library when user enters our site. We need to load …

Design

Build a Rotten Tomatoes Clone with GraphQL and Auth0

<b>TL;DR:</b> In this tutorial, we'll cover how to build a slim clone of the popular Rotten Tomatoes app. GraphQL, the query language for APIs created by …

Map, Filter, and Reduce Demystified

Map, Filter, and Reduce are three of the power tools of functional programming.<p>Understanding Map<p>map returns a new array of each item in an array run …

JavaScript

Mixing Google Cloud Functions and Express

Google Cloud Functions are an awesome tool, which I have already described a couple of times in other posts. If you look at the functions triggered …

DevOps

Tips on Getting Started with React

I’ve been working on a new Node project. As a fairly longtime Angular 1 user, and after looking at Angular 2, I decided to try out React for the …

JavaScript: The Keyword ‘This’ for Beginners – codeburst

Hey! I’m Brandon. I created codeburst.io and I write JavaScript tutorials and articles to help beginners better understand the inner workings of Web …

JavaScript

JavaScript: Arrow Functions for Beginners – codeburst

Hey! I’m Brandon. I created codeburst.io and I write JavaScript tutorials and articles to help beginners better understand the inner workings of Web …

JavaScript

Quick Redux tips for connecting your React components

If you’re using Redux in your React app you’re likely using react-redux to connect your components to your state. The connect method is a tricky sum …

Why Facebook’s GraphQL Language Should Be on Your Radar

When Facebook launched its Graph Search functionality in 2013, it demonstrated a new way to search for nearly anything on the platform: by using …

Electron Forge

A complete tool for building modern Electron applications.<p>Electron Forge unifies the existing (and well maintained) build tools for Electron …

Functional Programming in Javascript (Part 2)

This article is the sequel of this.<p>Trampoline and Thunk<p>In the recursion section of part 1, there was stack size problem. To solve this, I would like …

A Vue.js introduction for people who know just enough jQuery to get by

I’ve had a love-hate relationship with JavaScript for years.<p>I got to know the language by way of the design and development community’s favorite …

JavaScript

Mixing Generators Into Iterators

As it turns out, iterators can be written using generators. This can lead to some interesting use cases. Read on to understand the synergistic …

JavaScript

6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial)

In case you missed it, Node now supports async/await out of the box since version 7.6. If you haven’t tried it yet, here are a bunch of reasons with …

Simple React Development in 2017

Hi, aspiring React developer! 👋<p>Maybe you’re a jQuery developer looking to experiment with a modern framework. Or, maybe you’re an Angular developer …

Yes, React is taking over front-end development. The question is why.

Here are a few reasons why React has become so popular so quickly:<p>Working with the DOM API is hard. React basically gives developers the ability to …

JavaScript

A journey to functional JavaScript: Part 1 – fundamentals

JavaScript has a quite fascinating history. <i>Brendan Eich</i> created on his own the first language prototype in just ten days. Its implementation was …

JavaScript. But less iffy.

This is part three of a series of articles on reducing complexity in JavaScript code. In previous articles, we suggested that indentation is an …

Garbage collection in V8, an illustrated guide

This guide is unlike others I’ve done so far, and has a bit of a narrative to go along with the sketches. I thought the entire concept of garbage …

8 Unique Web Browsers to Try

If you're looking to switch things up on your PC, these alternative browsers could have you saying farewell to Chrome, Firefox, Internet Explorer, …

Software

Beyond The Browser: From Web Apps To Desktop Apps

I started out as a web developer, and that's now one part of what I do as a full-stack developer, but never had I imagined I'd create things for the …

Web Design