New Application Journey

[In this multi-part example, a Zone Leader walks through the process of replacing a legacy application.]
Quite a while ago, my mother-in-law had an application built for her small business. Her business is designed to help find living accommodations for those relocating to the southeast part of the United States. Since the weather is warm there throughout the entire year, her clientele typically are seeking a nice climate for their retirement years.

Link: https://dzone.com/articles/new-application-journey?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Top 5 Angular Courses for JavaScript Front-End Developers

If you are a JavaScript developer or someone who wants to learn Angular for web development and are looking for some awesome resources, i.e. books, online courses, and tutorials, then you have come to the right place. In the past, I have shared some of the best Angular tutorials and today, in this article, I am going to share some of the best Angular courses to learn modern day web development. If you don’t know what Angular is and how it helps you to develop modern day web apps, let me give you a brief overview.

Link: https://dzone.com/articles/top-5-angular-2-courses-for-web-developers?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Getting Started With Angular 7.0

Introduction
Angular has released its latest version, Angular 7.0. In this article, we will explore the following points:

What’s new in Angular 7.0.
Creating your first Angular 7.0 application using the Angular CLI.
How to update existing Angular applications to Angular 7.0.

What’s New in Angular 7.0

While creating a new Angular application, the Angular CLI will prompt the user to select if they want to add features like Angular routing or the format of stylesheets they want to use in their application.
Angular 7.0 applications will use the Bundle Budget feature of the Angular CLI to warn developers if the application bundle size exceeds the predefined limit. The default value for the warning is set to 2MB and for error is 5MB. This value is configurable and can be changed from the angular.json file. This feature enhances the application performance considerably.
The Component Dev Kit (CDK) of Angular Material also receives some new features as part of this update. The two newly added feature of CDK is mentioned below:

1. Virtual Scrolling
If you are trying to load a large list of elements then it can affect the application performance. The can be used to load only the visible part of the list on the screen. It will render only the items that can fit on the screen. When the user scrolls through the list then the DOM will load and unload the elements dynamically based on the display size. This feature is not to be confused with infinite scrolling which is altogether a different strategy to load elements. You can read more about Virtual Scrolling here.

Link: https://dzone.com/articles/getting-started-with-angular-70?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

7 Popular Website Development Frameworks of 2018

There are various frameworks out there. So making a choice can be tricky. This write-up is not out and out geeky and is written from the perspective of clients as well as developers. The motive is to help you make an informed decision while choosing the framework for building web applications.
The following questions are very pertinent:

Link: https://dzone.com/articles/7-most-popular-website-development-frameworks-of-2?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

How to Preview Blobs With HTTP POST and Angular 5

With Angular, we can call a web service to get an image as a Blob, convert that to an image and display it on a web page. This may sound like a straight and standard use case but I ended up spending a lot of time trying to get this to work and a lot of asking around. This has been one of the main motivations to write this article.
What I Wanted to Do

To begin with, I am building a website that displays thumbnails retrieved from a URL. On clicking on the thumbnail, the full sized image loads in a new page. Like a typical carousel, but the catch is that the thumbnail is generated dynamically and does not load from or stored on the local machine.

Link: https://dzone.com/articles/how-to-preview-blobs-with-http-post-and-angular-5?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Why You Should Use TypeScript for Developing Web Applications

Defining TypeScript
TypeScript is an object-oriented programming language developed and maintained by the Microsoft Corporation. It is a superset of JavaScript and contains all of its elements.
TypeScript totally follows the OOPS concept and with the help of TSC (TypeScript Compiler), we can convert Typescript code (.ts file) to JavaScript (.js file)

Link: https://dzone.com/articles/what-is-typescript-and-why-use-it

Kendo UI Builder Angular Components for Modern Views

In this post, we are going to see a set of newly released custom components for Kendo UI Builder, and how they can be combined to create interesting modern views. The recently released components are:

Map component.
New rating component.
Custom Dynamic label.
Improved image URL components.

All these components are able to:

Link: https://dzone.com/articles/kendo-ui-builder-angular-components-for-modern-vie?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Tutorial: Why Angular Dropdown Automatically Adds an Empty Value

Angular Select Has an Empty Value
Often, I’m faced with this problem while implementing a select (dropdown) in Angular. Here I have tried to walk through why Angular adds an empty value at the beginning of your select list.
Let’s start you have code like this.

Link: https://dzone.com/articles/angularjs-dropdown-automatically-add-a-empty-value?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev