How To,Resources,Tutorial,Wintellect Blogs

Building JavaScript Applications with Angular and Redux

Eric Greene

12 Apr , 2017  

Introduction

The web application world has been disrupted by the plethora of JavaScript technologies which has transformed the development of web applications from being a primarily server-side effort, to primarily a client-side one. Ever since jQuery made cross-browser web applications easy for everyone to create, a steady stream of JavaScript libraries and frameworks have been released at a frantic pace, with each one doing something better, or faster, or both. The overwhelming pace of advancements has left the JavaScript developer exhausted, and the reluctant server-side developer sometimes generations of JavaScript advancement behind. For anyone seeking to catch up, the key is to identify the latest technologies which survive the all-too-common quick obsolescence many JavaScript technologies experience. Instead, JavaScript technologies which will form the cornerstone of many applications today and far into the future need to be selected. Two technologies which fit this requirement are Angular and Redux. Angular is a framework, and Redux is a library, but when combined, they provide a powerful approach for solving many of the problems associated with the building of web applications and cross-platform user interfaces in general.

Angular is a massive user interface framework. It is a highly opinionated and comprehensive solution to many of the challenges of constructing modern user interfaces, particularly within a web browser.… Read more

, , , , , ,

Wintellect Blogs

NG-CONF 2017 Day Three Highlights

Dave Baskin

11 Apr , 2017  

ng conf 2017

Keynote

Brad Green spent some time discussing how Google as a company is fully embracing Angular as an application development framework. In fact, the goal is to have all web application development within Google to be using Angular by the end of 2017. He also explained that it makes sense for them to invest so many resources into Angular as an open-source project because of the additional benefits to Google itself. The primary benefit is the large ecosystem that has grown around Angular. Libraries and tools would probably not exist if Angular was simply an internal Google project. In addition, Google has built several tools internally that have been reproduced in other open-source projects. It makes sense that there is benefit to sharing these efforts with the community. It also helps with hiring within Google, where proprietary in-house tools require additional training and ramp-up for new hires. And, of course, the overall quality of the source code is improved by the great feedback received from the community through PRs, documentation, and training.

For example, the Angular team originally went down the path of creating its own JavaScript super-set called AtScript. It became evident that TypeScript was a more viable option, though, so the Angular team abandoned this effort and fully embraced TypeScript.… Read more

, , ,

Wintellect Blogs

NG-CONF 2017 Day One Highlights

Dave Baskin

7 Apr , 2017  

ng conf 2017

I’m glad to be back again at ng-conf in Salt Lake City. I’ve used Angular since the very beginning and it continues to get better. Here are some of the highlights that stood out to me from the first day of the conference.

Keynote

During the keynote, there was discussion about gauging the success of Angular. They estimated that the community is around 1.3 million users of AngularJS (version 1 of the framework) and 810 thousand users of Angular (versions 2 and 4 of the framework, they skipped version 3). Of all the applications out there, about 90% of them are internal applications (ones we can’t see because they are behind the corporate firewall). 17% of the public Angular applications are already on version 4 of the framework.

There are over 200 applications internal to Google that are using the framework. These applications serve as an initial test bed for all updates of the framework, helping to ensure smooth updates to new versions.

Impressive statistics.

Version 4, released a short time ago, has some great improvements in performance and the size of payloads. The team worked hard to ensure that upgrades went smoothly and there were no breaking changes in the framework APIs.… Read more

, , ,

News

Microsoft: Windows Phone Not Dead, Still Evolving

Paul Ballard

26 May , 2016  

The latest round of layoffs in Microsoft’s Windows Phone business—1,850 jobs will be cut, according to an announcement earlier this week—seems to signal the final death gasp of a segment of the company’s business that has long struggled. Windows phones currently make up less than one percent of smartphones sold worldwide.

Microsoft, however, continues to insist that it’s simply refining its mobile hardware strategy. In an email to partners obtained by Windows Central, the company reiterates that it’s now focusing on business customers. That’s one of three market niches Microsoft said last year it would prioritize.

The other two, value customers and diehard Windows Phone enthusiasts, seem to have been largely abandoned. The company recently sold its feature phone business to FoxConn for $350 million. And this week’s email indicates that Microsoft will be pulling back from selling phones in emerging markets like India and Brazil, where budget Windows Phones had found a following.

Microsoft hopes business customers will be drawn to its phones’ security features and the ability to use Continuum to connect to larger displays.

“We will continue to support and update the Lumia devices that are currently in the market, and the development of Windows 10 phones by OEMs, such as HP, Acer, Alcatel, VAIO, and Trinity; as well as develop great new devices,” Microsoft says in the email, according to Windows Central.… Read more

, ,

Wintellect Blogs

Container and Presentation Components in Angular2

Dave Baskin

18 Apr , 2016  

Angular2 has a strong emphasis on components. An application is made up of a tree of components, starting from the root component and working down to child components. This helps to organize your application into logical and manageable pieces. Complex user interface can be broken down into smaller components, assembling them together, to better organize your application’s functionality and how it is presented to the user.

