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

How Upload Files With Node.js

Front-end development throws a lot of shade over backend processes these days, especially in the land of JavaScript. Originally a language targeting browsers, JS has matured into every nook and cranny of modern development as a de facto tool. The syntax for interacting with various libraries in JavaScript can be confusingly identical between front-end and backend environments, so it helps to have a clear picture of what is going on. We’ll discuss the context briefly below, and then I’ll end with my own recipe for you to upload files with node.
The Problem: Information Overload
Searching for “JavaScript File Uploads" will yield an abundance of results, but it can be hard to tell at first glance which practical examples are targeting your specific needs. SDKs often don’t care that much they’re run, so it is up to the developer to clearly understand the nuances involved.

Link: https://dzone.com/articles/upload-files-with-node?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

Customizing ASP.NET Core Part 6: Middleware

Wow, it is already the sixth part of this series. In this post, I’m going to write about middleware and how you can use them to customize your app a little more. I quickly go through the basics about middleware and then I’ll write about some more specials things you can do with middleware.
The Series Topics

Customizing ASP.NET Core Part 1: Logging
Customizing ASP.NET Core Part 2: Configuration
Customizing ASP.NET Core Part 3: Dependency Injection
Customizing ASP.NET Core Part 4: HTTPS
Customizing ASP.NET Core Part 5: HostedServices
Customizing ASP.NET Core Part 6: MiddleWares – This article
Customizing ASP.NET Core Part 7: OutputFormatter
Customizing ASP.NET Core Part 8: ModelBinder
Customizing ASP.NET Core Part 9: ActionFilter
Customizing ASP.NET Core Part 10: TagHelpers

About MiddleWares
Most of you already know what middlewares are, but some of you maybe don’t. Even if you’ve used ASP.NET Core for a while, you don’t really need to know any real details about middlewares, because they are mostly hidden behind nicely named extension methods like UseMvc(), UseAuthentication(), UseDeveloperExceptionPage(), and so on. Every time you call a Use-method in the Startup.cs in the Configure method, you’ll implicitly use at least one or maybe more middlewares.

Link: https://dzone.com/articles/customizing-aspnet-core-part-6-middleware?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Material Dashboard Using Angular 6

Introduction

Recently, Angular has released its latest version, Angular 6.0. In the latest version, they have focused more on toolchain, which provides us with a way to quickly get started with our tasks easier, as well as some synchronized versions, such as Angular/core, Angular/compiler, etc.

With the release of Angular 6.0, one of the features which I like the most is Material Dashboard, which is kind of a starter component with a list of dynamic card components.

Link: https://dzone.com/articles/material-dashboard-using-angular-6-1?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

[DZone Research] Keys to Developing Effective Web and Mobile Applications

To gather insights on the current and future state of web and mobile development we talked to 19 IT executives and we asked, “What are the keys to developing web and mobile applications?" Here’s what they told us:
Business Requirements

Mobile can be web, native, progressive, or hybrid, and web can be simple web or responsive. At a general level, the keys to developing web and digital apps are: 1) Alignment on requirements between the product owner/business, developers, and testers. 2) Development process and timelines that sync, so one person/role does not delay the other (dev, test, ops). 3) Tools to support the above-mentioned objectives. 4) Successful implementation of proper continuous testing, integration, and development that is solid, stable. 5) Product status and quality visibility on-demand at all times to serve the various persona objectives (continuous integration dashboards, quality metrics, coverage, developer productivity – defect closure, user stories, implementation, etc.). 
Figure out if a mobile app is required or if you can do through the web. Learn what they need. Usability of the phone or sharing information. 
The biggest key to developing web apps is to understand your priorities and goals. For example, if SEO is a priority, then you’ll need to focus on server-side rendering and other optimizations.

UX/UI

