Skip to main content

Posts

Showing posts from January 6, 2019

Bringing Artificial Intelligence to the Browser with TensorFlow.js

TensorFlow.js allows web developers to easily build and run browser-based Artificial Intelligence apps using only JavaScript.
Read More

Angular Custom Form Controls with Reactive Forms and NgModel

This article is for versions of Angular 2 and later. Custom form controls/inputs are a common pattern in complex front end applications. Its common to want to encapsulate HTML, CSS and accessibility in a component to make it easier to use in forms throughout the application.
Read More

Reverse engineering Observable

TL;DR: In this article, we will reverse engineer Observable from the RxJS library. We will also re-create a couple of operators from the library and learn about Observer and Subscription. We are also going to use TypeScript to annotate the code.
Read More

13 Mistakes Committed by Angular Developers

Angular creates a watcher for every binding. Evaluation and comparison for previous bindings are done at each digest phase. In the end, the number of watchers comes out to be huge.
Read More

An Intro to Drag & Drop in Angular Using the CDK

The @angular/cdk/drag-drop package from the Angular Component Development Kit (CDK) provides you the functionality to easily create drag & drop interfaces with full flexibility.
Read More

Server Side Rendering with Angular Universal

Single-page Apps (SPAs) are aptly named - there is literally only one single HTML document that is served initially to a client. Any new views that are required in the app are generated solely on the client via JavaScript.
Read More

Objects, Prototypes and Classes in JavaScript

Considering the fact that almost everything in JavaScript is an object, object oriented JavaScript code is very different from other object-capable languages. The JS object system is more of a prototype-based object system instead.
Read More

Angular 7: What's New and Noteworthy + OIDC Goodness

Angular 7 was released earlier this quarter and I’m pumped about a few of its features. If you’ve been following Angular since Angular 2, you know that upgrading can sometimes be a pain.
Read More

Building a Website With Gatsby and a Headless CMS

If you’re looking to launch a small, static, and speedy website, micro-site, or landing page, you may be considering a static-site generator like Gatsby.
Read More

Using Angular Forms with Async Data

This article is for versions of Angular 2, Angular 4, Angular 5 and later. This article has been updated to use the new RxJS Pipeable Operators.
Read More

New ES2018 Features Every JavaScript Developer Should Know

Twitter Facebook Reddit 8.0.0 (requires the --harmony runtime flag) 8.3.0 (full support) 8.10.0 (requires the --harmony_async_iteration flag) 10.0.0 (full support) s (dotAll) flag Named capture groups Lookbehind assertions Unicode property escapes 8.3.0 (requires the --harmony runtime flag) 8.10.
Read More

YouTube Uploader – Let Others Upload Videos to your YouTube Channel

It is easy to upload videos to your own YouTube channel but there’s one limitation. Only the owner of the channel can upload videos to their YouTube account and they cannot delegate the task to someone else in the team. Google Drive has the concept of shared folders.
Read More

How to use Web Components in Angular

Understand TensorFlow by mimicking its API from scratch

TensorFlow is a very powerful and open source library for implementing and deploying large-scale machine learning models. This makes it perfect for research and production. Over the years it has become one of the most popular libraries for deep learning.
Read More

Alexey Zuev on Twitter

I like reading Angular source code on github. Here are three steps I use to find all I need: - open Angular repo - press `t` and type desired file - press `b` to figure out what happened PS.
Read More

Ionic Side Menu With Role Based Authentication

When you are creating an Ionic app with different roles, chances are high you need different elements/pages for your different user roles. In case of the Ionic side menu, you can easily display different menu elements to your users based on their login role to create role specific Ionic apps!
Read More

NativeScripting Angular Pro Course - Modal Dialog Checklist

This is the checklist for implementing a modal dialog in a NativeScript with Angular application. It is an excerpt from Chapter 6 of the full course on NativeScript with Angular Pro that can be found here: http://bit.ly/2FiO75h...
Read More

