Introduction to Angular for .NET Developers

Jan 10, 20174 likes1,748 views

Technical presentation given by Laurent Duveau at the Ottawa IT Community meetup on January 10, 2017. https://www.meetup.com/ottawaitcommunity/events/235519260/

@LaurentDuveau
MVP, RD
I live in Montreal
Founder of the Angular Academy
2-day Angular Classroom Training
34 classes last year
Montreal, Quebec, Toronto, Ottawa ,
Vancouver, Calgary, …
April 26-27!

Introduction to Angular for .NET Developers

TypeScript is a typed superset of JavaScript
that compiles to plain JavaScript
You can combine Javascript with Typescript
Any browser. Any host. Any OS
It is a Microsoft Technology, Open Source
From the creator of C#
10

TypeScript
file.ts
JavaScript
file.js
TypeScript Compiler
Output ES5/ES6/…
compliant code
“Transpiling”

I hate JavaScript…
TypeScript is here
to help!
.NET Dev Mom

let height:number = 6;
let isDone:boolean = true;
let name:string = "Angular Academy";
let list:number[] = [1, 2, 3];
14

let list: Array<number>;
list = [17, 99, 42]; // OK
let cpt: number|string;
cpt = 123; // OK
cpt = "123"; // OK
15

$class Auto { constructor(private _engine:string) { } get engine():string { return this._engine; } set engine(val:string) { this._engine = val; } start() { console.log("Take off using: " + this._engine); } } constructor get/set property blocks method$

Getting started faster!
23
> npm install -g angular-cli
> ng new DemoAngular
> ng serve
cli.angular.io

There’s a new kid in town!
VS Code… a code editor, not an IDE
Free, Open Source
Windows, Mac, Linux!
HTML5, CSS, LESS, JavaScript or C# with NodeJs or ASP.NET, …
Rich code editor from VS in a fast and lightweight tool
Debug, deploy
Git integration
Extensions
code.visualstudio.com

JavaScript Framework especially suitable for
single-page modern web applications (Single
Page Application, or SPA)
Compatible with Internet Explorer 9+ and others
modern browsers
Open Source, MIT license
www.angular.io

* based on v2 architecture released in September 14, 2016
Angular 4.0.0-beta.2! *

29
JavaScript,
HTML,
CSS, …
Angular is here
REST API,
ASP.NET,
C#, …
Your DB is
there!
Where is
TypeScript ?

Components Modules
Dependency
Injection
Language
(TypeScript)
Services Data Binding Decorators Routing

Header Component
Menu
Component
Footer Component
List ComponentGrid Component

Map Update
App
DetailsList
ProductsMenu Contact

A component is a reusable object
Made up of: HTML
Template
Code
(ts class)

Visual Studio 2015 QuickStart
http://tinyurl.com/jmhv9h8
Angular setup with VS 2015 and ASP.NET 4
http://tinyurl.com/h2n82v8
ASP.NET Core + Angular template for VS
http://tinyurl.com/jnoqwfs
Deploy an Angular/ASP.NET Core App to Azure
http://tinyurl.com/he4g8lb
39

Angular 2 is now in release candidate and can be used for new projects, though Angular 1 will still be supported for the next 1.5-2 years. There are two main approaches to upgrading an existing Angular 1 app to Angular 2: big bang, where the entire app is rewritten at once in Angular 2, or incremental, where individual components are upgraded one by one. Components and directives are now unified under the component model in Angular 2. TypeScript is recommended for Angular 2 development but not required, as JavaScript can also be used.

Angular 2 : le réveil de la forceNicolas PENNEC

Building Universal Applications with Angular 2Minko Gechev

Angular is one of the most popular frameworks for the development of Single-Page Applications (SPA). Recently Google announced its second major version, which brings some brand new ideas and improvements. For instance, Angular 2 is written in TypeScript, has much faster change detection and allows development of universal (isomorphic) applications. In this talk we're going to introduce the motivation behind the new design decisions and the improvements in Angular 2. We'll take a look at the building blocks the framework provides for the development of professional single-page applications.

Angular 2: What's New?jbandi

Angular 2 is a rewrite of AngularJS for modern web development. It improves on AngularJS by being faster, easier to use and learn, and built on proven best practices. Some key differences include components replacing controllers, unidirectional data flow instead of two-way binding, and type-based dependency injection rather than naming. While the core concepts remain similar, the implementation in Angular 2 is cleaner. However, setting up a full Angular project can still be complicated due to dependencies on build tools and module bundling.

Migrating an application from Angular 1 to Angular 2 Ross Dederer

This document discusses migrating from Angular 1 to Angular 2. It provides an overview of Angular 2 including its modular and component-based architecture. It also discusses TypeScript and how it is used with Angular 2. The document then walks through migrating a sample Silverlight application to an equivalent Angular 2 application, covering converting the viewmodel to a component and porting the view. It emphasizes keeping a similar MVVM pattern and discusses new Angular 2 concepts like templates, metadata and bindings.

Angular Advanced RoutingLaurent Duveau

Angular2 with type scriptRavi Mone

Code migration from Angular 1.x to Angular 2.0Ran Wahle

Introduction to Angular 2Naveen Pete

Introduction to Angular 2Knoldus Inc.

Introduction to angular 2Dhyego Fernando

Introduction to Angular with TypeScript for .NET DevelopersLaurent Duveau

The evolution of Angular 2 @ AngularJS Munich Meetup #5Johannes Weber

The evolution of Angular 2 Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it's time to use the new possibilities. That's how Angular 2 started. It's not just a major update. It's a whole rewrite! The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state. It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier. Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing

Angular 2 Crash CourseElisha Kramer

Angular 2 - Core ConceptsFabio Biondi

Dive into Angular, part 4: Angular 2.0Oleksii Prohonnyi

This presentation has been prepared by Oleksii Prohonnyi for internal Angular.js training to improve skills of newbies in JS/Angular. Part 1 (Introduction): http://www.slideshare.net/oprohonnyi/dive-into-angular-part-1-introduction Part 2 (Architecture): http://www.slideshare.net/oprohonnyi/dive-into-angular-part-2-architecture Part 3 (Performance): http://www.slideshare.net/oprohonnyi/dive-into-angular-part-3-performance Part 5 (Experience): https://www.slideshare.net/oprohonnyi/dive-into-angular-part-5-experience

Getting Started with Angular 2FITC

FITC events. For digital creators. Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca Getting Started with Angular 2 with Rob McDiarmid OVERVIEW Angular 2 is a powerful framework that lets you create fast and scalable web apps with clean and readable code. With the lessons learned from previous web frameworks and the advantages of modern web technologies, the Angular team has created a framework that will push the limits of what SPAs are capable of. In this session we’ll go through building an Angular 2.0 app from the ground up. In the process, you will learn how it handles core concepts like components, templates, services, and routing. You’ll also see how angular takes advantage of ES6 modules, Web Components, and TypeScript. By the end of the session, you’ll have a good understanding of why you might want to use Angular 2 for your next project and how to get started. OBJECTIVE Demonstrate what Angular 2 has to offer and reduce the barrier to entry. TARGET AUDIENCE Web Developers interested in learning Angular 2. ASSUMED AUDIENCE KNOWLEDGE Intermediate experience with JavaScript. FIVE THINGS AUDIENCE MEMBERS WILL LEARN 1. Core concepts of the Angular 2 framework 2. How to use ES6 modules 3. The benefits of TypeScript annotations 4. How to setup an Angular 2 project from scratch 5. The ecosystem of tools that Angular 2 apps will be built on

Migrating an Application from Angular 1 to Angular 2 Ross Dederer

This document discusses Angular 2 and summarizes Ross Dederer's presentation on migrating an application from Angular 1 to Angular 2. Some key points covered include: - Angular 2 is more modular, modern, component-based and uses TypeScript. - Components provide better encapsulation and Angular 2 is simpler and more performant than Angular 1. - Migrating involves converting code to TypeScript, keeping the MVVM pattern, and porting the viewmodel/component and view. - The presentation demonstrates migrating a sample application that uses Wijmo controls from Angular 1 to Angular 2.

Quick introduction to Angular 4 for AngularJS 1.5 developersPaweł Żurowski

Angular2 with TypeScript Rohit Bishnoi

Migrating to Angular 2FITC

Presented at FITC Toronto 2016 See details at www.fitc.ca AngularJS was originally created in 2009 as an end-to-end solution for web designers wanting to build simple web apps. Over the last 6 years it has evolved into a component based MVC framework targeted at JavaScript developers. To maintain backward compatibility, Angular has had to hold onto many deprecated concepts. This has caused some of Angular’s APIs to be complex and easy to misuse. Angular 2 is a complete rewrite of Angular 1 which eliminates the outdated concepts and takes full advantage of modern web standards like ES6, TypeScript, and Web Components. In this session you’ll learn which Angular 1 features to avoid and how to write an Angular 1 app that will be easy to migrate into Angular 2. We’ll go through the process of refactoring an Angular 1 app to prep it for migration. Then Rob will demonstrate how to incrementally migrate to Angular 2. You’ll come away from this session with a better understanding of what Angular 2 has to offer and how to start taking advantage of it. Objective To make the migration from Angular 1 to Angular 2 as painless as possible Target Audience Anyone using Angular 1 or interested in learning Angular 2. Assumed Audience Knowledge Some experience with JavaScript and Angular 1 Five Things Audience Members Will Learn How to write an Angular 1 app that will be easy to migrate Using TypeScript, ES6 modules, and the component router with Angular 1 The benefits of Angular 2 How to run Angular 1 and 2 in the same app How to migrate an Angular 1 app to Angular 2