Components can be further categorized. Some components are just simple user interface components, for example like a date-picker widget or a simple user information card. These components are used throughout your application, but they don’t exercise your application logic. That work is delegated to other parts of the application. These components might be called “Presentation” (or “Dumb”) components.

Other components serve to organize and orchestrate the activities of child components and application services. These components know about the application logic. They might push application data down to child components and respond to events emitted by them. They might transform an event into a transition to a new application state. These components might be called “Container” (or “Smart”) components.

Example Application Components

Let’s look at how some of the components in the example application are organized.… Read more

, , ,

News

What’s New in Android Studio 2.0

Paul Ballard

11 Apr , 2016  

Google has released a new version of its Android Studio aimed at helping developers build apps more quickly and efficiently for the wide variety of Android devices on the market.

Android Studio 2.0 previewed last November, with product manager Stephanie Cuthbertson saying at the time that the new version would respond to developers’ requests for a faster Integrated Development Environment.

That focus on speed is apparent in the version released Thursday, starting with the new Instant Run feature, which allows you to quickly see the effect of changes you make to code on a device or emulator, without necessarily having to reinstall the APK. Simply click the Instant Run button, and it analyzes how to most quickly deploy your changes. It works with any Android Device or emulator running API 14 (Ice Cream Sandwich) or higher.

Speaking of emulators, Google is providing a new, speedier one. “The new emulator runs ~3x faster than Android’s previous emulator, and with ADB enhancements you can now push apps and data 10x faster to the emulator than to a physical device,” product manager Jamal Eason wrote in a post on the Android Developer Blog. That’s good news, considering how much developers complained about emulator speed in the past.… Read more

, , , ,

News

Games, HoloLens, Cloud Services Highlight Build 2016 Schedule

Paul Ballard

28 Mar , 2016  

It wouldn’t be a developer conference without some surprises, and Microsoft is already getting us in the mood for Build 2016 with a mysterious description in the event schedule of a session on ‘Something Awesome.’

We’ll have to wait until Build kicks off this Wednesday for details, but the rest of the schedule promises a conference packed with information on game development, the Internet of Things, cloud services and augmented reality.

Attendees can learn about app design approaches for HoloLens, or build a Universal Windows App for Raspberry Pi in a hands-on lab. There are a number of sessions on cross-platform development, including using Xamarin to build mobile apps, Project Centennial to bring desktop apps to the Universal Windows Platform, and Microsoft’s iOS-to-Windows Bridge.

There’ll also be plenty on using Azure to enhance apps, whether that means working with data or engaging players in a game. A session will focus on using Windows 10 to power smart homes. And there’ll be sessions on how Visual Studio is evolving and the integration of Windows 10 games with Xbox Live.

As for news, Microsoft will likely use its keynote to give details on the ‘Redstone’ update to Windows 10, expected later this year.… Read more

, , , , , , ,

News

Microsoft Buys Xamarin, Bets on a Cross-Platform Future

Paul Ballard

25 Feb , 2016  

The past year has seen Microsoft take a number of strides towards realizing CEO Satya Nadella’s “cloud-first, mobile-first” vision. Once laser-focused on its own devices and operating systems, the company is increasingly platform-agnostic: It wants business customers and developers to use its cloud-based software, no matter what OS they prefer.

On Wednesday, Microsoft took those efforts one step further by acquiring Xamarin, a company that allows developers to easily create and test native apps for multiple platforms, including Windows, iOS, Android and OS X, using the C# language.

This is bigger than Microsoft’s previous attempts at building a bridge to port over iOS and Android apps to Windows 10. Xamarin’s technology could potentially allow Microsoft developers to build truly universal apps that work seamlessly across a number of platforms. It’s a smart move for Microsoft at a time when Windows Phones are floundering in the market and most mobile devices are running iOS or Android.

Microsoft has already incorporated Xamarin tools into Visual Studio, Azure and Office 365. But the acquisition promises a deeper integration that should benefit developers in ways both large and small. Being able to build on .NET using a single code base should streamline app development.… Read more

, , ,

News

Make Seamless Office App Interfaces with Office UI Fabric

Paul Ballard

31 Aug , 2015  

Whether you want to build apps that run in the Office ecosystem or just look like they do, Microsoft has released a new framework to help called Office UI Fabric.  This framework consists of JavaScript and CSS that allows you to style your applications using the same styles used by Microsoft for Outlook.com, OneDrive, and Delve.

Introducing-Office-UI-Fabric-3-1024x517

 

With Office UI Fabric you can apply simple CSS styles to make your web applications look and feel like the rest of Office. The styling takes into account typography, color, icons, animations, responsive grid layouts and localization.  — Office Blog

Setting up the framework is fairly straightforward and requires a minimal amount of JavaScript along with references to the required CSS files.  The framework is currently designed to work across Office clients where Office Add-Ins are supported including Windows desktop, web browser, Mac desktop, and iOS on iPad.  The framework also includes custom controls such as a People Picker or a Detailed Persona card pictured below.

Introducing-Office-UI-Fabric-7

For more information on the Office UI Fabric framework, read the Office Blog or go to Github for code and documentation.… Read more

, , ,