Ng conf 2020

Ng conf 2020 DEFAULT

ng-conf 2020: Hardwired Highlights

Over the past few years I've been lucky enough to attended ng-conf, in my opinion the premiere Angular conference, and was disappointed that I was not going to be able to attend this year. But then... pandemic. The organizers and speakers scrambled to make it possible for the conference to happen online. And thank goodness! I really needed this conference for my mental health.

I happily purchased a much less expensive ticket and attended ng-conf: Hardwired. And, as usual, the goods were delivered.

The Highlights

There were three days of presentations. Three. Days. All of them were awesome. But I want to talk about the presentations that I found exceptional. You can find all of the presentations here (requires login).

And here we go.

Http Interceptors: The Room Where It Happens

The always fabulously dressed Ward Bell gives us every reason we should be using HTTP Interceptors. The examples he uses are real-world and should be considered helpful to any project.

Preload Strategies: Step in Time, Step in Time!

John Papa always delivers a great presentation. I didn't realize how little I knew about Angular's preload strategy. Mr. Papa walks us through two custom strategies which you can use to help reduce user's wait time of your applications.

Farewell Entry Components

Yvonne Allen has breaking news! Captain Babyface has let her know that the array is no longer required when using Angular 9.

Stronger Type-Checking in Templates with Ivy

Alex Rickabaugh from the Angular Framework Team walks us through template type checking. Definitely worth watching.

Revisiting a Reactive Router with Ivy

Brandon Roberts helps us discover a more reactive router.

Debugging Like a Boss in Angular 9

Anthony Humes walks us through debugging scenarios now possible using Angular 9.

A Whole New Way to Build Ivy Apps ⚡️

StackBlitz is awesome and we should all use it more. And now, the Angular CLI in integrated! Eric Simons takes a look at what you can do with StackBlitz and how fast you can do it.

Stepping Up: Observable Services to Observable Store

Dan Wahlin presents Observable Store, a way to manage state that is easier to implement than NgRx. While arguments about using NgRx might break out, you should know about this alternative before making a decision about which immutable store implementation you want to use for your next project.

The State of RxJS

Simply put, no one explains RxJs better than Ben Lesh. Find out what is going on with this project!

The State of NgRx

Mike Ryan walks through the recent changes in NgRx, and shows us what it means to our lives.

Honorable Mentions

These presentations were exceptional and worth mentioning separately.

A Journey into the World Of Machine Learning with TensorFlow.js

Aaron Ma is younger than you, and this young man makes me want to yell "Get offa my lawn!" but he is so awesome and inspiring.

Into the Unknown

Completely entertaining! FIVE STARS!

Getting Through the Awkwardness of Networking

Life can be awkward. Wesley Faulkner tries to make it less so. This is good humaning.

Resilient Angular Testing – Jaw Dropping Magic Tricks by The Magnificent Shairezniko

OK, so, Shai Reznik is a character. But he also loves Angular and testing Angular. And in this presentation he makes it fun.

This article was posted on May 20, 2020


ng-conf 2020

ng-conf 2022 is going to be great and we cannot wait to see our friends again! ng-conf is focused on teaching, educating, and elevating each of the Angular developers in attendance. Always up to date, we will have sessions about the latest version of Angular and related technologies. Whether you are a beginner, intermediate, or expert, this will be the best opportunity we have ever provided.





_________________________________________________________ _


Our goal is to keep every attendee as safe and comfortable as possible and we will take mindful precautions and actions to make this happen. We will follow local health guidelines and will update all attendees of any requirements.

  1. Ho train sets
  2. Vets in wilkes county nc
  3. Banshee repair shop near me
  4. Ahwatukee golf course sold

Building Better, Scalable Enterprise Angular Applications

In this workshop, we will start from zero (no repo) and we will finish with an Angular application that consumes data from an API. As a prerequisite you need:

  1. Node.js
  2. Angular CLI
  3. Ignite UI CLI Schematics
  4. Visual Studio Code

From this point onwards we start the workshop. Steps we will take in this workshop.

  • repository setup
  • front-end angular repository
  • back-end setup (node.js in same repo)
  • SSR
  • data setup (back-end)
  • setup up data services (front-end)
  • setup up UI fast with reusable UI components (Ignite UI for Angular)
  • data transformations – pipes
  • Setting up services for cross-component communications
  • unit testing – optional if time allows
  • deployment – optional if time allows

Repo setup

To start with our project, we will setup a new repository with the .

And then we follow the wizard by choosing the Angular framework and the Ignite UI for Angular project template. Choose custom styles.

Let's see how fast the application renders using the Chrome LightHouse extension (dev tools).

[SSR] Back-end

We will kill two birds with one stone in this step. We will add SSR (server-side rendering) and a node express server with API endpoints.

Then copy to .

Let's run it to test:

Let's add server transfer cache.

to imports.
to imports.

Back-end cont.

Let's first setup some oData. For this we will need some fetch API on our express server.

Let's setup the endpoints for oData orders now.

In addition, we will generate some data on the server using .


Let's setup data services for the oData endpoints on our server.

Let's create a communication service for success, error and other messages.

Let's setup a test component that consumes the oData service and displays the data in a table view.

Let's setup a view with Ignite UI for Angular Grid component.

Let's optimize the css size of the application.

observe the size diff

Let's add a chart view to our application.

Let's add some stuff to .

Add the chart and then introduce

Create a new customers view bound to the oData customers service. The view contains a component, and the chart we already added to the project.

Let's refactor the chart into a separate component with just the chart and the legend. We will still control the chart type from the parent view.

The chart and the grid will be part of the new component and will interact together.

Best Friends Forever: Reactive Code + Animations - Zack DeRose \u0026 Nicole Oliver - ng-conf 2021


Conf 2020 ng


Choose Your Own { Form } Adventure - Jennifer Wadella - ng-conf 2021


Similar news:


618 619 620 621 622