The volume of web to client-server is 10:1. How easy it is to use the platform to build and change apps to meet enterprise needs? Acceleration with pre-built UI components, easy widget for building components, or a backend engine for audit trail analysis. Specifically designed for developers’ needs. Enterprise operations to orchestrate workflow with web APIs to exchange information. EnterpriseOps. 
Start with a good technical stack. This makes everyone’s job easier. Let the developer focus on content management, UX, and manage scale. Only a few know how to use well. 
Ensure consistent UI across platforms – visually perfect across browsers, web. Make sure when customers use online banking it’s the same across all platforms. Be able to handle multiple languages. Make sure the layout didn’t break as you’ve gone from one language to another. Verify the accuracy of the data for compliance (FDA, financial institutions). Help accelerate the entire delivery process. Shorten the testing cycle by 50 to 94% based on the use case. Reduce development time by 10-15% and much fewer bugs with high levels of coverage and automatic maintenance. In web and mobile development, agility and speed are a critical factor to everyone who develops today. Shorten the release cycle while maintaining quality. 
Web and mobile applications must be designed and developed with a focus on user behaviors from day one. User expectations of their experience with an application are higher than ever, especially in the more tactile mobile interactions. This focus needs to start very early and guide application architecture.

Testing

Test the app before it goes live. Emulation and simulation are the old school way of testing. Move to a real-world test environment with relative ease. Multi-model device clouds. Whenever you are eliminating issues and bugs a developer faces billions of lines of logs. Only 10-15% of issues matter from a mobile perspective, and those account for 80-90% of mobile issues. Prioritize mobile UX because that impacts the bottom line. There is a lot of focus on digital transformation. Organizations need to focus on mobile within digital transformation. Less digital and more mobile transformation. More precise with how to allocate resources. Invest with precision. 
Automate the process, especially testing. Dealing with UI development and testing still one of the tricky ones to automate. Selenium is out there with a ton of mobile testing apps. Still two or three holdouts so it’s hard to do UI testing, you need human judgment, and then databases. If an app is running on the desktop, then the web developer worries less about battery and memory usage. There are constraints on mobile apps with power consumption and memory. Testing comes in here as well you may have to measure post-build. There is a way to do mobile development flow and notifications. United Airlines’s mobile app flight status tab with slider to turn on notification and then a second later a modal dialogue telling you you’ve turned is unnecessary, redundant, and irritating. They’re obviously not thinking about UX, the modal dialogue is a nuisance and unnecessary. 
The keys to developing more secure web and mobile applications are developer training and automated security testing, producing fast and actionable results. For example, many mobile developers still struggle with the management of potentially sensitive data on the device. The first step is offering guidance through the use of a data classification policy which should classify sensitive data types with the corresponding level of protection required. Based on mobile application security training course recommendations, perhaps using the iOS KeyChain for “Sensitive” data is acceptable, whereas storage of something considered “Highly Sensitive” is explicitly prohibited.

Other

There are many platforms and frameworks. Applications need to connect to CRM and ERP systems. Help understand the mobile landscape. 
Make sure you’re using trusted libraries and SDKs. Most people are using a combination of in-house, objective C, Java, commercial SDKs, and third-party code with access to your mobile app data. Make sure third-parties are trusted and you know what they are doing with the data they pull from your app.
Do both at once. Internal stack and APIs to build mobile and web apps on top they’re just a client to our framework. Use APIs to hook into the backend to freely integrate with their own apps.
The expanding variety of devices with changing technology makes it hard to do mobile. There is a line of demarcation, conceptual and technical, encourage clients to focus on APIs and integrations with internal systems. We handle the front-end user interface.
Don’t forget long-term supportability and stability. Take the time up front to create a good architecture that will scale and don’t take shortcuts.
Since web and mobile apps involve a myriad of design choices, the keys to successful development naturally depend first and foremost on the developers’ ability to curtail complexity. That can be achieved by selecting tools and frameworks that strike the right balance between flexibility and productivity and match the existing skill sets of the developers on the team. Just as important is the necessity to consider both functional and deployment (quality-of-service) requirements from the get-go, rather than as an afterthought. Specifically, these requirements include security, performance, scalability, monitoring, and maintainability. Choosing tools and frameworks that have been proven in real projects trumps the latest, hot-off-the-press shiny new tools and frameworks.

Here’s who we spoke to:

Link: https://dzone.com/articles/dzone-research-keys-to-developing-effective-web-an?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Customizing ASP.NET Core (Part 5): HostedServices

This fifth part of this series doesn’t really show a customization. This part is more about a feature you can use to create background services to run tasks asynchronously inside your application. Actually, I use this feature to regularly fetch data from a remote service in a small ASP.NET Core application.
The Series’s Topics

Customizing ASP.NET Core Part 1: Logging
Customizing ASP.NET Core Part 2: Configuration
Customizing ASP.NET Core Part 3: Dependency Injection
Customizing ASP.NET Core Part 4: HTTPS
Customizing ASP.NET Core Part 5: HostedServices – This article
Customizing ASP.NET Core Part 6: MiddleWares
Customizing ASP.NET Core Part 7: OutputFormatter
Customizing ASP.NET Core Part 8: ModelBinder
Customizing ASP.NET Core Part 9: ActionFilter
Customizing ASP.NET Core Part 10: TagHelpers

About HostedServcices
HostedServices are a new thing in ASP.NET Core 2.0 and can be used to run tasks asynchronously in the background of your application. This can be used to fetch data periodically, do some calculations in the background, or perform some cleanups. This can also be used to send preconfigured emails or whatever you need to do in the background.

Link: https://dzone.com/articles/customizing-aspnet-core-part-05-hostedservices?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

How to Create Event Interceptors in JSF Composite Components

JSF composite components are one of the most interesting features we find when using JSF. They allow us to create new components in our application providing cohesion, defining common behavior, styles, and a better structure. It is a perfect way to make better and bigger apps easier.
Components Interface — Events
One of the most important sections in the component definition is the interface section. Within this section, we will define the way the component is revealed to a host page, a template, or even other components. In this section we’ll decide how we interact with it, modifying its aspect or behavior.

Link: https://dzone.com/articles/how-to-create-event-interceptors-in-jsf-composite

Customizing ASP.NET Core Part 03: Dependency Injection

In the third part of this series, we’ll take a look into the ASP.NET Core dependency injection and how to customize it to use a different dependency injection container if needed.
The Series Topics

Customizing ASP.NET Core Part 01: Logging
Customizing ASP.NET Core Part 02: Configuration
Customizing ASP.NET Core Part 03: Dependency Injection – This article
Customizing ASP.NET Core Part 04: HTTPS
Customizing ASP.NET Core Part 05: HostedServices
Customizing ASP.NET Core Part 06: MiddleWares
Customizing ASP.NET Core Part 07: OutputFormatter
Customizing ASP.NET Core Part 08: ModelBinder
Customizing ASP.NET Core Part 09: ActionFilter
Customizing ASP.NET Core Part 10: TagHelpers

Why Use a Different Dependency Injection Container
In the most projects, you don’t really need to use a different dependency injection Container. The DI implementation in ASP.NET Core supports the basic features and works well and pretty fast. Anyway, some other DI containers support some interesting features you may want to use in your application.

Link: https://dzone.com/articles/customizing-aspnet-core-part-03-dependency-injecti?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Understanding Angular 6 Animations

Introduction
Animation is defined as the transition from an initial state to a final state. It is an integral part of any modern web application. Animation not only helps us to create a great UI but it also makes the application interesting and fun to use. A well-structured animation keeps the user glued to the application and enhances the user experience.
Angular allows us to create animations, which provides us with native-like performance. In this article, we will learn how we can create animations using Angular 6.

Link: https://dzone.com/articles/understanding-angular-6-animations?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev