Wintellect Blogs

A Late Synopsis Of The Angular NG-Conf Day 3

Jason Hill

5 May , 2017  

ng-conf 2017: Day 3

With two jam-packed days in the books, only one day remained.  The format for the final day of ng-conf was another single room, all day series of sessions.  Much like the first day, the range of topics was both broad as they were relevant and informative.  Day 3 had a few major themes expressed in the speakers’ presentations.

Tech

Brad Green and Rob Wormald presented the keynote presentation.  They talked about how Angular fits in at Google.  And by fit in, it is more like Google runs on Angular.  Google has hundreds of its major systems running on top of Angular including data center allocations, release management, product launch approvals, and bug tracking.  Google demonstrates its commitment to Angular as well as its commitment to the ecosystem around Angular.

For many, many, many web developers, Bootstrap is as essential to their workflow as the technologies Bootstrap uses; namely HTML, CSS, and JavaScript.  In her talk, Giving Bootstrap the Boot, Alyssa Nicoll has a different opinion.  She has experienced several pain points using Bootstrap and fighting with the very things the framework is supposed to address.  Alyssa demonstrated for the audience issues around customizing CSS and having to battle Bootstrap’s CSS due to the high levels of specificity.  … Read more

, , ,

Wintellect Blogs

A Late Synopsis Of The Angular NG-Conf Day 2

Jason Hill

2 May , 2017  

talk

Day 2 of ng-conf was a fair day.  Multiple talks and activities took place all day long.  Not being able to clone myself and see all of the discussions, I set my focus on a particular path for the day.  So let’s take a look at the path I chose.

RxJS: The Good Parts

The title of this talk caught my attention as it pays homage to JavaScript the Good Parts by Douglas Crockford.  The talk focused on some of the most frequently used RxJS operators such as filter(), map(), reduce() as well as observable methods such as .switchMap(), .mergeMap() and .zip() to name a few.  Towards the end of the talk, the speakers provided a performance comparison.  The comparison was for execution times needed to manipulate a collection of numbers using plain JavaScript vs. RxJS operators and methods.  Not a surprise RxJS had better performance as it wasn’t iterating over the data multiple times to complete the same operations.

Angular Performance Birds of a Feather

Unfortunately, the time slot for the RxJS presentation cut into this talk.  I was able to catch half of the speakers, and even then, it was very informative.  The format for this presentation was a series of lightning talks from representatives of multiple companies talking about how they squeeze the most out of their Angular apps.  … Read more

, ,

Wintellect Blogs

A Late Synopsis of The Angular NG-Conf Day 1

Jason Hill

27 Apr , 2017  

April 5-7th 2017 marks the 4th year of the Angular conference ng-conf. This year’s ng-conf marks my first year attending, w00t w00t to that.  From the first day’s rapid-fire talks, the tone of the conference, and I think for Angular in general, is set for the year.  Some of the major takeaways from the first day I’ve highlighted below.

Community

Before the keynote took place, Aaron Frost, one of the organizers took a moment to go over the code of conduct for the conference. The organizers wanted to stress the importance of creating a conducive environment for sharing and learning over the next few days.  This point speaks to the overall message that the Angular community wants to convey, which is “Build with Us.” And, by providing an inviting and open ecosystem to current and new developers, they hope to grow the community.

With that theme in mind, a talk by Justin Searls focused on getting the creative juices flowing. He discussed his personal philosophy around what sparks his creativity.  Justin then provided some insight into what could help others be more creative, which translates into building apps.  The key takeaway from his talk was that it is okay to build software that interests individuals, reflect on one’s feelings, and finally find your outlet, whatever it may be.… Read more

, ,

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 Two Highlights

Dave Baskin

9 Apr , 2017  

ng conf 2017

Day Two changes things up from the Day One and Day Three single-track format. There are breakout sessions focused on a specific topic as well as chances to sit down and ask questions of others who have expertise in Angular, including members of the Angular team themselves. It’s a good chance to listen to how others are approaching their development challenges and opportunity to discuss lots of interesting details in depth.