Angular 2 - An IntroductionNexThoughts Technologies

The document discusses Angular 2, its components, templates, styles, and how to create and use child components. Angular 2 uses components instead of controllers, has unidirectional data flow, simplified services, and an easier learning curve compared to Angular 1. Components are directives with templates that make up Angular 2 apps. Templates contain HTML and styles define visual styles. Child components exist within parent components and communication between them can be achieved through input/output binding and events. Services are used to perform CRUD operations separately from components.

Angular 2 - The Next FrameworkCommit University

Angular 2 is the next version of the AngularJS framework. It was released in 2016 after 2 years of development. Some key features of Angular 2 include optimized performance for both desktop and mobile applications, ahead of time compilation for faster loading, and native support for reactive programming. The document then provides examples of core Angular concepts like components, directives, services, dependency injection and change detection. It explains how Angular 2 applications are bootstrapped and discusses some of the internal workings like the change detection engine.

Adventures with Angular 2Dragos Ionita

My adventures with Angular2 from first install (BETA.3) to the official release. What made us decide to pick Angular 2 since its beta phase, why we didn't stop when we saw that it wasn't quite ok to work with beta versions, how we managed to keep our up up to date with version updates (sometimes even twice a week), how we rewrote our application several times and how we found solutions to most problems.

An Overview of Angular 4 Cynoteck Technology Solutions Private Limited

Angular 1.x vs 2 - In code levelAnuradha Bandara

Angular 1.x vs Angular 2.0 compares the key differences between Angular 1 and Angular 2. Some of the main changes in Angular 2 include improved performance, a mobile-first approach, and a shorter learning curve. Angular 2 also does not use controllers or $scope, replaces ng-app with different app initialization, and simplifies services among other changes to directives, dependency injection, and routing. Google will continue supporting Angular 1 for at least another year during the transition to Angular 2.

Angular 2 - Better or worseVladimir Georgiev

Docker - An IntroductionKnoldus Inc.

DevTeach Ottawa - Silverlight5 and HTML5Frédéric Harper

This document summarizes a presentation given by Frédéric HARPER and Laurent DUVEAU comparing the web development technologies Silverlight and HTML5. Some key points: - Silverlight is a plugin that allows developing rich desktop-style applications for web browsers, while HTML5 can be used on any device with recent browsers without plugins. - Both support development with Visual Studio and provide controls and capabilities for graphics, media, 3D, and data binding, though Silverlight controls and capabilities are more extensive currently. - Performance benchmarks comparing row processing, vector graphics, and bitmap manipulation between the two technologies were demonstrated. - The presenters concluded there is no clear winner currently as both technologies continue advancing

Introduction to SPAs with AngularJSLaurent Duveau

The document is an agenda for an introduction to single page applications (SPAs) using AngularJS. It begins with defining what an SPA is and then introduces AngularJS as a JavaScript framework for building SPAs. The agenda then covers setting up a first AngularJS project, using modules, controllers, directives, filters, routing, and services. It provides examples for each topic and emphasizes concepts like two-way data binding, dependency injection, and using AngularJS features to interact with REST APIs.

More Related Content

What's hot (20)

Introduction to Angular 2Naveen Pete

Introduction to Angular 2Knoldus Inc.

Introduction to angular 2Dhyego Fernando

Introduction to Angular with TypeScript for .NET DevelopersLaurent Duveau

The evolution of Angular 2 @ AngularJS Munich Meetup #5Johannes Weber

Angular 2 Crash CourseElisha Kramer

Angular 2 - Core ConceptsFabio Biondi

Dive into Angular, part 4: Angular 2.0Oleksii Prohonnyi

Getting Started with Angular 2FITC

Migrating an Application from Angular 1 to Angular 2 Ross Dederer

Quick introduction to Angular 4 for AngularJS 1.5 developersPaweł Żurowski

Angular2 with TypeScript Rohit Bishnoi

Migrating to Angular 2FITC

Angular 2 - An IntroductionNexThoughts Technologies

Angular 2 - The Next FrameworkCommit University

Adventures with Angular 2Dragos Ionita

An Overview of Angular 4 Cynoteck Technology Solutions Private Limited

Angular 1.x vs 2 - In code levelAnuradha Bandara

Angular 2 - Better or worseVladimir Georgiev

Docker - An IntroductionKnoldus Inc.

Introduction to Angular 2Naveen Pete

Introduction to Angular 2Knoldus Inc.

Introduction to angular 2Dhyego Fernando

Introduction to Angular with TypeScript for .NET DevelopersLaurent Duveau

The evolution of Angular 2 @ AngularJS Munich Meetup #5Johannes Weber

Angular 2 Crash CourseElisha Kramer

Angular 2 - Core ConceptsFabio Biondi

Dive into Angular, part 4: Angular 2.0Oleksii Prohonnyi

Getting Started with Angular 2FITC

Migrating an Application from Angular 1 to Angular 2 Ross Dederer

Quick introduction to Angular 4 for AngularJS 1.5 developersPaweł Żurowski

Angular2 with TypeScript Rohit Bishnoi

Migrating to Angular 2FITC

Angular 2 - An IntroductionNexThoughts Technologies

Angular 2 - The Next FrameworkCommit University

Adventures with Angular 2Dragos Ionita

An Overview of Angular 4 Cynoteck Technology Solutions Private Limited

Angular 1.x vs 2 - In code levelAnuradha Bandara

Angular 2 - Better or worseVladimir Georgiev

Docker - An IntroductionKnoldus Inc.

Viewers also liked (7)

DevTeach Ottawa - Silverlight5 and HTML5Frédéric Harper

Introduction to SPAs with AngularJSLaurent Duveau

Maximizing ROI in eCommerce with SearchiProspect Canada

A Second Look at Unit Testing by Roy OsheroveRoy Osherove

Introduction à Angular 2Laurent Duveau

Visual Design with DataSeth Familian

An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813 I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com

Build Features, Not AppsNatasha Murashev

DevTeach Ottawa - Silverlight5 and HTML5Frédéric Harper

Introduction to SPAs with AngularJSLaurent Duveau

Maximizing ROI in eCommerce with SearchiProspect Canada

A Second Look at Unit Testing by Roy OsheroveRoy Osherove

Introduction à Angular 2Laurent Duveau

Visual Design with DataSeth Familian

Build Features, Not AppsNatasha Murashev

Similar to Introduction to Angular for .NET Developers (20)

Introduction to Angular for .NET DevelopersLaurent Duveau

This document summarizes a presentation about Angular for .NET developers. It introduces Angular as a JavaScript framework built using TypeScript, discusses Angular tools like the Angular CLI and VS Code editor, and demonstrates core Angular concepts like components, modules, and data binding. The presentation recommends resources for setting up Angular with Visual Studio and deploying Angular/ASP.NET applications to Azure.

Introduction To Angular 4 - J2INader Debbabi

This document provides an introduction and overview of Angular 4 including: - Angular is an open-source JavaScript framework used to build single page web applications. - It discusses TypeScript, single page applications, the development environment setup, and basic application structure in Angular. - The main building blocks of an Angular application are modules, components, directives, and services - which are defined through TypeScript classes and metadata.

Angular, ASP.NET Core, and Visual Studio Code - Oh My!Aaron Marisi

4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptxtilejak773

AngularTejinderMakkar

Angular is an open-source front-end web development platform for building dynamic single-page applications. It was developed and is maintained by Google. Traditional web applications run from the server, requiring the client to request pages from the server on each user interaction. Single-page applications handle requests and rendering on the client-side using JavaScript, only requiring the server when data needs processing or business logic execution. Angular has evolved through several versions since its initial release in 2010. It is now a TypeScript-based framework that supports progressive web apps and mobile development. Major companies like Google, PayPal, and Microsoft use Angular for its component-based architecture, cross-platform capabilities, and productivity benefits.

Angular 2.0Mallikarjuna G D

Diving into SngularJSfrancisspor

Angular kickstart slideshareSaleemMalik52

Angular Kickstart document provides an overview of Angular including: - Angular is a client side JavaScript framework that allows building of single page applications. - A single page application loads initial content via the first page load and subsequent content without reloading the page. - The document discusses Angular features such as modularity, performance, TypeScript support, and building blocks like modules, components and directives. It also provides instructions on setting up the development environment for Angular applications.

Angular IOJennifer Estrada

Angular Meetup 1 - Angular Basics and WorkshopNitin Bhojwani

Angular.pptMytrux1

This document provides an introduction to Angular 2, including why it was developed, its key features and components, and how to set up an Angular 2 development environment. Some of the main points covered include: - Angular 2 is a rewrite of Angular 1 and focuses on components over controllers, uses TypeScript, and supports services and mobile development better. - It introduces components, modules, templates, and metadata. Common components include modules, components, and services. - To set up Angular 2, developers need to install Node.js, npm, and use the Angular CLI to generate projects, or clone the quick start repository. The Angular CLI helps to create, develop, and maintain

Foster - Getting started with AngularMukundSonaiya1

The Pros and Cons of Angular Development: All You Need to KnowHepto Software Company

Typescript for the programmers who like javascriptAndrei Sebastian Cîmpean

Angularkhoado2002

Using TypeScript with AngularJamal Sinclair O'Garro

This document discusses using TypeScript with AngularJS. It begins with an introduction to TypeScript, covering its goals of statically identifying errors and organizing large codebases. It then reviews AngularJS's philosophy and architecture, including its use of MVVM pattern, dependency injection, and services. The document demonstrates building a sample app with TypeScript and AngularJS and notes lessons learned, such as TypeScript slowing initial development but reducing bugs. It concludes by discussing TypeScript and AngularJS's future integration.

