Apptension, profile picture
Uploaded byApptension
PDF, PPTX754 views

An introduction to Angular2

This document provides an overview of Angular 2, including: - Angular 2 is a rewrite of AngularJS and introduces many breaking changes. - It uses Typescript as its language and compiles to plain JavaScript. - Key concepts include components, templates, directives, dependency injection, and services. - Components define views using templates, styles, and class logic. They can communicate via inputs and outputs. - Directives add behavior to the existing DOM using selectors like elements, attributes, or classes.

Download as PDF, PPTX
Angular2 Michał PrzyszczypkowskiAngular2 By Michał Przyszczypkowski
Background revolution instead of evolution currently in BETA (since December 2015) release date not yet announced Angular2 By Michał Przyszczypkowski
Typescript Superset of JS (ES6) Compiles to plain JS Supported in all major IDE's
function greet(name: string):string { return "Hello, " + name; } let greeting: string = greet("Mike"); Strongly typed
class Student { public fullname : string; private age: number; private dontKnowWhatWillBeThere:any; constructor(public firstname:string, public lastname:string) { //... } } Classes & interfaces
class Student { public fullname : string; private age: number; private dontKnowWhatWillBeThere:any; constructor(public firstname:string, public lastname:string) { //... } } Classes & interfaces class Student { lastname: string; fullname : string; constructor(firstname:string, lastname:string) { this.firstname = firstname; this.lastname = lastname; } }
interface Person { firstname: string; lastname: string; } Classes & interfaces
interface Person { firstname: string; lastname: string; } Classes & interfaces function greeter(person : Person) { return "Hello, " + person.firstname + " " + person.lastname; } let user: Person = new Student("Mike", "Someone");
interface Person { firstname: string; lastname: string; } Classes & interfaces function greeter(person : Person) { return "Hello, " + person.firstname + " " + person.lastname; } let user: Person = new Student("Mike", "Someone"); let user: Person = {firstname: 'Mike', lastname: 'Snow'}
Annotations / Decorators Decorators are proposed as standard for ES Already implemented in TS
Annotations / Decorators @ExampleAnnotation({ annotationKey: annotationValue }) export class ExampleClass { } Decorators are proposed as standard for ES Already implemented in TS
Annotations / Decorators @ExampleAnnotation({ annotationKey: annotationValue }) export class ExampleClass { } Decorators are proposed as standard for ES Already implemented in TS @AnotherExampleAnnotation({ annotationKey: annotationValue }) doSomething() { //... }
Modules export interface Person { name: string; } export class PeopleService { getPeople(): People[] { return [{name: 'Mike'}]; } } export const value:string = 'Something';
Modules import * as library from "./module"; import { Person, PeopleService } from "./module"; console.log(library.value); let peopleSrv = new PeopleService(); let people: Person[] = peopleSrv.getPeople(); export interface Person { name: string; } export class PeopleService { getPeople(): People[] { return [{name: 'Mike'}]; } } export const value:string = 'Something';
Angular2 App is made of components
Angular2 App is made of components Tree structure
Angular2 App is made of components Tree structure Concepts from AngularJS 1.x no longer relevant
Angular2 App is made of components Tree structure Concepts from AngularJS 1.x no longer relevant $scope, $directive, $controller, $service, $factory - no longer exist
Angular2 There is no $scope.$apply() No need to use $timeout, $interval etc. All events that may lead to bindings changes are patched within library We don't need to handle changes detection anymore
Components @Component({ selector: 'click-me', templateUrl: 'template.html' }) export class ClickMeComponent { private label: string = 'Click there!'; onClickMe(){ alert('Hello.'); } }
Components @Component({ selector: 'click-me', templateUrl: 'template.html' }) export class ClickMeComponent { private label: string = 'Click there!'; onClickMe(){ alert('Hello.'); } } properties methods component config
Components @Component({ selector: 'click-me', templateUrl: 'template.html' }) export class ClickMeComponent { private label: string = 'Click there!'; onClickMe(){ alert('Hello.'); } } <body> <click-me></click-me> </body> properties methods component config
Selectors @Component({ selector: 'click-me' ... }) <click-me></click-me>
Selectors @Component({ selector: 'click-me' ... }) <click-me></click-me> @Component({ selector: '[click-me]' ... }) <div click-me=""></div>
Inputs @Component({ selector: 'click-me', templateUrl: 'template.html', inputs: ['message'] }) export class ClickMeComponent { private message: string; onClickMe(){ alert(this.message); } }
Inputs @Component({ selector: 'click-me', templateUrl: 'template.html', inputs: ['message'] }) export class ClickMeComponent { private message: string; onClickMe(){ alert(this.message); } } <click-me message="Peekaboo"></click-me>
Outputs @Component({ selector: 'click-me', templateUrl: 'template.html', outputs: ['onClicked'] }) export class ClickMeComponent { private onClicked: EventEmitter<string> = new EventEmitter<string>(); onClickMe(){ this.onClicked.emit("Hello"); } }
Outputs @Component({ selector: 'click-me', templateUrl: 'template.html', outputs: ['onClicked'] }) export class ClickMeComponent { private onClicked: EventEmitter<string> = new EventEmitter<string>(); onClickMe(){ this.onClicked.emit("Hello"); } } <body> <click-me (onClicked)="doSomething($event)"></click-me> </body>
Styles @Component({ selector: 'click-me', templateUrl: 'template.html', styles: [`.click-btn { color: red; }`] }) export class ClickMeComponent { ... }
Styles @Component({ selector: 'click-me', templateUrl: 'template.html', styles: [`.click-btn { color: red; }`] }) export class ClickMeComponent { ... } @Component({ selector: 'click-me', templateUrl: 'template.html', styles: [`.click-btn { color: red; }`], encapsulation: ViewEncapsulation.None // Native / Emulated }) export class ClickMeComponent { ... }
Directives @Directive({ selector: '[click-me]', styles: [`.click-btn { color: red; }`] }) export class ClickMeDirective { ... }
Template language @Component({ selector: 'click-me', templateUrl: 'template.html' }) export class ClickMeComponent { private label: string = 'Click there!'; onClickMe(){ alert('Hello.'); } }
Template language @Component({ selector: 'click-me', templateUrl: 'template.html' }) export class ClickMeComponent { private label: string = 'Click there!'; onClickMe(){ alert('Hello.'); } } <button (click)="onClickMe()">{{ label }}</button>
Template language <click-me message="Peekaboo"></click-me>
Template language <click-me message="Peekaboo"></click-me> <click-me [message]="peekabooVariable"></click-me>
Template language <click-me message="Peekaboo"></click-me> <click-me [message]="peekabooVariable"></click-me> <click-me [message]="peekabooVariable" (onClicked)="doSth($event)"></click-me>
Structural directives <span *ngFor="#item of items"> {{ item.name }} </span>
Structural directives <span *ngFor="#item of items; #index = index"> item no {{ index }} </span> <span *ngFor="#item of items"> {{ item.name }} </span>
Structural directives <span *ngFor="#item of items; #index = index"> item no {{ index }} </span> <span *ngFor="#item of items"> {{ item.name }} </span> explicit declaration
Structural directives <span *ngFor="#item of items; #index = index"> item no {{ index }} </span> <span *ngFor="#item of items"> {{ item.name }} </span> <span *ngIf="isVisible"> conditional item </span> explicit declaration
Build-in directives <span [class.blue]="isBlue"> TEXT </span>
Build-in directives <span [class.blue]="isBlue"> TEXT </span> <span [style.backgroundColor]="colorVariable"> TEXT </span>
Build-in directives <span [class.blue]="isBlue"> TEXT </span> <span [style.backgroundColor]="colorVariable"> TEXT </span> <span [style.display]="isHidden ? 'none' : 'block'"> TEXT </span>
Build-in directives <span [class.blue]="isBlue"> TEXT </span> <span [style.backgroundColor]="colorVariable"> TEXT </span> <span [hidden]="isHidden"> TEXT </span> <span [style.display]="isHidden ? 'none' : 'block'"> TEXT </span>
Build-in directives <span [class.blue]="isBlue"> TEXT </span> <span [style.backgroundColor]="colorVariable"> TEXT </span> <span [hidden]="isHidden"> TEXT </span> <span (click)="onClick()" (mouseenter)="onMouseEnter()"> TEXT </span> <span [style.display]="isHidden ? 'none' : 'block'"> TEXT </span>
Transclusion <example-component> <h1>Inner title</h1> <span>Inner text</span> </example-component>
Transclusion <div class="example-component-template"> <h1>Outer title</h1> <ng-content></ng-content> </div> <example-component> <h1>Inner title</h1> <span>Inner text</span> </example-component> content will go there
Transclusion <div class="example-component-template"> <h1>Outer title</h1> <ng-content></ng-content> </div> <example-component> <h1>Inner title</h1> <span>Inner text</span> </example-component> <div class="example-component-template"> <h1>Outer title</h1> <h1>Inner title</h1> <span>Inner text</span> </div> content will go there
Services class ItemsRepository { private items: Product[]; getItems(): Products[] { return this.items; } }
class ItemsRepository { private items: Product[]; getItems(): Products[] { return this.items; } } import {ItemsRepository} from '../itemsRepo' @Component({ selector: 'click-me', templateUrl: 'template.html', providers: [ItemsRepository] }) export class ItemList { private items: Product[]; constructor(repo: ItemsRepository) { this.items = repo.getItems(); } } Dependency Injection
class ItemsRepository { private items: Product[]; getItems(): Products[] { return this.items; } } import {ItemsRepository} from '../itemsRepo' @Component({ selector: 'click-me', templateUrl: 'template.html', providers: [ItemsRepository] }) export class ItemList { private items: Product[]; constructor(repo: ItemsRepository) { this.items = repo.getItems(); } } Dependency Injection first import
class ItemsRepository { private items: Product[]; getItems(): Products[] { return this.items; } } import {ItemsRepository} from '../itemsRepo' @Component({ selector: 'click-me', templateUrl: 'template.html', providers: [ItemsRepository] }) export class ItemList { private items: Product[]; constructor(repo: ItemsRepository) { this.items = repo.getItems(); } } Dependency Injection first import set as provider
class ItemsRepository { private items: Product[]; getItems(): Products[] { return this.items; } } import {ItemsRepository} from '../itemsRepo' @Component({ selector: 'click-me', templateUrl: 'template.html', providers: [ItemsRepository] }) export class ItemList { private items: Product[]; constructor(repo: ItemsRepository) { this.items = repo.getItems(); } } Dependency Injection first import set as provider inject in constructor
App ItemsEdition ItemsList C D E Providers visibility
App ItemsEdition ItemsList C D E providers: [ItemsRepository] Providers visibility
App ItemsEdition ItemsList C D E providers: [ItemsRepository] Whole app share the same instance of ItemsRepository service Providers visibility
App ItemsEdition ItemsList C D E
App ItemsEdition ItemsList C D E providers: [ItemsRepository] providers: [ItemsRepository]
App ItemsEdition ItemsList C D E providers: [ItemsRepository] providers: [ItemsRepository] Each subtree has its own instance of service.
class Api { loadItems(): Products[] { return this.items; } } DI between services import {Api} from "./api"; @Injectable() class ItemsRepository { constructor(private api:Api) { } getItems(): Products[] { this.api.loadItems(); } }
Mocking providers import {FakeItemsRepository} from '../fakeItemsRepo' @Component({ selector: 'click-me', templateUrl: 'template.html', providers: [ provide(ItemsRepository, {useClass: FakeItemsRepository}) ] }) export class ItemList { // ... }
Mocking providers import {FakeItemsRepository} from '../fakeItemsRepo' @Component({ selector: 'click-me', templateUrl: 'template.html', providers: [ provide(ItemsRepository, {useClass: FakeItemsRepository}) ] }) export class ItemList { // ... } use custom provider
Routing
Routing routes point to components
Routing routes point to components @RouteConfig([ {path: '/', component: Home, as: 'Home'}, {path: '/list', component: Items, as: 'List'} ]} @Component({..}) class ...
Routing routes point to components @RouteConfig([ {path: '/', component: Home, as: 'Home'}, {path: '/list', component: Items, as: 'List'} ]} @Component({..}) class ... <router-outlet></router-outlet>
Routing parameters @RouteConfig([ {path: '/item/:id', component: Item, as: 'Item'} ]}
Routing parameters @RouteConfig([ {path: '/item/:id', component: Item, as: 'Item'} ]} constructor(params:RouteParams) { let routeParamValue:string = params.get('id'); }
Nested routes
Nested routes
Nested routes <router-outlet>
Nested routes <router-outlet>
Nested routes <router-outlet> <router-outlet>
Nested routes <router-outlet> <router-outlet> <router-outlet>
Nested routes @RouteConfig([ {path: '/home', component: Home, as: 'Home'}, {path: '/items/...', component: Items, as: 'List'} ]} @Component({..}) class ... <router-outlet></router-outlet>
Nested routes @RouteConfig([ {path: '/home', component: Home, as: 'Home'}, {path: '/items/...', component: Items, as: 'List'} ]} @Component({..}) class ... <router-outlet></router-outlet> @RouteConfig([ {path: '/add', component: AddItem, as: 'Add'}, {path: '/edit/:id', component: EditItem, as: 'Edit'} ]} @Component({..}) class ... <router-outlet></router-outlet>
Nested routes /home /items/add /items/edit/1 Home Items ItemsAddItem EditItem
Navigation <a [routerLink]="['Home']">Home</a>
Navigation <a [routerLink]="['Home']">Home</a> let router:Router; router.navigate(['Home']);
Navigation <a [routerLink]="['Home']">Home</a> let router:Router; router.navigate(['Home']); <a [routerLink]="['Items', 'Add']">Home</a>
Navigation <a [routerLink]="['Home']">Home</a> let router:Router; router.navigate(['Home']); <a [routerLink]="['Items', 'Add']">Home</a> <a [routerLink]="['Items', 'Edit', {id: 99}]">Home</a>
Navigation <a [routerLink]="['Home']">Home</a> let router:Router; router.navigate(['Home']); <a [routerLink]="['Items', 'Add']">Home</a> <a [routerLink]="['Items', 'Edit', {id: 99}]">Home</a> <a [routerLink]="['Item', {id:99}, 'Edit']">Home</a> /item/:id/edit
Lifecycle hooks
Lifecycle hooks @Component({...}) export class ComponentClass implements OnInit, OnDestroy { ngOnInit():any { ... } ngOnDestroy():any { ... } } How to hook?
Component lifecycle hooks OnInit OnDestroy DoCheck OnChanges AfterContentInit AfterContentChecked AfterViewInit AfterViewChecked
Router lifecycle hooks CanActivate OnActivate CanDeactivate OnDeactivate OnReuse
https://angular.io/docs/ts/latest/guide/ http://blog.thoughtram.io/ Resources
Thank you. Questions?

More Related Content

PDF
Angular2 workshop
byNir Kaufman
 
PDF
Angular2 with TypeScript
byRohit Bishnoi
 
PDF
Commit University - Exploring Angular 2
byCommit University
 
PDF
Angular2 - In Action
bySebastian Pożoga
 
PDF
Angular 2 - The Next Framework
byCommit University
 
PDF
Data Flow Patterns in Angular 2 - Sebastian Müller
bySebastian Holstein
 
PPTX
Angular js 2
byRan Wahle
 
PPTX
Angular2 + rxjs
byChristoffer Noring
 
Angular2 workshop
byNir Kaufman
 
Angular2 with TypeScript
byRohit Bishnoi
 
Commit University - Exploring Angular 2
byCommit University
 
Angular2 - In Action
bySebastian Pożoga
 
Angular 2 - The Next Framework
byCommit University
 
Data Flow Patterns in Angular 2 - Sebastian Müller
bySebastian Holstein
 
Angular js 2
byRan Wahle
 
Angular2 + rxjs
byChristoffer Noring
 

What's hot

PDF
How Angular2 Can Improve Your AngularJS Apps Today!
byNir Kaufman
 
PDF
The productive developer guide to Angular 2
byMaurice De Beijer [MVP]
 
PPTX
Migrating an application from Angular 1 to Angular 2
byRoss Dederer
 
PDF
Introduction to Angular 2
byNaveen Pete
 
PDF
Understanding Angular 2 - Shmuela Jacobs - Codemotion Milan 2016
byCodemotion
 
PPTX
Introduction to Angular2
byIvan Matiishyn
 
PDF
Angular 2 Crash Course
byElisha Kramer
 
ODP
Introduction to Angular 2
byKnoldus Inc.
 
PDF
Exploring Angular 2 - Episode 2
byAhmed Moawad
 
PPTX
Async patterns in javascript
byRan Wahle
 
PDF
Boosting Angular runtime performance
byNir Kaufman
 
PDF
Migrating to Angular 2
byFITC
 
PDF
Angular Weekend
byTroy Miles
 
PDF
Building Universal Applications with Angular 2
byMinko Gechev
 
PPTX
Angular2 for Beginners
byOswald Campesato
 
PPTX
Peggy angular 2 in meteor
byLearningTech
 
PDF
Angular2
byGabi Costel Lapusneanu
 
PDF
Angular2 with type script
byRavi Mone
 
PDF
Angular Dependency Injection
byNir Kaufman
 
PDF
The evolution of Angular 2 @ AngularJS Munich Meetup #5
byJohannes Weber
 
How Angular2 Can Improve Your AngularJS Apps Today!
byNir Kaufman
 
The productive developer guide to Angular 2
byMaurice De Beijer [MVP]
 
Migrating an application from Angular 1 to Angular 2
byRoss Dederer
 
Introduction to Angular 2
byNaveen Pete
 
Understanding Angular 2 - Shmuela Jacobs - Codemotion Milan 2016
byCodemotion
 
Introduction to Angular2
byIvan Matiishyn
 
Angular 2 Crash Course
byElisha Kramer
 
Introduction to Angular 2
byKnoldus Inc.
 
Exploring Angular 2 - Episode 2
byAhmed Moawad
 
Async patterns in javascript
byRan Wahle
 
Boosting Angular runtime performance
byNir Kaufman
 
Migrating to Angular 2
byFITC
 
Angular Weekend
byTroy Miles
 
Building Universal Applications with Angular 2
byMinko Gechev
 
Angular2 for Beginners
byOswald Campesato
 
Peggy angular 2 in meteor
byLearningTech
 
Angular2
byGabi Costel Lapusneanu
 
Angular2 with type script
byRavi Mone
 
Angular Dependency Injection
byNir Kaufman
 
The evolution of Angular 2 @ AngularJS Munich Meetup #5
byJohannes Weber
 

Similar to An introduction to Angular2

PDF
Паразитируем на React-экосистеме (Angular 4+) / Алексей Охрименко (IPONWEB)
byOntico
 
PDF
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
byJeado Ko
 
PDF
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
byWebFrameworks
 
PDF
준비하세요 Angular js 2.0
byJeado Ko
 
PDF
Hidden Docs in Angular
byYadong Xie
 
PPTX
2 years of angular: lessons learned
byDirk Luijk
 
PDF
Enhancing Productivity and Insight A Tour of JDK Tools Progress Beyond Java 17
byAna-Maria Mihalceanu
 
PDF
Angular2 Development for Java developers
byYakov Fain
 
PDF
XebiConFr 15 - Brace yourselves Angular 2 is coming
byPublicis Sapient Engineering
 
PDF
Exploring Angular 2 - Episode 1
byAhmed Moawad
 
ODP
To inject or not to inject: CDI is the question
byAntonio Goncalves
 
PDF
angular fundamentals.pdf angular fundamentals.pdf
byNuttavutThongjor1
 
PPTX
SenchaCon 2016: Want to Use Ext JS Components with Angular 2? Here’s How to I...
bySencha
 
PDF
How to Mess Up Your Angular UI Components
bycagataycivici
 
PDF
Implicit parameters, when to use them (or not)!
byJulien Truffaut
 
PDF
It's complicated, but it doesn't have to be: a Dagger journey
byThiago “Fred” Porciúncula
 
PDF
Angular js 2.0, ng poznań 20.11
byKamil Augustynowicz
 
PDF
Angular 2 introduction
byChristoffer Noring
 
PDF
React: JSX and Top Level API
byFabio Biondi
 
PDF
Stencil the time for vanilla web components has arrived
byGil Fink
 
Паразитируем на React-экосистеме (Angular 4+) / Алексей Охрименко (IPONWEB)
byOntico
 
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
byJeado Ko
 
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
byWebFrameworks
 
준비하세요 Angular js 2.0
byJeado Ko
 
Hidden Docs in Angular
byYadong Xie
 
2 years of angular: lessons learned
byDirk Luijk
 
Enhancing Productivity and Insight A Tour of JDK Tools Progress Beyond Java 17
byAna-Maria Mihalceanu
 
Angular2 Development for Java developers
byYakov Fain
 
XebiConFr 15 - Brace yourselves Angular 2 is coming
byPublicis Sapient Engineering
 
Exploring Angular 2 - Episode 1
byAhmed Moawad
 
To inject or not to inject: CDI is the question
byAntonio Goncalves
 
angular fundamentals.pdf angular fundamentals.pdf
byNuttavutThongjor1
 
SenchaCon 2016: Want to Use Ext JS Components with Angular 2? Here’s How to I...
bySencha
 
How to Mess Up Your Angular UI Components
bycagataycivici
 
Implicit parameters, when to use them (or not)!
byJulien Truffaut
 
It's complicated, but it doesn't have to be: a Dagger journey
byThiago “Fred” Porciúncula
 
Angular js 2.0, ng poznań 20.11
byKamil Augustynowicz
 
Angular 2 introduction
byChristoffer Noring
 
React: JSX and Top Level API
byFabio Biondi
 
Stencil the time for vanilla web components has arrived
byGil Fink
 

More from Apptension

PDF
Configuring Django projects for multiple environments
byApptension
 
PDF
White Space
byApptension
 
PPTX
Team Happiness - O szczęściu w zespole
byApptension
 
PPTX
D3.js - A picture is worth a thousand words
byApptension
 
PDF
Universal Javascript in React
byApptension
 
PDF
Testerzy na orbicie
byApptension
 
PDF
AngularJS - podstawy
byApptension
 
Configuring Django projects for multiple environments
byApptension
 
White Space
byApptension
 
Team Happiness - O szczęściu w zespole
byApptension
 
D3.js - A picture is worth a thousand words
byApptension
 
Universal Javascript in React
byApptension
 
Testerzy na orbicie
byApptension
 
AngularJS - podstawy
byApptension
 

Recently uploaded

PDF
A business case for open source: From lock-in to value.pdf
byMindtrek
 
PDF
The Role of Human Experiences (HX) in GenAI Adoption
byDr. Tathagat Varma
 
PDF
Starting a Customer Education Program: Taking Your Training to Them
byRustici Software
 
PDF
Supercharge your JVM performance with Project Leyden and Spring Boot
byAmmbra
 
PDF
Artificial Intelligence and YOU - Thinking Thoughtfully about AI
byMicah Melling
 
PDF
Comprehensive Analysis of OpenAI's Strategic Transformation at DevDay 2025.pdf
byAlex Doan
 
PDF
Writing GPU-Ready AI Models in Pure Java with Babylon
byAna-Maria Mihalceanu
 
PDF
CIDT: Blockchain, DeFi & Product Engineering - MVPs in 4 Weeks with a Senior-...
byTetianaBuchynska1
 
PDF
“Multimodal Enterprise-scale Applications in the Generative AI Era,” a Presen...
byEdge AI and Vision Alliance
 
PDF
What Are AI Agentic Workflows? Unlock the Power of AI Agents in 2025!
byTeleglobal International
 
PDF
Readying Enterprise Networks for Artificial Intelligence
byEnterprise Management Associates
 
PPTX
Building Europe with Open LLMs - Manu Setälä.pptx
byMindtrek
 
PDF
A SEA of Energy Efficiency Opportunities!
byMemoori
 
PPTX
⚡Level Up Your Slack Game: Workflows & Conditional Branching🎉
bySanjeetMishra29
 
PDF
Demystifying LLMs- How to Use GenAI Effectively.pdf
byAiko Klostermann
 
PDF
Phishing for Answers: A Tech Filler Quiz.pdf
byConquiztadors- the Quiz Society of Sri Venkateswara College
 
PDF
How to get started with Agentic Automation
byUiPathCommunity
 
PDF
Certified Kubernetes Security Specialist (CKS): Unit 5
byVICTOR MAESTRE RAMIREZ
 
PPTX
TechVerse Kent (Combining Tech, AI, Innovation and Creativity)
byKritarthDevli
 
PPTX
Lightning_talk_Mojo comparision of python vs mojo performance
byAbhijeet Mote
 
A business case for open source: From lock-in to value.pdf
byMindtrek
 
The Role of Human Experiences (HX) in GenAI Adoption
byDr. Tathagat Varma
 
Starting a Customer Education Program: Taking Your Training to Them
byRustici Software
 
Supercharge your JVM performance with Project Leyden and Spring Boot
byAmmbra
 
Artificial Intelligence and YOU - Thinking Thoughtfully about AI
byMicah Melling
 
Comprehensive Analysis of OpenAI's Strategic Transformation at DevDay 2025.pdf
byAlex Doan
 
Writing GPU-Ready AI Models in Pure Java with Babylon
byAna-Maria Mihalceanu
 
CIDT: Blockchain, DeFi & Product Engineering - MVPs in 4 Weeks with a Senior-...
byTetianaBuchynska1
 
“Multimodal Enterprise-scale Applications in the Generative AI Era,” a Presen...
byEdge AI and Vision Alliance
 
What Are AI Agentic Workflows? Unlock the Power of AI Agents in 2025!
byTeleglobal International
 
Readying Enterprise Networks for Artificial Intelligence
byEnterprise Management Associates
 
Building Europe with Open LLMs - Manu Setälä.pptx
byMindtrek
 
A SEA of Energy Efficiency Opportunities!
byMemoori
 
⚡Level Up Your Slack Game: Workflows & Conditional Branching🎉
bySanjeetMishra29
 
Demystifying LLMs- How to Use GenAI Effectively.pdf
byAiko Klostermann
 
Phishing for Answers: A Tech Filler Quiz.pdf
byConquiztadors- the Quiz Society of Sri Venkateswara College
 
How to get started with Agentic Automation
byUiPathCommunity
 
Certified Kubernetes Security Specialist (CKS): Unit 5
byVICTOR MAESTRE RAMIREZ
 
TechVerse Kent (Combining Tech, AI, Innovation and Creativity)
byKritarthDevli
 
Lightning_talk_Mojo comparision of python vs mojo performance
byAbhijeet Mote
 

An introduction to Angular2