Practices and Performance

The first session of the day had a few large organizations talk about the things they are doing within their organization to manage Angular projects, how they approach analyzing the performance of these applications, and what kinds of things might help them improve these operations.

In terms of analysis, there was a great emphasis on metrics (“plan and measure”). This included low level tracking of “time to first paint”, “time to meaningful content”, and “time to interactive”. But it also included higher-level tracking of things like “perceived performance” (obtaining feedback about how the user perceives the performance of the application).

Tools were mentioned that help in this analysis. The primary tool, of course, is the Developer Tools within the browser (there was a lot of praise for the capabilities of Chrome Developer tools particularly).… 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,Video,Wintellect Blogs

Introduction to Angular 2 Webinar

Wintellect

17 Feb , 2017   Video

introduction to angular 2

Jump start your Angular 2 development

Wintellect’s Eric Greene presented a live webinar this week an “Introduction to Angular 2” which included live coding demos. Angular 2 is the latest JavaScript UI framework for building cross-platform, single page applications. Utilizing TypeScript, the concepts of Web Components, Reactive programming with Observables, and advanced change detection powered by Zones – Angular 2 is the most cutting edge framework available today.

Eric covered the differences between Angular 1 and 2 as well as a live coding session for the essentials of building components, building templates, data binding and handling events.

We hope you find the recorded webinar session above useful. If you want to download the webinar source code you can find it in Github here and view the slides here.

Want to learn more?

If you are interested in learning more about our Angular On-Demand Online training, Instructor-led training, or Angular consulting for your business, please send us an email.Read more

, , , ,

Wintellect Blogs

NG-Conf 2016 – Day Three Wrap Up

Dave Baskin

6 May , 2016  

The last day of ng-conf 2016 continued with lots of great information. Some highlights:

  • Daniel Rosenwasser gave a good overview of TypeScript and a little bit of its history. He also demonstrated benefits of using TypeScript with Javascript directly. It can be beneficial in catching things in regular Javascript code (serving a similar purpose to the ESLint Javascript lint tool). He also showed some new features coming in TypeScript, like async/await and handling null and undefined types.
  • Aysegul Yonet talked about the new features of pipes in Angular2, including how pipes can be configured to better handle change detection.
  • Ken Synder presented details about transclusion updates. In Angular1 you can now have multiple slots for injecting transcluded elements. The ng-transclude directive now supports a name property and directives can specify multiple transclusion slots that correspond to these names. This allows Angular1 to come closer to how ng-content tags work in Angular2.
  • Matias Niemela gave a whirlwind tour of the new animation features in Angular2. After evaluating the different options of working with animations in the DOM (through CSS transitions, Key Frames, or direct Javascript), they settled on using Javascript, which they call “web animations”. The benefit is that it gives an application very fine-tuned control over animations, works around various issues with key frames and CSS transitions, provides better performance and less UI jank, and allows for better rendering (including in offline scenarios).
Read more

,

Wintellect Blogs

The Future of Angular2, and More Updates From NG-Conf 2016

Dave Baskin

5 May , 2016  

Some highlights of day two of ng-conf 2016:

  • Day two started with a focus on the future of Angular2. No, they didn’t announce Angular3, but they did focus on the work they are finishing up and looking towards the future. For example, work is in progress to build an offline compiler for Angular2 applications. This should greatly reduce the payload delivered to the browser. In fact the Angular2 team’s aggressive goal is to have the “Hello World” version of an an Angular2 application be only 10K!
  • A second release candidate came out today. Part of the changes from beta to release candidate includes changing the package references. For example, angular2/core is now referenced as @angular/core. This change allows for better use of the ES2015 modules and better optimization when using the offline compiler.
  • The Material Design team is creating a base set of services that are common to user interface components in general, such as mobile usage, accessibility, internationalization, overlays, and more. The broad set of material design components build on these services, but other components can as well. They are also looking to expand the set of components to things like a Google Map component, a video player, rich text editor, and more.
Read more

, ,