Angular for rookies MS TechDays 2017Erik van Appeldoorn

This document provides an overview of the Angular framework. It discusses Angular's release history and versions. It also covers key Angular concepts like components, services, data binding, and communication between parent and child components. Additionally, it mentions tools used in Angular development like TypeScript, Angular CLI, and Node Package Manager (NPM). It provides example Angular projects, demos, and resources for learning more about Angular.

The advantage of developing with TypeScript Corley S.r.l.

This document discusses the advantages of using TypeScript for developing Angular applications. It begins with an introduction to TypeScript, including how it adds types and classes to JavaScript to improve code structure and tooling. The presenter then demonstrates how to write an Angular todo list application using TypeScript, comparing the syntax for services, controllers, and directives between regular JavaScript and TypeScript implementations. Decorators are also introduced as how Angular 2.0 will annotate classes and properties. Overall, TypeScript is shown to add significant benefits for organizing code and developing Angular applications.

Introduction to Angular for .NET DevelopersLaurent Duveau

Introduction To Angular 4 - J2INader Debbabi

Angular, ASP.NET Core, and Visual Studio Code - Oh My!Aaron Marisi

4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptxtilejak773

AngularTejinderMakkar

Angular 2.0Mallikarjuna G D

Diving into SngularJSfrancisspor

Angular kickstart slideshareSaleemMalik52

Angular IOJennifer Estrada

Angular Meetup 1 - Angular Basics and WorkshopNitin Bhojwani

Angular.pptMytrux1

Foster - Getting started with AngularMukundSonaiya1

The Pros and Cons of Angular Development: All You Need to KnowHepto Software Company

Typescript for the programmers who like javascriptAndrei Sebastian Cîmpean

Angularkhoado2002

Using TypeScript with AngularJamal Sinclair O'Garro

Angular for rookies MS TechDays 2017Erik van Appeldoorn

The advantage of developing with TypeScript Corley S.r.l.

More from Laurent Duveau (20)

Shit happens… debugging an Angular app.Laurent Duveau

8 things you didn't know about the Angular Router, you won't believe #6!Laurent Duveau

This document summarizes 8 things to know about the Angular Router and provides one bonus item. It discusses lazy loading modules, preloading modules, router events, enabling traces for debugging, auxiliary routes, route transitions using animations, route guards, and passing data between routes via the state object. The document provides code examples and indicates the content will be demonstrated. It promotes understanding of advanced Angular Router capabilities.

De 0 à Angular en 1h30! (french)Laurent Duveau

Angular 6, CLI 6, Material 6 (french)Laurent Duveau

Debugging an Angular AppLaurent Duveau

TypeScript: Angular's Secret WeaponLaurent Duveau

ngconf 2016 (french)Laurent Duveau

Microsoft Edge pour les développeurs webLaurent Duveau

Xamarin.Forms [french]Laurent Duveau

Back from Xamarin Evolve 2014Laurent Duveau

Guy Barrette and Laurent Duveau discussed Xamarin announcements from the 2014 Xamarin Evolve conference, including new tools like Xamarin Insights for crash reporting, the Xamarin Android Player virtual machine, Sketches for interactive coding experiments, and updates to the Xamarin Profiler and Test Cloud. A partnership with IBM was also announced to integrate Xamarin with IBM's mobile technologies.

Windows App StudioLaurent Duveau

The document discusses Windows App Studio, a tool for creating Windows and Windows Phone apps without coding. It provides an overview of the tool's templates, data binding, styles and publishing options. The presentation covers using App Studio to generate source code that can then be opened in Visual Studio. It also mentions the tool's current and potential future platforms and concludes by promoting the Developer Movement program for earning points and rewards.

Windows 8: Live tiles, badges et notifications toasts [french]Laurent Duveau

L'opportunité Windows 8 pour les développeursLaurent Duveau

Building apps for WP8 and Win8Laurent Duveau

Windows Store apps developmentLaurent Duveau

L'opportunité Windows 8: Introduction au Windows StoreLaurent Duveau

Introduction au Windows StoreLaurent Duveau

Windows 8 [french]Laurent Duveau

Présenté par Laurent Duveau à la Communauté .NET Montréal le 28 Janvier 2013. Windows 8, Windows RT, WinRT, Surface, Pro, ARM, Intel?!? On constate beaucoup de confusion autour de ces sujets… Windows 8 est-il réservé aux tablettes ? Qu'en est-il des desktop ? Qu'est ce que Windows RT ? et WinRT ? Quelles sont les différentes licences de Windows 8 ? Combien ça coûte ? Vais-je pouvoir faire un upgrade depuis Windows 7 et garder mes fichiers ? Dois-je acheter la tablette tactile Microsoft Surface RT ou attendre la version Pro prévue pour début 2013 ? Quelles sont les modèles disponible chez d'autres fabriquants ? Je vais tenter de clarifier tout cela et plus encore! Bonus: Passage en revue des meilleurs devices Windows 8 présentés lors du CES Las Vegas de Janvier 2013!

Shit happens… debugging an Angular app.Laurent Duveau

8 things you didn't know about the Angular Router, you won't believe #6!Laurent Duveau

De 0 à Angular en 1h30! (french)Laurent Duveau

Angular 6, CLI 6, Material 6 (french)Laurent Duveau

Debugging an Angular AppLaurent Duveau

TypeScript: Angular's Secret WeaponLaurent Duveau

ngconf 2016 (french)Laurent Duveau

Microsoft Edge pour les développeurs webLaurent Duveau

Xamarin.Forms [french]Laurent Duveau

Back from Xamarin Evolve 2014Laurent Duveau

Windows App StudioLaurent Duveau

Windows 8: Live tiles, badges et notifications toasts [french]Laurent Duveau

L'opportunité Windows 8 pour les développeursLaurent Duveau

Building apps for WP8 and Win8Laurent Duveau

Windows Store apps developmentLaurent Duveau

L'opportunité Windows 8: Introduction au Windows StoreLaurent Duveau

Introduction au Windows StoreLaurent Duveau

Windows 8 [french]Laurent Duveau

Recently uploaded (20)

MCP vs A2A vs ACP: Choosing the Right Protocol | BluebashBluebash

What is Oracle EPM A Guide to Oracle EPM Cloud Everything You Need to KnowSMACT Works

In today's fast-paced business landscape, financial planning and performance management demand powerful tools that deliver accurate insights. Oracle EPM (Enterprise Performance Management) stands as a leading solution for organizations seeking to transform their financial processes. This comprehensive guide explores what Oracle EPM is, its key benefits, and how partnering with the right Oracle EPM consulting team can maximize your investment.

Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025Infrassist Technologies Pvt. Ltd.

Trends Report: Artificial Intelligence (AI)Brian Ahier

Oracle Cloud Infrastructure AI FoundationsVICTOR MAESTRE RAMIREZ

End-to-end Assurance for SD-WAN & SASE with ThousandEyesThousandEyes

LSNIF: Locally-Subdivided Neural Intersection FunctionTakahiro Harada

Neural representations have shown the potential to accelerate ray casting in a conventional ray-tracing-based rendering pipeline. We introduce a novel approach called Locally-Subdivided Neural Intersection Function (LSNIF) that replaces bottom-level BVHs used as traditional geometric representations with a neural network. Our method introduces a sparse hash grid encoding scheme incorporating geometry voxelization, a scene-agnostic training data collection, and a tailored loss function. It enables the network to output not only visibility but also hit-point information and material indices. LSNIF can be trained offline for a single object, allowing us to use LSNIF as a replacement for its corresponding BVH. With these designs, the network can handle hit-point queries from any arbitrary viewpoint, supporting all types of rays in the rendering pipeline. We demonstrate that LSNIF can render a variety of scenes, including real-world scenes designed for other path tracers, while achieving a memory footprint reduction of up to 106.2x compared to a compressed BVH. https://arxiv.org/abs/2504.21627

Domino IQ – What to Expect, First Steps and Use Casespanagenda

Webinar Recording: https://www.panagenda.com/webinars/domino-iq-what-to-expect-first-steps-and-use-cases/ HCL Domino iQ Server – From Ideas Portal to implemented Feature. Discover what it is, what it isn’t, and explore the opportunities and challenges it presents. Key Takeaways - What are Large Language Models (LLMs) and how do they relate to Domino iQ - Essential prerequisites for deploying Domino iQ Server - Step-by-step instructions on setting up your Domino iQ Server - Share and discuss thoughts and ideas to maximize the potential of Domino iQ

“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...Edge AI and Vision Alliance

For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2025/06/state-space-models-vs-transformers-for-ultra-low-power-edge-ai-a-presentation-from-brainchip/ Tony Lewis, Chief Technology Officer at BrainChip, presents the “State-space Models vs. Transformers for Ultra-low-power Edge AI” tutorial at the May 2025 Embedded Vision Summit. At the embedded edge, choices of language model architectures have profound implications on the ability to meet demanding performance, latency and energy efficiency requirements. In this presentation, Lewis contrasts state-space models (SSMs) with transformers for use in this constrained regime. While transformers rely on a read-write key-value cache, SSMs can be constructed as read-only architectures, enabling the use of novel memory types and reducing power consumption. Furthermore, SSMs require significantly fewer multiply-accumulate units—drastically reducing compute energy and chip area. New techniques enable distillation-based migration from transformer models such as Llama to SSMs without major performance loss. In latency-sensitive applications, techniques such as precomputing input sequences allow SSMs to achieve sub-100 ms time-to-first-token, enabling real-time interactivity. Lewis presents a detailed side-by-side comparison of these architectures, outlining their trade-offs and opportunities at the extreme edge.

Extend-Microsoft365-with-Copilot-agents.pptxhoang971

DevOps in the Modern Era - Thoughtfully Critical PodcastChris Wahl

Jeremy Millul - A Talented Software DeveloperJeremy Millul

Jeremy Millul is a talented software developer based in NYC, known for leading impactful projects such as a Community Engagement Platform and a Hiking Trail Finder. Using React, MongoDB, and geolocation tools, Jeremy delivers intuitive applications that foster engagement and usability. A graduate of NYU’s Computer Science program, he brings creativity and technical expertise to every project, ensuring seamless user experiences and meaningful results in software development.

Dancing with AI - A Developer's Journey.pptxElliott Richmond

In this talk, Elliott explores how developers can embrace AI not as a threat, but as a collaborative partner. We’ll examine the shift from routine coding to creative leadership, highlighting the new developer superpowers of vision, integration, and innovation. We'll touch on security, legacy code, and the future of democratized development. Whether you're AI-curious or already a prompt engineering, this session will help you find your rhythm in the new dance of modern development.

Introduction to Typescript - GDG On Campus EUEGoogle Developer Group On Campus European Universities in Egypt

Interested in leveling up your JavaScript skills? Join us for our Introduction to TypeScript workshop. Learn how TypeScript can improve your code with dynamic typing, better tooling, and cleaner architecture. Whether you're a beginner or have some experience with JavaScript, this session will give you a solid foundation in TypeScript and how to integrate it into your projects. Workshop content: - What is TypeScript? - What is the problem with JavaScript? - Why TypeScript is the solution - Coding demo

Evaluation Challenges in Using Generative AI for Science & Technical ContentPaul Groth

Evaluation Challenges in Using Generative AI for Science & Technical Content. Foundation Models show impressive results in a wide-range of tasks on scientific and legal content from information extraction to question answering and even literature synthesis. However, standard evaluation approaches (e.g. comparing to ground truth) often don't seem to work. Qualitatively the results look great but quantitive scores do not align with these observations. In this talk, I discuss the challenges we've face in our lab in evaluation. I then outline potential routes forward.

Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdfAlkin Tezuysal

As the demand for vector databases and Generative AI continues to rise, integrating vector storage and search capabilities into traditional databases has become increasingly important. This session introduces the *MyVector Plugin*, a project that brings native vector storage and similarity search to MySQL. Unlike PostgreSQL, which offers interfaces for adding new data types and index methods, MySQL lacks such extensibility. However, by utilizing MySQL's server component plugin and UDF, the *MyVector Plugin* successfully adds a fully functional vector search feature within the existing MySQL + InnoDB infrastructure, eliminating the need for a separate vector database. The session explains the technical aspects of integrating vector support into MySQL, the challenges posed by its architecture, and real-world use cases that showcase the advantages of combining vector search with MySQL's robust features. Attendees will leave with practical insights on how to add vector search capabilities to their MySQL systems.

Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfällepanagenda

Webinar Recording: https://www.panagenda.com/webinars/domino-iq-was-sie-erwartet-erste-schritte-und-anwendungsfalle/ HCL Domino iQ Server – Vom Ideenportal zur implementierten Funktion. Entdecken Sie, was es ist, was es nicht ist, und erkunden Sie die Chancen und Herausforderungen, die es bietet. Wichtige Erkenntnisse - Was sind Large Language Models (LLMs) und wie stehen sie im Zusammenhang mit Domino iQ - Wesentliche Voraussetzungen für die Bereitstellung des Domino iQ Servers - Schritt-für-Schritt-Anleitung zur Einrichtung Ihres Domino iQ Servers - Teilen und diskutieren Sie Gedanken und Ideen, um das Potenzial von Domino iQ zu maximieren

How to Detect Outliers in IBM SPSS Statistics.pptxVersion 1 Analytics

Developing Schemas with FME and Excel - Peak of Data & AI 2025Safe Software

When working with other team members who may not know the Esri GIS platform or may not be database professionals; discussing schema development or changes can be difficult. I have been using Excel to help illustrate and discuss schema design/changes during meetings and it has proven a useful tool to help illustrate how a schema will be built. With just a few extra columns, that Excel file can be sent to FME to create new feature classes/tables. This presentation will go thru the steps needed to accomplish this task and provide some lessons learned and tips/tricks that I use to speed the process.

Create Your First AI Agent with UiPath Agent BuilderDianaGray10

Join us for an exciting virtual event where you'll learn how to create your first AI Agent using UiPath Agent Builder. This session will cover everything you need to know about what an agent is and how easy it is to create one using the powerful AI-driven UiPath platform. You'll also discover the steps to successfully publish your AI agent. This is a wonderful opportunity for beginners and enthusiasts to gain hands-on insights and kickstart their journey in AI-powered automation.

MCP vs A2A vs ACP: Choosing the Right Protocol | BluebashBluebash

What is Oracle EPM A Guide to Oracle EPM Cloud Everything You Need to KnowSMACT Works

Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025Infrassist Technologies Pvt. Ltd.

Trends Report: Artificial Intelligence (AI)Brian Ahier

Oracle Cloud Infrastructure AI FoundationsVICTOR MAESTRE RAMIREZ

End-to-end Assurance for SD-WAN & SASE with ThousandEyesThousandEyes

LSNIF: Locally-Subdivided Neural Intersection FunctionTakahiro Harada

Domino IQ – What to Expect, First Steps and Use Casespanagenda

“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...Edge AI and Vision Alliance

Extend-Microsoft365-with-Copilot-agents.pptxhoang971

DevOps in the Modern Era - Thoughtfully Critical PodcastChris Wahl

Jeremy Millul - A Talented Software DeveloperJeremy Millul

Dancing with AI - A Developer's Journey.pptxElliott Richmond

Introduction to Typescript - GDG On Campus EUEGoogle Developer Group On Campus European Universities in Egypt

Evaluation Challenges in Using Generative AI for Science & Technical ContentPaul Groth

Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdfAlkin Tezuysal

Domino IQ – Was Sie erwartet, erste Schritte und Anwendungsfällepanagenda

How to Detect Outliers in IBM SPSS Statistics.pptxVersion 1 Analytics

Developing Schemas with FME and Excel - Peak of Data & AI 2025Safe Software

Create Your First AI Agent with UiPath Agent BuilderDianaGray10

Introduction to Angular for .NET Developers

1. Laurent Duveau January 10th, 2017

2. @LaurentDuveau MVP, RD I live in Montreal Founder of the Angular Academy 2-day Angular Classroom Training 34 classes last year Montreal, Quebec, Toronto, Ottawa , Vancouver, Calgary, … April 26-27!

3. TypeScript Setup and Tooling Angular

5. THIS TALK IS ABOUT…

6. .NET Developer

9. ANGULAR IS BUILT USING TYPESCRIPT

10. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript You can combine Javascript with Typescript Any browser. Any host. Any OS It is a Microsoft Technology, Open Source From the creator of C# 10

11. Wait…

12. TypeScript file.ts JavaScript file.js TypeScript Compiler Output ES5/ES6/… compliant code “Transpiling”

13. I hate JavaScript… TypeScript is here to help! .NET Dev Mom

14. let height:number = 6; let isDone:boolean = true; let name:string = "Angular Academy"; let list:number[] = [1, 2, 3]; 14

15. let list: Array<number>; list = [17, 99, 42]; // OK let cpt: number|string; cpt = 123; // OK cpt = "123"; // OK 15

16. class Auto { constructor(private _engine:string) { } get engine():string { return this._engine; } set engine(val:string) { this._engine = val; } start() { console.log("Take off using: " + this._engine); } } constructor get/set property blocks method

17. DEMONSTRATION

19. 19

20. 20

21. 21 > npm install XYZ

22. 22

23. Getting started faster! 23 > npm install -g angular-cli > ng new DemoAngular > ng serve cli.angular.io

24. There’s a new kid in town! VS Code… a code editor, not an IDE Free, Open Source Windows, Mac, Linux! HTML5, CSS, LESS, JavaScript or C# with NodeJs or ASP.NET, … Rich code editor from VS in a fast and lightweight tool Debug, deploy Git integration Extensions code.visualstudio.com

25. DEMONSTRATION

27. JavaScript Framework especially suitable for single-page modern web applications (Single Page Application, or SPA) Compatible with Internet Explorer 9+ and others modern browsers Open Source, MIT license www.angular.io

28. * based on v2 architecture released in September 14, 2016 Angular 4.0.0-beta.2! *

29. 29 JavaScript, HTML, CSS, … Angular is here REST API, ASP.NET, C#, … Your DB is there! Where is TypeScript ?

30. Components Modules Dependency Injection Language (TypeScript) Services Data Binding Decorators Routing

31. Header Component Menu Component Footer Component List ComponentGrid Component

32. YOUR APP IS A TREE OF COMPONENTS

33. Map Update App DetailsList ProductsMenu Contact

35. A component is a reusable object Made up of: HTML Template Code (ts class)

38. DEMONSTRATION

39. Visual Studio 2015 QuickStart http://tinyurl.com/jmhv9h8 Angular setup with VS 2015 and ASP.NET 4 http://tinyurl.com/h2n82v8 ASP.NET Core + Angular template for VS http://tinyurl.com/jnoqwfs Deploy an Angular/ASP.NET Core App to Azure http://tinyurl.com/he4g8lb 39

40. Thank you!

Introduction to Angular for .NET Developers

Recommended

More Related Content

What's hot (20)

Viewers also liked (7)

Similar to Introduction to Angular for .NET Developers (20)

More from Laurent Duveau (20)

Recently uploaded (20)

Introduction to Angular for .NET Developers