5 Usage Ideas for Angular Pipes

See the original posting on DZone Python

Pipes are a useful feature in Angular. They are a simple way to transform values in an Angular template. There are some built-in pipes, but you can also build your own pipes.

A pipe takes in a value or values and then returns a value. This is great for simple transformations on data but it can also be used in other unique ways. This post will highlight a few useful or unique use cases that we found for pipes.

What Is New and How to Set Up Our First Angular 5 Application

See the original posting on DZone Python

Introduction

We all know that the Angular version 5 was released a few weeks back, aren’t you eager to know what’s new in Angular 5? What helps make development easier? Well, here in this post I am going to discuss a few updates in Angular 5. By saying that, I will not be discussing all the items which have been released with this version. Here, we will also be checking how to create our first Angular 5 application. So at the end of this article, you will have your own sample application with you. Cheers for that. I hope you will like this article.

Source Code

You can always clone or download the source code here.

React 16 Release: What’s New?

See the original posting on DZone Python

ReactJS is a JavaScript library, built and maintained by Facebook. At the time of writing, ReactJS has over 78,000 stars on GitHub. And many web platforms such as Twitter, Airbnb, Lyft, Dropbox, Pinterest, Whatsapp, and Instagram use ReactJS to build their user interfaces. The ReactJS  developer community is very robust. In fact, the community is so robust that when Facebook decided to implement the BSD+ Patents license, there was a public outcry from the community. The complaints from developers were on every other blog and forum as well as at meetups and conferences. Developers and software shops around the world are pretty excited and relieved that ReactJS  has been re-licensed under the MIT license.

ReactJS 16 was announced to the world on September 26, 2017. Facebook has been working on releasing this new version for a while now. It’s great that there is a new release, bu tReactJS  16 is a very special release. What’s exciting about this new ReactJS  release is the fact that it was entirely rewritten from scratch while ensuring that the public API remains unchanged. This major release brings a lot of new features, deprecations, and changes.

Secure Your Node.js Website With OpenID Connect

See the original posting on DZone Python

User authentication in Node can be confusing. It’s confusing for lots of people, including really talented Node developers, so you’re not alone. Authentication practices change frequently and can be hard to keep up with. In this tutorial, I’m going to show you how to use OpenID Connect to build an extremely simple Node.js website (using Express.js) that allows you to manage your users, log them in, and log them out.

Back in the day, all websites would require users to register with a username/password and log in with those same credentials. This was simple but caused a lot of security problems because developers would need to write the code to authenticate the user directly, store their credentials, manage their data, etc. It also required developers to build custom authorization schemes so that they could track what permissions their users had to perform certain operations.

Angular 5 Release: What’s New?

See the original posting on DZone Python

Angular is an all-encompassing JavaScript framework that is frequently used by developers all over the world for building web, desktop, and mobile applications. In this article, I’ll cover the new features in Angular 5 and several other changes and deprecations.

Angular is built and maintained by Google. It is a platform that combines declarative templates, dependency injection, end-to-end tooling, and integrated best practices to solve development challenges. Web platforms such as Google Adwords, Google Fiber, Adsense, and Winc use Angular to build their user interfaces.

Vue.js + Brunch: The Webpack Alternative You’ve Been Hungry For

See the original posting on DZone Python

Imagine if there was a build tool that you could use for Vue.js projects that compiled faster than Webpack, gave you a smaller bundle size, and required only a few lines of configuration.

Brunch is that tool. In this article, I’ll show you how incredibly easy it is to set up a Vue.js + Brunch project, cover some of the pros and cons of Brunch, and serve up a few tasty brunch puns on the way.

How to Write Your First .NET Core 2.0 Application

See the original posting on DZone Python

Microsoft .NET Core is a cross-platform, open source software development framework that can be used to build applications for mobile, Windows, and the web. You can learn more about .NET Core here, but in this blog post, we’ll walk you through how to create and publish a .NET Core application for Windows.

To work with .NET Core, first, you need to install it from here. While you can use any IDE to create a .NET Core application, I am going to use the Visual Studio 2017 Enterprise version. If you do not have Visual Studio installed, you may want to try the community edition, which can be found for free here. Once the environment is set, launch Visual Studio and create a new project by selecting File->New Project-> Visual C#-> .NET Core-> Console App. Besides C#, a .NET Core application can be used in other languages, like Visual Basic.

WCF vs Web API: What to Choose for Your Project

See the original posting on DZone Python

When comparing WCF vs Web API, it is really hard to make a choice. These frameworks often overlap each other in terms of functionality and approach. It goes without saying that the final decision between these technologies will have a great impact on the project in the long-term. In this article, we will explore the key features and use-cases of WPF and Web API to help you make sure that the selected technology will suit your development needs best.

Web API Fundamentals

The framework, ASP.NET Web API, is used to develop HTTP services that can be used by clients using mobiles, browsers, and tablets. It’s similar to ASP.NET MVC because it is comprised of MVC features such as routing, controllers, filter, action results, IOC containers, model binders, and dependency injection. It isn’t a part of the MVC Framework, though. It’s an aspect of the core ASP.NET platform which can be used with MVC and similar web applications such as ASP.NET WebForms. It can also act as an individual web services application.

Base64 Encoding: A Visual Explanation

See the original posting on DZone Python

Base64 encoding appears here and there in web development. Perhaps its most familiar usage is in HTML image tags when we inline our image data (more on this later):

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QoPAxIb88htFgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAACxSURBVBjTdY6xasJgGEXP/RvoonvAd8hDyD84+BZBEMSxL9GtQ8Fis7i6BkGI4DP4CA4dnQON3g6WNjb2wLd8nAsHWsR3D7JXt18kALFwz2dGmPVhJt0IcenUDVsgu91eCRZ9IOMfAnBvSCz8I3QYL0yV6zfyL+VUxKWfMJuOEFd+dE3pC1Finwj0HfGBeKGmblcFTIN4U2C4m+hZAaTrASSGox6YV7k+ARAp4gIIOH0BmuY1E5TjCIUAAAAASUVORK5CYII=">

As a programmer, it is easy to accept this random-looking ASCII string as the “Base64 encoded” abstraction and move on. To go from raw bytes to the Base64 encoding, however, is a straightforward process, and this post illustrates how we get there. We’ll also discuss some of the why behind Base64 encoding and a couple places you may see it.

Getting Started With Moment.js: Introduction With Examples

See the original posting on DZone Python

I think date manipulation is the most common process that every developer must deal with in his career. There are so many tools available for Date Manipulation in JavaScript like date.js, date-fns and so many interesting libraries. Moment.js is one of them.

The developer can easily interact with date and time domain problems by using Moment.js. JavaScript Date requires lines of code for parsing, manipulation, and validation.

How SugarCRM Empowers Devs to Provide Smart, Custom CRM

See the original posting on DZone Python

Thanks to Larry Augustin, CEO of SugarCRM® Inc. for taking me through a couple of major updates to its Relationship Intelligence product line in which developers will be able to use the open source platform to combine AI-related technologies, sleek UX and mobile so organizations can gather and analyze customer data from a broad range of social and business sources. With these updates, Sugar users can quickly and efficiently learn more about their business contacts, through any device, and establish a productive relationship.

The company announced expanded geographical support and new features for SugarCRM Hint™, its relationship intelligence product. It also previewed a new intelligent digital assistant that integrates with a user’s smartphone to provide details and background information prior to business meetings. 

Vue.js 2.5 Released! How Your Business Can Benefit

See the original posting on DZone Python

Vue.js released its latest version, Vue 2.5, just a few days back. It comes with many new features including improved TypeScript and Error handling, improved tooling support, environment-agnostic server-side rendering, and much more that gives you many business benefits. This release contains awesome improvements to help Vue.js developers and to keep things better.

Major Improvements Along With Its Business Benefits:

Better Error Handling

In its previous versions, we’d typically use config.errorHandler and the renderError component option for handling errors in the applications. But we were lacking methods for handling generic errors inside a specific part of the application. So, a new errorCaptured hook has been introduced in this version. A component with this hook captures all errors from its child component tree.

Great FlexBox Resources and Awful Examples

See the original posting on DZone Python

FlexBox is a new CSS layout engine that has been around for years. Today there is good browser support. All modern browsers support FlexBox and even IE11 supports it (with a couple of bugs). Check out all that glorious green on CanIUse.com

There are also loads of great resources out there. If you have been afraid to learn FlexBox then I highly recommend you give some of these a read:

Asynchronous Programming

See the original posting on DZone Python

Introduction

JavaScript is an asynchronous programming language in Node and in the browser. In many languages such as Java, C#, Python, etc. they block the thread for I/O. What this means is when you make an HTTP/ajax call or read a text file, for example, the runtime will pause on that line of code until it is successful or a failure.

JavaScript does the opposite. Using callbacks or Promises, you basically leave a phone number to call when those operations are done, while the rest of the synchronous code keeps going. In this article, we’ll talk about why, give examples from JavaScript and compare against a blocking language, and show you some tips to help.

Nest.js Brings TypeScript to Node.js and Express, Part 1

See the original posting on DZone Python

In this article, we are going to learn about Nest.js, a framework for building Node.js web applications. Why Nest.js? Because, although Node.js already contains a lot of libraries to develop web applications, none of them effectively address one of the most important subjects: the architecture. As we will see, Nest.js introduces various building blocks that help developers to better organize Node.js applications. This GitHub repository contains the final code developed throughout this article!

Nest.js Introduction

Nest.js is a new framework in the already cluttered Node.js landscape. What makes it different from other frameworks is that Nest.js leverages TypeScript to help developers effortlessly build highly testable, scalable, loosely coupled, and easily maintainable applications. For example, when building an application, developers will define TypeScript classes decorated with @Controller() to handle HTTP request. Developers will also create classes that implement the NestMiddleware interface to define Express middlewares.

Easy JavaScript Part 7 : Object Property Descriptors

See the original posting on DZone Python

In JavaScript, you can create an object literal as shown in the listing below:

var cat = {
    name: 'foo',
    age: 9
}; 

At first sight, it looks like the object cat has two properties with a string and number value. However, it’s much more than that to a JavaScript interpreter. In ES5, the concept of a Property Descriptor was introduced. Before we go ahead and discuss property descriptors, let’s try to answer a few questions:

1 2 3 4 89