Creating Custom Form Input Components with Ionic & Angular

It was just a bit of a silly/fun component to serve as an example for learning about custom components, using gesture listeners, and interacting with a canvas in an Ionic application.
Read More

State Management in Angular Using Firebase

State management is a very important piece of architecture to consider when developing a web app. In this tutorial, we’ll go over a simple approach to manage state in an Angular application that uses Firebase as its back end.
Read More

Robust Backends with Nx 7.3 and NestJS

Nrwl Products: Built By Developers, For Developers. At Nrwl we set out to build tools to make our lives and our enterprise development team’s work easier when developing applications powered by Angular.
Read More

5 Animation Packages You Can Immediately Use Inside Your Ionic App

With Ionic and Angular you have a lot of options when it comes to animations inside your app. You can actually get started with Angular Animations or any other package that you can install in a matter of minutes!
Read More

The Best Way To Unsubscribe RxJS Observables In The Angular Applications!

The RxJS (aka Observable-s ) is a rather new-ish technology in the frontend engineering space. Made popular mostly by its inclusion in the core Angular APIs. It proved to be a very powerful tool when dealing with the collections of asynchronous events.
Read More

Programming for Kids: Scratch 3.0 launches

Scratch 3.0 was released on January 2, 2019. The new version of the programming language for kids is a major milestone release that moves away from using Adobe Flash to the web standards HTML, CSS, and JavaScript.
Read More

6 Popular CSS Frameworks to Use in 2019

Creating consistent, concise, and effective CSS can be quite a lot of work. There are so many things to consider like responsiveness, accessibility, and structure. This is exactly why CSS Frameworks exist, to take that burden off of you! Let's take a look at some of the top CSS Frameworks of 2019.
Read More

JavaScript String repeat()

The String repeat() method is a very fun one. You can take any string and repeat over it so that it displays multiple times. It can also work with emojis!
Read More

JavaScript Array .join() Method

The join method combines all the elements contained in an array and returns it as a string separated by a comma (,) or any specified string separator. The method will return an empty string if the length of the array is 0.
Read More

JavaScript Array find()

The find() method searches through an array and gives you 1 item based on your provided test. Array find() only returns one item. If you want to get more than one item, look at filter(). The function to execute over each of the elements of the array.
Read More

JavaScript Array .filter() Method

The filter() method returns an array containing elements of the parent array that match the set test. A function containing a test is passed as an argument to the filter method. To keep an element the test function should return true and false to discard an element.
Read More

JavaScript Array concat()

The Array concat method combines two or more values into a new array. Note: concat() creates a new array. It does not change the original array. To change the original array, look at Array push().
Read More

JavaScript String replace()

The String replace() method will look for a string in a string and replace it with another string. Stringception! Important Note: Replacing with a string will only replace the first instance. To replace all instances, use the RegExp with the /g flag. Examples below.
Read More

JavaScript Array isArray()

The isArray() method checks if the specified parameter is an array. It returns a Boolean. It returns true if the provided value is an Array and false if not.
Read More

Add Social Sharing to Your Ionic App [v4]

If you can let your users share the content of your app you have a greater chance of creating a buzz or viral app. The good thing is adding this functionality with Ionic 4 works in a matter of minutes!
Read More

JAMstack: The What, The Why and The How

When it comes to web development, there are different type of development stacks; the LAMP stack, the MEAN stack, the MERN stack etc. With the evolvement of modern web development, there is a new kid in the block, which is the JAMstack.
Read More

Developing your first CLI (command line interface) tool using NodeJS

Most programmers prefer CLI to GUI, why? But not so many have actually developed a CLI. Fortunately, with the help of several handful packages, it has become effortless to build a CLI with NodeJS.
Read More

Add a blog to your Angular website using markdown files

Last week I wanted to add a blog to my Angular Universal website, but I didn’t wanted to implement a complex solution and spend to much time on it. Neither did I wanted to add a CMS or even store the articles in a database.
Read More