Typescript 102 angular and type script
Download as pptx, pdf0 likes3,193 views
The document outlines a presentation on utilizing TypeScript with AngularJS, covering essential topics such as widget creation, modules, services, and the integration of TypeScript into ASP.NET MVC applications. It provides setup instructions for Visual Studio Code and Visual Studio, along with best practices for implementing efficient and modern web widgets. Additional resources and sample code links are included for further exploration and learning.
1 of 17
Download to read offline
![JavaScript Library allows you to run multiple Angular* apps on a page …
<div> <!-- ng-app=“HelloApp” -->
<div ng-controller="main as vm">
<h1>Hello{{vm.space()}}{{vm.name}}!</h1>
Who should I say hello to?
<input type="text" ng-model="vm.name" />
</div>
<!-- Widget Wrangler loads scripts and boots the app -->
<script type="text/javascript" src="pnp-ww.js“
ww-appName="HelloApp“
ww-appType="Angular“
ww-appScripts='[{"src": “~/angular.min.js", "priority":0},
{"src": “~/script.js", "priority":1}]'>
</script>
</div>
Widget Wrangler
* Also works with any JavaScript framework – or none at all](https://image.slidesharecdn.com/typescript102-angularandtypescript-160405024331/85/Typescript-102-angular-and-type-script-9-320.jpg)
Ad
Recommended
Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio CodeJared Matfess The document is a presentation by Jared Matfess, a solution architect at Slalom Consulting, focusing on modern SharePoint development using various tools such as Node, Bower, and Yeoman. It includes links to resources, blogs, and courses related to SharePoint and relevant technologies. The content appears to be aimed at developers looking to enhance their SharePoint development skills.
Introduction to xamarin
Introduction to xamarinNicolò Carandini This document discusses Xamarin and cross-platform mobile app development. It highlights that Xamarin allows sharing of C# code across platforms while still providing native UI and full access to APIs. Developers can use C# and Visual Studio to write one codebase that targets iOS, Android and Windows Phone from a single shared codebase. Xamarin compiles to native ARM code for iOS and uses JIT for Android.
Xamarin.Forms
Xamarin.FormsNicolò Carandini XamarinDevDays covered the traditional Xamarin approach and benefits of using Xamarin.Forms for cross-platform mobile app development. With Xamarin.Forms, developers can share common UI code and a C# backend across iOS, Android and UWP apps while still delivering fully native experiences. Xamarin.Forms provides over 40 pages, layouts and controls that can be used to build user interfaces either from code behind or using XAML markup. It also supports data binding, navigation, animation and other features out of the box.
Xamarin microsoft graph
Xamarin microsoft graphNicolò Carandini The document discusses Microsoft Graph API and how it provides a unified API for accessing Microsoft cloud services like OneDrive, Office 365, and Azure Active Directory. Some key points:
- Microsoft Graph provides a single endpoint (graph.microsoft.com) for accessing multiple Microsoft services, replacing separate APIs for different services.
- It allows traversing relationships between data, accessing insights, and works for both work/school and personal accounts.
- Usage has grown significantly with over 420% monthly growth in API calls.
- The document outlines some of the services that can be accessed via Microsoft Graph like users, files, mail, calendar, groups, as well as capabilities for building apps using the Graph.
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentSoftware Infrastructure This document discusses cross-platform mobile application development. It covers native, web, and hybrid approaches. Native apps are developed for specific platforms using languages like Java and Objective-C. Web apps use HTML5, CSS, and JavaScript and can be accessed via a browser. Hybrid apps combine web technologies with native features using frameworks like NativeScript, React Native, and Xamarin. These frameworks allow building native mobile apps with shared codebases across platforms.
Azure mobile services
Azure mobile servicesNicolò Carandini This document discusses mobile app development and backend services. It notes that the average user has 36 apps installed but only uses 1/4 daily. It also discusses that apps often have poor experiences like being slow, crashing, or lacking features. The document then introduces platform as a service (PAAS) options for mobile backends like Azure Mobile Apps. Key features of Azure Mobile Apps are highlighted, including easy APIs, tables, offline sync, authentication, push notifications, and file sync. The document encourages adding a backend to apps for better experiences.
.Net Dev Summit 2020 - What's new and next for Xamarin developers
.Net Dev Summit 2020 - What's new and next for Xamarin developersJames Montemagno The document discusses the features and enhancements of Xamarin, a platform for building native apps using C# and .NET. It highlights improvements such as faster build and deploy cycles, enhanced UI components, and cross-platform functionality with integration for iOS and Android. Additionally, it details the transition towards .NET MAUI, which aims to provide a unified platform for building applications across devices and services.
Xamarin DevOps
Xamarin DevOpsNicolò Carandini This document discusses how mobile development has become more complex with a growing number of devices, operating systems, and form factors that apps must support. It promotes tools from Visual Studio and Xamarin that are meant to help streamline the mobile app development lifecycle from design to testing to monitoring apps in production. These tools include visual designers, emulators, testing tools, and the Visual Studio Mobile Center for continuous integration, delivery, and monitoring of mobile apps across platforms.
Ionic
IonicBalajiBas1 Ionic is an open-source SDK for building hybrid mobile apps using web technologies like HTML, CSS and JavaScript. Hybrid apps have the native features and performance of apps built for iOS and Android, but can be written once and deployed across platforms. Ionic makes it easy to create high quality hybrid apps that work on any device. Developers need to install Node.js, Ionic, and a code editor like Visual Studio Code to begin building an Ionic app using Angular or other frameworks. The app can be published using Cordova or Capacitor.
Building Desktop RIAs with PHP, HTML & Javascript in AIR
Building Desktop RIAs with PHP, HTML & Javascript in AIRfunkatron This document discusses building desktop applications with Adobe AIR using web technologies like PHP, HTML, and JavaScript. It provides an overview of AIR and its architecture, which allows building desktop apps using these web technologies. It also discusses using JavaScript in AIR applications and some JavaScript frameworks that work well, with an emphasis on jQuery. It then discusses using PHP as the server-side language to work with AIR applications, providing some examples of using PHP and JSON for asynchronous calls and file uploading.
Building Mobile Cross-Platform Apps with the Cloud and Push Notifications
Building Mobile Cross-Platform Apps with the Cloud and Push NotificationsNick Landry The document outlines a presentation on cloud hosting and mobile application development using Microsoft Azure, detailing various services like push notifications and data storage options. It includes technical information about REST APIs, development frameworks, and examples of communication protocols for iOS and Android. Additionally, it provides links to resources, demos, and further information for developers.
Xamarin
XamarinSoftware Infrastructure The document discusses developing cross-platform mobile applications using Xamarin. It introduces Xamarin, which allows developers to build native iOS and Android apps using C# and .NET. It highlights that Xamarin apps look and feel native while sharing code across platforms. The document also covers architecting mobile apps with Xamarin, using Xamarin.Forms to build user interfaces with shared code, and includes a demo section.
Introduction to Mobile Development with Xamarin -DotNet Westide
Introduction to Mobile Development with Xamarin -DotNet WestideJames Montemagno The document introduces Xamarin, an open-source app platform by Microsoft for building modern applications on various operating systems using .NET. It emphasizes the benefits of code reuse and native performance, highlighting Xamarin Essentials and Xamarin Forms for cross-platform app development. Additionally, it outlines integrations with Azure services and the tools available for developers to enhance their app-building experience.
Native App Development for iOS, Android, and Windows with Visual Studio
Native App Development for iOS, Android, and Windows with Visual StudioXamarin The document discusses native app development for iOS, Android, and Windows using Visual Studio, focusing on the benefits of Portable Class Libraries (PCLs) for centralized code sharing across multiple platforms. It highlights the capabilities of PCLs such as project sharing and compatibility with various Microsoft NuGet libraries. Resources and demos are provided for further exploration of PCLs and development tools.
Hybrid Mobile App Development - Xamarin
Hybrid Mobile App Development - XamarinDeepu S Nath The document provides an introduction to mobile development using Xamarin, emphasizing its approach of 'write once, run anywhere' and the benefits of using C# and .NET for cross-platform compatibility. It details Xamarin's history, features like native performance, full API coverage, and the ability to share up to 90% of code across different platforms. Additionally, it discusses the development environment, tools, and resources available for developers utilizing Xamarin for mobile app creation.
Introduction to xamarin
Introduction to xamarinPrabhat gangwar Xamarin enables developers to write mobile apps using C# and share code across platforms like iOS and Android. Developers can build native user interfaces and take advantage of native performance on each device, while sharing up to 90% of their code. This hybrid approach allows building apps for over 2.5 billion devices using C# and the .NET framework in Visual Studio. Key benefits include writing everything in C#, 100% API coverage on all platforms, and always being up to date with the latest APIs.
What's New in Xamarin? - Santo Domingo
What's New in Xamarin? - Santo DomingoJames Montemagno This document contains information about various Xamarin podcasts and resources for building cross-platform mobile apps with Xamarin. It lists podcasts such as the Weekly Development Podcast and Weekly Xamarin Podcast. It also describes how Xamarin allows building native iOS, Android and UWP apps using C# and Xamarin.Forms for shared cross-platform UI and logic. Xamarin.Essentials is introduced as a library for common mobile features like geolocation, preferences and device info. Links are provided to Xamarin documentation sites.
Cross platform mobile web apps
Cross platform mobile web appsJames Pearce The document discusses the state of cross-platform mobile web apps. It notes that while HTML5 provides many capabilities of native mobile apps, developing cross-platform web apps remains challenging due to differences in browser platforms and a lack of universal support for HTML5 features. Hybrid mobile apps that use a native wrapper and HTML5 for app logic offer greater access to device functionality but still must target multiple platforms. Ultimately, no solution provides the same level of "nativeness" as truly native mobile apps.
Ionic framework
Ionic frameworkSoftware Infrastructure The document discusses hybrid mobile app development using the Ionic framework. It introduces Ionic and some popular hybrid frameworks, describes how to set up Ionic with Node.js, Cordova, and other tools, and covers creating and running Ionic apps. The document also mentions using Ionic Creator and discusses questions about Ionic and hybrid app development.
Amir Zuker: Building web apps with web assembly and blazor - Architecture Nex...
Amir Zuker: Building web apps with web assembly and blazor - Architecture Nex...CodeValue The document discusses the use of WebAssembly (Wasm) and Blazor for building web applications, highlighting their potential for portability, performance, and language interoperability. It outlines key features and benefits of both technologies, detailing how Blazor allows developers to build rich web applications using .NET, C#, and Razor, while seamlessly integrating with existing JavaScript libraries. Additionally, it touches on future enhancements and use cases for developers considering these frameworks.
Xamarin University Presents: Building Your First Intelligent App with Xamarin...
Xamarin University Presents: Building Your First Intelligent App with Xamarin...Xamarin René Ruppert, a senior content developer at Microsoft, discusses the role of Xamarin University in providing expert-led online classes and personalized content for cooks using Azure Machine Learning. The emphasis is on optimizing content delivery for mobile devices to enhance user engagement. The overarching goal is to empower users with tools and knowledge to pursue their cooking passions.
Native i os, android, and windows development in c# with xamarin 4
Native i os, android, and windows development in c# with xamarin 4Xamarin The document outlines Xamarin's mobile app development solutions, showcasing features like a shared C# codebase and native API access for iOS and Android. It highlights Xamarin.Forms, which enhances code sharing and includes a variety of controls and UI components for streamlined development. Additionally, it mentions the integration of Xamarin with Visual Studio and training resources available for developers.
Visual Studio Toolbox - Introduction To Xamarin.Forms
Visual Studio Toolbox - Introduction To Xamarin.FormsJames Montemagno The document outlines the capabilities of Xamarin.Forms for developing mobile applications on iOS, Android, and Windows Phone using C# and XAML. It highlights features such as native controls, two-way data binding, and a variety of layouts and controls, providing resources for learning and support. Additionally, it mentions training opportunities and links to documentation and sample projects.
Introduction to CocosSharp
Introduction to CocosSharpJames Montemagno The document outlines a presentation by James Montemagno, a developer evangelist at Xamarin, on building games using CocosSharp, a C# port of the Cocos2D game engine. It discusses key concepts such as the scene hierarchy, application lifecycle, and various components within the CocosSharp framework. Montemagno also provides resources and samples for getting started with game development using this technology.
Xamarin Forms
Xamarin FormsRui Marinho XamarinDevDays covered the traditional Xamarin approach of writing separate UI code for each platform versus using Xamarin.Forms which allows for more code sharing with a single shared UI code and backend. Xamarin.Forms was discussed in depth including over 40 pages, layouts and controls that are built from code behind or XAML, two-way data binding, navigation, animation API and more. Examples were provided of XAML code for a tabbed page app with login functionality to demonstrate how Xamarin.Forms can be used to build full apps with shared UI and backend code across platforms.
Hybrid Apps with Angular & Ionic Framework
Hybrid Apps with Angular & Ionic FrameworkCihad Horuzoğlu This document discusses hybrid mobile apps that can be built using Angular and the Ionic framework. Hybrid apps allow developers to build apps that can run on multiple platforms using web technologies like HTML, CSS, and JavaScript. The Ionic framework builds on Apache Cordova to provide access to native device capabilities and solve issues with supporting multiple screen resolutions. Developers can use Angular for features like data binding and services, and Ionic adds capabilities specific to building mobile apps like routing and UI components optimized for touch. The document provides instructions for setting up Ionic and Cordova and creating a basic sidemenu template project to get started developing hybrid mobile apps.
Highlights from the Xamarin Evolve 2016 conference
Highlights from the Xamarin Evolve 2016 conferenceChristopher Miller The document outlines key highlights from the Evolve 2016 conference, focusing on Xamarin's transition to open-source under Microsoft and the integration of .NET into Mono. It details updates on the Xamarin SDKs, new features in Xamarin Studio, improvements in Xamarin.iOS and Xamarin.Android, and the introduction of Xamarin Forms enhancements. Additionally, it emphasizes the expanded resources available through Xamarin University and various new tools and functionalities introduced during the conference.
Js frameworks
Js frameworksParagKhalas This document discusses and compares popular JavaScript frameworks including React, Angular, Vue, and Node.js. It provides brief descriptions of each framework, highlighting what they are used for and some top brands that use each one. React is a library for building user interfaces, Angular is a full-stack framework created by Google, Vue is an open-source framework for building interfaces, and Node.js is a runtime environment that executes JavaScript outside browsers.
Typescript 101 introduction
Typescript 101 introductionBob German This document provides an introduction and overview of TypeScript. It discusses why to use TypeScript, including benefits like static type checking, IntelliSense, and class structures familiar to .NET programmers. It also outlines the development environment setup steps for using TypeScript in VS Code or Visual Studio. The agenda includes demos of TypeScript basics, classes, and using external libraries. It recommends resources for learning TypeScript further like the TypeScript playground.
Why learn french
Why learn frenchifinde This document provides 10 reasons to learn French, including that it is spoken by over 200 million people globally and is an official or administrative language in over 30 countries. Some key benefits highlighted are the opportunities to study abroad in France, the third most popular destination for international students, as well as career advantages in fields like tourism, hospitality, and aviation. French culture, from literature and film to art and food, is also discussed. The document concludes by noting resources available in India for learning French, such as the Institut Français and Alliance Française language centers.
More Related Content
What's hot (20)
Ionic
IonicBalajiBas1 Ionic is an open-source SDK for building hybrid mobile apps using web technologies like HTML, CSS and JavaScript. Hybrid apps have the native features and performance of apps built for iOS and Android, but can be written once and deployed across platforms. Ionic makes it easy to create high quality hybrid apps that work on any device. Developers need to install Node.js, Ionic, and a code editor like Visual Studio Code to begin building an Ionic app using Angular or other frameworks. The app can be published using Cordova or Capacitor.
Building Desktop RIAs with PHP, HTML & Javascript in AIR
Building Desktop RIAs with PHP, HTML & Javascript in AIRfunkatron This document discusses building desktop applications with Adobe AIR using web technologies like PHP, HTML, and JavaScript. It provides an overview of AIR and its architecture, which allows building desktop apps using these web technologies. It also discusses using JavaScript in AIR applications and some JavaScript frameworks that work well, with an emphasis on jQuery. It then discusses using PHP as the server-side language to work with AIR applications, providing some examples of using PHP and JSON for asynchronous calls and file uploading.
Building Mobile Cross-Platform Apps with the Cloud and Push Notifications
Building Mobile Cross-Platform Apps with the Cloud and Push NotificationsNick Landry The document outlines a presentation on cloud hosting and mobile application development using Microsoft Azure, detailing various services like push notifications and data storage options. It includes technical information about REST APIs, development frameworks, and examples of communication protocols for iOS and Android. Additionally, it provides links to resources, demos, and further information for developers.
Xamarin
XamarinSoftware Infrastructure The document discusses developing cross-platform mobile applications using Xamarin. It introduces Xamarin, which allows developers to build native iOS and Android apps using C# and .NET. It highlights that Xamarin apps look and feel native while sharing code across platforms. The document also covers architecting mobile apps with Xamarin, using Xamarin.Forms to build user interfaces with shared code, and includes a demo section.
Introduction to Mobile Development with Xamarin -DotNet Westide
Introduction to Mobile Development with Xamarin -DotNet WestideJames Montemagno The document introduces Xamarin, an open-source app platform by Microsoft for building modern applications on various operating systems using .NET. It emphasizes the benefits of code reuse and native performance, highlighting Xamarin Essentials and Xamarin Forms for cross-platform app development. Additionally, it outlines integrations with Azure services and the tools available for developers to enhance their app-building experience.
Native App Development for iOS, Android, and Windows with Visual Studio
Native App Development for iOS, Android, and Windows with Visual StudioXamarin The document discusses native app development for iOS, Android, and Windows using Visual Studio, focusing on the benefits of Portable Class Libraries (PCLs) for centralized code sharing across multiple platforms. It highlights the capabilities of PCLs such as project sharing and compatibility with various Microsoft NuGet libraries. Resources and demos are provided for further exploration of PCLs and development tools.
Hybrid Mobile App Development - Xamarin
Hybrid Mobile App Development - XamarinDeepu S Nath The document provides an introduction to mobile development using Xamarin, emphasizing its approach of 'write once, run anywhere' and the benefits of using C# and .NET for cross-platform compatibility. It details Xamarin's history, features like native performance, full API coverage, and the ability to share up to 90% of code across different platforms. Additionally, it discusses the development environment, tools, and resources available for developers utilizing Xamarin for mobile app creation.
Introduction to xamarin
Introduction to xamarinPrabhat gangwar Xamarin enables developers to write mobile apps using C# and share code across platforms like iOS and Android. Developers can build native user interfaces and take advantage of native performance on each device, while sharing up to 90% of their code. This hybrid approach allows building apps for over 2.5 billion devices using C# and the .NET framework in Visual Studio. Key benefits include writing everything in C#, 100% API coverage on all platforms, and always being up to date with the latest APIs.
What's New in Xamarin? - Santo Domingo
What's New in Xamarin? - Santo DomingoJames Montemagno This document contains information about various Xamarin podcasts and resources for building cross-platform mobile apps with Xamarin. It lists podcasts such as the Weekly Development Podcast and Weekly Xamarin Podcast. It also describes how Xamarin allows building native iOS, Android and UWP apps using C# and Xamarin.Forms for shared cross-platform UI and logic. Xamarin.Essentials is introduced as a library for common mobile features like geolocation, preferences and device info. Links are provided to Xamarin documentation sites.
Cross platform mobile web apps
Cross platform mobile web appsJames Pearce The document discusses the state of cross-platform mobile web apps. It notes that while HTML5 provides many capabilities of native mobile apps, developing cross-platform web apps remains challenging due to differences in browser platforms and a lack of universal support for HTML5 features. Hybrid mobile apps that use a native wrapper and HTML5 for app logic offer greater access to device functionality but still must target multiple platforms. Ultimately, no solution provides the same level of "nativeness" as truly native mobile apps.
Ionic framework
Ionic frameworkSoftware Infrastructure The document discusses hybrid mobile app development using the Ionic framework. It introduces Ionic and some popular hybrid frameworks, describes how to set up Ionic with Node.js, Cordova, and other tools, and covers creating and running Ionic apps. The document also mentions using Ionic Creator and discusses questions about Ionic and hybrid app development.
Amir Zuker: Building web apps with web assembly and blazor - Architecture Nex...
Amir Zuker: Building web apps with web assembly and blazor - Architecture Nex...CodeValue The document discusses the use of WebAssembly (Wasm) and Blazor for building web applications, highlighting their potential for portability, performance, and language interoperability. It outlines key features and benefits of both technologies, detailing how Blazor allows developers to build rich web applications using .NET, C#, and Razor, while seamlessly integrating with existing JavaScript libraries. Additionally, it touches on future enhancements and use cases for developers considering these frameworks.
Xamarin University Presents: Building Your First Intelligent App with Xamarin...
Xamarin University Presents: Building Your First Intelligent App with Xamarin...Xamarin René Ruppert, a senior content developer at Microsoft, discusses the role of Xamarin University in providing expert-led online classes and personalized content for cooks using Azure Machine Learning. The emphasis is on optimizing content delivery for mobile devices to enhance user engagement. The overarching goal is to empower users with tools and knowledge to pursue their cooking passions.
Native i os, android, and windows development in c# with xamarin 4
Native i os, android, and windows development in c# with xamarin 4Xamarin The document outlines Xamarin's mobile app development solutions, showcasing features like a shared C# codebase and native API access for iOS and Android. It highlights Xamarin.Forms, which enhances code sharing and includes a variety of controls and UI components for streamlined development. Additionally, it mentions the integration of Xamarin with Visual Studio and training resources available for developers.
Visual Studio Toolbox - Introduction To Xamarin.Forms
Visual Studio Toolbox - Introduction To Xamarin.FormsJames Montemagno The document outlines the capabilities of Xamarin.Forms for developing mobile applications on iOS, Android, and Windows Phone using C# and XAML. It highlights features such as native controls, two-way data binding, and a variety of layouts and controls, providing resources for learning and support. Additionally, it mentions training opportunities and links to documentation and sample projects.
Introduction to CocosSharp
Introduction to CocosSharpJames Montemagno The document outlines a presentation by James Montemagno, a developer evangelist at Xamarin, on building games using CocosSharp, a C# port of the Cocos2D game engine. It discusses key concepts such as the scene hierarchy, application lifecycle, and various components within the CocosSharp framework. Montemagno also provides resources and samples for getting started with game development using this technology.
Xamarin Forms
Xamarin FormsRui Marinho XamarinDevDays covered the traditional Xamarin approach of writing separate UI code for each platform versus using Xamarin.Forms which allows for more code sharing with a single shared UI code and backend. Xamarin.Forms was discussed in depth including over 40 pages, layouts and controls that are built from code behind or XAML, two-way data binding, navigation, animation API and more. Examples were provided of XAML code for a tabbed page app with login functionality to demonstrate how Xamarin.Forms can be used to build full apps with shared UI and backend code across platforms.
Hybrid Apps with Angular & Ionic Framework
Hybrid Apps with Angular & Ionic FrameworkCihad Horuzoğlu This document discusses hybrid mobile apps that can be built using Angular and the Ionic framework. Hybrid apps allow developers to build apps that can run on multiple platforms using web technologies like HTML, CSS, and JavaScript. The Ionic framework builds on Apache Cordova to provide access to native device capabilities and solve issues with supporting multiple screen resolutions. Developers can use Angular for features like data binding and services, and Ionic adds capabilities specific to building mobile apps like routing and UI components optimized for touch. The document provides instructions for setting up Ionic and Cordova and creating a basic sidemenu template project to get started developing hybrid mobile apps.
Highlights from the Xamarin Evolve 2016 conference
Highlights from the Xamarin Evolve 2016 conferenceChristopher Miller The document outlines key highlights from the Evolve 2016 conference, focusing on Xamarin's transition to open-source under Microsoft and the integration of .NET into Mono. It details updates on the Xamarin SDKs, new features in Xamarin Studio, improvements in Xamarin.iOS and Xamarin.Android, and the introduction of Xamarin Forms enhancements. Additionally, it emphasizes the expanded resources available through Xamarin University and various new tools and functionalities introduced during the conference.
Js frameworks
Js frameworksParagKhalas This document discusses and compares popular JavaScript frameworks including React, Angular, Vue, and Node.js. It provides brief descriptions of each framework, highlighting what they are used for and some top brands that use each one. React is a library for building user interfaces, Angular is a full-stack framework created by Google, Vue is an open-source framework for building interfaces, and Node.js is a runtime environment that executes JavaScript outside browsers.
Viewers also liked (20)
Typescript 101 introduction
Typescript 101 introductionBob German This document provides an introduction and overview of TypeScript. It discusses why to use TypeScript, including benefits like static type checking, IntelliSense, and class structures familiar to .NET programmers. It also outlines the development environment setup steps for using TypeScript in VS Code or Visual Studio. The agenda includes demos of TypeScript basics, classes, and using external libraries. It recommends resources for learning TypeScript further like the TypeScript playground.
Why learn french
Why learn frenchifinde This document provides 10 reasons to learn French, including that it is spoken by over 200 million people globally and is an official or administrative language in over 30 countries. Some key benefits highlighted are the opportunities to study abroad in France, the third most popular destination for international students, as well as career advantages in fields like tourism, hospitality, and aviation. French culture, from literature and film to art and food, is also discussed. The document concludes by noting resources available in India for learning French, such as the Institut Français and Alliance Française language centers.
Intro to behavioural law & economics
Intro to behavioural law & economicsAlbert Sanchez Graells The lecture by Dr. Albert Sanchez-Graells focuses on the critique of traditional economic analysis of law from the perspective of behavioral economics, designated as 'law and economics 2.0.' It highlights challenges to the rational actor model (homo economicus) through concepts such as bounded rationality, bounded willpower, and bounded self-interest, emphasizing that human behavior often deviates from rational assumptions. The document also discusses the implications of these behavioral insights for legal policy-making and critiques from traditional economic theorists.
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - reference
Chris O'Brien - Modern SharePoint sites and the SharePoint Framework - referenceChris O'Brien The document discusses the evolving landscape of SharePoint development, emphasizing a shift towards cloud-first hybrid environments and improved functionalities in Office 365, particularly with document management and co-authoring features. It highlights the introduction of modern web parts, the need for new development practices using TypeScript, and the transition away from classic web parts as SharePoint moves into a new era with SPFx (SharePoint Framework). Key features and developments are detailed, along with useful resources for developers adapting to these changes.
From Solutions to Apps - Moving to SP2013
From Solutions to Apps - Moving to SP2013bgerman The document discusses the transition to SharePoint 2013 apps, providing an overview of app models and access methods, including REST and client-side object models. It outlines different hosting options, app features, and highlights the importance of client-side code for enhanced functionality and isolation. Additionally, it covers data access, user authentication, and integration of various services, alongside practical demonstrations and resources for SharePoint development.
Introduction to AngularJS with the Microsoft Graph
Introduction to AngularJS with the Microsoft GraphSPC Adriatics This document provides an introduction to integrating AngularJS applications with the Microsoft Graph. It begins with an overview of AngularJS and what it is used for. It then discusses the Microsoft Graph and Azure Active Directory, which enables single sign-on authentication for Office 365 services. It demonstrates how to scaffold an AngularJS app, enable authentication, connect to data sources, and secure routes when using the Microsoft Graph. It also shows how to incorporate the Office UI Fabric into AngularJS apps and make HTTP calls by injecting tokens. The presentation concludes with links to additional resources and a thank you from the presenter.
Building Flexible SharePoint Solutions with AngularJS
Building Flexible SharePoint Solutions with AngularJSbgerman This document contains details about an online conference session on building flexible SharePoint solutions with AngularJS. The session will be held on June 17th and 18th, 2015 and will be presented by Bob German. The agenda includes an introduction to AngularJS, a discussion of the Remote Provisioning pattern versus the SharePoint add-in model, and a demonstration of a sample AngularJS solution that can be used as an add-in, drag-and-drop solution, or centrally managed solution. Attendees will learn how to build web parts, forms and pages with AngularJS and about the Remote Provisioning pattern as an alternative to the add-in model.
Creating a Great User Experience in SharePoint by Marc Anderson - SPTechCon
Creating a Great User Experience in SharePoint by Marc Anderson - SPTechConSPTechCon This document contains various snippets of information on topics related to Microsoft SharePoint, including barriers to adoption such as mobile, social and cloud; the ratio of form to function in products; affective human-computer interaction; and instant gratification online. It also includes references to a study on user patience and provides contact information for SharePoint services and resources.
Leveraging User Profiles and MySites
Leveraging User Profiles and MySitesDerek Cash-Peterson The document outlines the features and benefits of the User Profile Service in SharePoint 2010 and 2013, including centralized profile data management and integration with MySites. It covers configuration procedures, development approaches, and troubleshooting tips, while highlighting limitations such as the inability to use BDC as a primary sync connection. Additionally, it provides specific REST API endpoints for accessing user profile data and actions.
Collab365 Global Summit Slides
Collab365 Global Summit SlidesRick Van Rousselt This document appears to be from an online conference presentation about speeding up Office 365 intranets. It includes an agenda for June 17-18, 2015 discussing topics like the object cache in SharePoint Online, establishing performance baselines using Application Insights, integrating Redis Cache, and using the Azure Content Delivery Network. Contact information is provided for Rick Van Rousselt, a SharePoint consultant, to answer any additional questions.
Session Slides from DEVintersection Europe
Session Slides from DEVintersection EuropeRick Van Rousselt The document outlines the benefits and functionalities of using Docker and containers, particularly in conjunction with Azure Container Service. It emphasizes how containers simplify app development, shipping, and maintenance while providing demos showcasing automated builds, autoscaling, and integration with Azure services. Additionally, it compares orchestration options like Docker Swarm, DC/OS, and Kubernetes in managing containers at scale.
European SharePoint Conference - TH3
European SharePoint Conference - TH3Rick Van Rousselt This document discusses using containers and the Azure Container Service to extend Office Add-ins. It describes how containers provide a lightweight platform to simplify building, shipping, and running apps. Containers use a shipping container system for code, allowing apps to run everywhere without conflicts. The Azure Container Service is optimized for hosting containers at large scale and makes it easy to manage containers. It includes Docker swarm or DC/OS for container orchestration and is open source.
Next Gen Portal in Office 365: April 2015. SUGUK
Next Gen Portal in Office 365: April 2015. SUGUKpearce.alex Alex Pearce presented on next generation portals in Office 365, including Office 365 Groups, Office 365 Videos, Office Mix, and Sway. Office 365 Groups allows for easy collaboration across teams by connecting people, information, and applications through shared Exchange distribution groups, SharePoint site collections, and Azure Active Directory groups. Office 365 Videos uses Azure Media Services for video streaming and is currently in first release. Office Mix is a PowerPoint add-on that allows exporting presentations to an Office Mix website or Office 365 Videos as MP4 files. Sway is a digital storytelling app accessible through the browser or iOS app that is currently in consumer preview.
Microsoft PowerApps Introduction by Usama Wahab Khan MVP
Microsoft PowerApps Introduction by Usama Wahab Khan MVP Usama Wahab Khan Cloud, Data and AI Microsoft announced PowerApps at the Convergence EMEA event on November 30, aimed at enabling users to create business applications without coding. The service received positive reactions from customers, partners, and the media, and emphasizes ease of use across various devices. PowerApps serves as a platform for sharing and connecting business apps, utilizing both cloud and on-premises data.
Real World SharePoint Debacles
Real World SharePoint DebaclesMatthew J. Bailey , MCT This document summarizes Matthew Bailey's presentation on solving common SharePoint "debacles". The presentation addresses four examples of SharePoint issues: a workflow not working, inability to find a correlation ID in logs, mysteriously breaking web parts, and an overly complex custom workflow project. For each issue, Bailey outlines a repeatable process for clarifying the problem, identifying potential causes, troubleshooting steps, solutions, and preventing future occurrences. He demonstrates applying this process to analyze and resolve the sample issues.
My slides from SharePoint Saturday Oslo
My slides from SharePoint Saturday OsloRick Van Rousselt The document discusses methods to enhance the performance of a SharePoint Online intranet, focusing on techniques such as establishing a baseline, using Application Insights for monitoring, and implementing caching solutions like Redis. It emphasizes the importance of measurement and provides demonstrations of various tools and strategies. The author, Rick Van Rousselt, offers his consultancy services and contact information for further inquiries.
DWCNZ - Content Types: Love Them or Lose It
DWCNZ - Content Types: Love Them or Lose ItMarc D Anderson The document discusses the importance of content types in SharePoint for effective information architecture, emphasizing their role in structuring data and enhancing search capabilities. It outlines the characteristics of content types, their benefits, and challenges in implementation while providing practical tips for management and maintenance. The content type hub is also introduced as a means to share information architecture across site collections in Office 365.
Office 365 Groups: Deep Dive
Office 365 Groups: Deep Divepearce.alex The document discusses Office 365 Groups, highlighting their role in enhancing collaboration and information sharing among team members through integrated tools. It elaborates on the components of an Office 365 Group, including group mailboxes, Azure AD groups, and SharePoint site collections, as well as the visibility and access management for groups. It also addresses group creation policies and future developments within the Office 365 Groups framework.
Managing permissions in SharePoint
Managing permissions in SharePointpearce.alex The document details managing security and permissions in SharePoint, discussing permission types, SharePoint groups, and external sharing in Office 365. It highlights how permissions can be managed through different groups and inheritance while addressing the role of organizational culture in accessing content. Additionally, it raises questions about the impact of open access to information on user roles and business continuity.
Next Generation Portals: Office 365
Next Generation Portals: Office 365pearce.alex The document provides an overview of next-generation portals and features within Office 365, presented by Alex Pearce, an Office 365 MVP. Key topics include the functionalities of Office 365 Groups, Office 365 Video, and Office Mix, as well as details on their current release statuses and data storage limits. The presentation highlights the integration and educational aspects of Office 365, and invites further engagement via Alex's blog and contact information.
Ad
Similar to Typescript 102 angular and type script (20)
TypeScript and SharePoint Framework
TypeScript and SharePoint FrameworkBob German Bob German, a Principal Architect at BlueMetal, gave a presentation about developing SharePoint widgets using TypeScript. He discussed how Microsoft is modernizing SharePoint with the new SharePoint Framework. Widgets provide a way to build reusable components for different SharePoint development models using HTML and JavaScript. TypeScript adds benefits like catch errors earlier and use modern JavaScript features. German demonstrated how to set up TypeScript and build widgets today and in the future SharePoint Framework.
AngularJS with TypeScript and Windows Azure Mobile Services
AngularJS with TypeScript and Windows Azure Mobile ServicesRainer Stropek The document covers a presentation on AngularJS and TypeScript at the Advanced Developer Conference 2013, detailing AngularJS's features such as MVC architecture, data binding, and dependency injection. It highlights the advantages and disadvantages of using TypeScript in AngularJS applications, with emphasis on type safety and code organization. Additionally, the presentation includes insights on project setup, development tools, server communication, and testing frameworks, alongside resources for further reading.
AngularJS 1.x - your first application (problems and solutions)
AngularJS 1.x - your first application (problems and solutions)Igor Talevski The document provides an overview of developing Single Page Applications (SPAs) using AngularJS, detailing architectural best practices, including project structure and module organization. It discusses important concepts such as data binding, dependency injection, and directives, alongside useful developer tools and methods for integrating with back-end services. Additionally, it covers advanced topics like routing, error handling, and WebSockets, emphasizing the importance of a structured approach for efficient code management.
Introduction to angular with a simple but complete project
Introduction to angular with a simple but complete projectJadson Santos Angular is a framework for building client applications in HTML, CSS and TypeScript. It provides best practices like modularity, separation of concerns and testability for client-side development. The document discusses creating an Angular project, generating components, binding data, using directives, communicating with backend services, routing between components and building for production. Key steps include generating components, services and modules, binding data, calling REST APIs, defining routes and building the app.
Walk in the shoe of angular
Walk in the shoe of angularFiyaz Hasan This document provides an overview of Angular, including what it is, why it is useful, its key features, and how to get started using it. Angular is a client-side framework written in JavaScript that makes it easy to build dynamic web applications. It provides features like separation of concerns, Ajax services, dependency injection, and browser history out of the box. The document demonstrates how to set up an Angular application and introduces concepts like views, directives, data binding, controllers, scopes, modules, and providers to help structure applications. It also covers validation and animation in Angular.
Angular js
Angular jsBaldeep Sohal AngularJS is an open-source JavaScript framework for building client-side web applications. It facilitates the creation of single-page applications using Model-View-Controller architecture. Key aspects of AngularJS include data binding, directives, dependency injection, services, filters and forms. It promotes declarative programming for templates and imperative code for controllers and logic. AngularJS makes it easier to write modular code through services and dependency injection. It also simplifies communication with backend servers via the $http service and $resource for RESTful APIs.
Angular js 1.0-fundamentals
Angular js 1.0-fundamentalsVenkatesh Narayanan This document provides an overview of AngularJS fundamentals including controllers, services, directives, dependency injection, routing, forms, and testing. It discusses key AngularJS concepts like scopes, expressions, filters, and the digest loop. Sample code is presented to demonstrate modules, controllers, and directives. Various options for server communication, caching, debugging, localization, and animation are also covered. Guidelines for optimizing AngularJS applications are provided at the end.
Angular js
Angular jsMauro Servienti - The document discusses AngularJS and single page applications. It provides an introduction and overview of key AngularJS concepts including modules, controllers, views, services, dependency injection, and filters.
- Code samples and demos are referenced to illustrate concepts in more depth. Challenges with SEO and the benefits of TypeScript for adding type safety to JavaScript are also mentioned.
[Ebooks PDF] download AngularJS 1st Edition Brad Green full chapters
[Ebooks PDF] download AngularJS 1st Edition Brad Green full chapterskiciunonge The document provides a comprehensive overview of the AngularJS framework, detailing its structure, features, and functionality. It includes links to related eBooks and resources for further learning, alongside key topics such as application anatomy, server communication, and directive usage. The content is structured into chapters that guide the reader through the development process, best practices, and debugging tips for AngularJS applications.
Feedback using Angularjs + Typescript at Serenytics
Feedback using Angularjs + Typescript at SerenyticsAdrien Chauve The document discusses the benefits and challenges of using TypeScript with AngularJS, particularly focusing on code reuse and structure for building dashboards and widgets. It highlights TypeScript's advantages, including improved organization, static typing, and incremental migration options, while also addressing potential drawbacks such as complexity in the development environment and integration with third-party libraries. Ultimately, the talk encourages adopting TypeScript for future-proofing AngularJS projects as part of a transition to Angular 2.
Pengenalan AngularJS
Pengenalan AngularJSEdi Santoso The document provides an introduction and overview of AngularJS, including its key features such as declarative HTML, data binding, scopes, controllers, services, directives, filters, modules, dependency injection, and routing. It was presented by Edi Santoso at a Meetup event for frontend developers in Malang, Indonesia on February 5, 2016.
The future of web development write once, run everywhere with angular.js and ...
The future of web development write once, run everywhere with angular.js and ...Mark Roden The document discusses the future of web development using AngularJS and IBM Domino, highlighting key concepts such as MVC architecture, REST services, and the capabilities of AngularJS for creating dynamic web applications. It provides an overview of a demo application built with AngularJS, Bootstrap, and Domino data, along with information on how AngularJS integrates with Domino as a REST service. Additionally, it emphasizes the potential for modernizing applications and improving code organization through the use of AngularJS.
The future of web development write once, run everywhere with angular js an...
The future of web development write once, run everywhere with angular js an...Mark Leusink This document provides a summary of a presentation on using AngularJS and IBM Domino to build modern web applications.
The presentation introduces AngularJS, an open-source JavaScript framework, and how it uses a model-view-controller architecture. It also discusses using IBM Domino as a RESTful backend service via Domino Access Services or a custom REST API.
The presentation demonstrates a sample conference scheduling app built with AngularJS, Bootstrap, and data from an IBM Domino database. The app runs entirely on the client-side and shows how AngularJS allows building portable web apps that can run on any device or platform.
AngularJS 101
AngularJS 101Houssem Yahiaoui 1. AngularJS is a framework for building single-page applications using HTML and JavaScript. It was developed in 2009 and released in 2010.
2. Single-page applications load a single HTML page that is dynamically updated based on user interaction without reloading the page.
3. AngularJS provides services, controllers, factories and directives to help organize code and add functionality to web applications. Services provide reusable functions, controllers tie models to views, factories retrieve data, and directives create new HTML elements and attributes.
AngularJS and SPA
AngularJS and SPALorenzo Dematté This document discusses AngularJS and single page applications (SPAs). It begins by defining what a SPA is - a client-side application that functions like a desktop application with rich and responsive functionality. Technically, SPAs use HTML5 and JavaScript with lightweight REST/JSON services and data binding. AngularJS is introduced as a complete framework for building rich SPAs that hides DOM manipulation and uses data binding instead of direct DOM changes. The document then covers key aspects of AngularJS including directives, views/controllers/scopes, modules/routes/services, and custom directives. It concludes by discussing some UI elements in AngularJS and notes that real-world SPAs often blur the lines between client and server.
Angular js book
Angular js bookKamlesh Singh This document provides an overview and summary of the book "AngularJS" by Brad Green and Shyam Seshadri. It includes information about the concepts behind AngularJS like client-side templates, model-view-controller architecture, data binding, and directives. It also describes some key aspects of developing AngularJS applications like templates, controllers, communicating with servers, testing, and more. The book is intended to help readers learn and master AngularJS.
Angularjs
AngularjsHeinrrich Facho This document provides an overview and summary of the book "AngularJS" by Brad Green and Shyam Seshadri. It includes information about concepts in AngularJS like client-side templates, model-view-controller, data binding, and dependency injection. It also briefly describes an example shopping cart application and outlines the chapters in the book which cover topics like developing AngularJS applications, analyzing an AngularJS app, communicating with servers, directives and other concerns.
Angularjs
AngularjsMustafa Juma This document provides information about the book "AngularJS" by Brad Green and Shyam Seshadri. It includes a copyright notice, table of contents, and introduction to AngularJS concepts covered in the book such as templates, data binding, dependency injection, and directives. The book is intended to help readers learn how to develop applications using AngularJS.
The Basics Angular JS
The Basics Angular JS OrisysIndia This document serves as an introduction to AngularJS, an open-source web application framework maintained by Google since its original development in 2009. It outlines key features of AngularJS, including its MVC architecture, dependency injection, and data binding, while also presenting sample code and directives for building web applications. The document also discusses the advantages and disadvantages of using AngularJS, highlighting its powerful capabilities as well as challenges such as complexity and scalability issues.
AngularJS One Day Workshop
AngularJS One Day WorkshopShyam Seshadri This document provides an agenda and details for an AngularJS workshop. The key points are:
- The workshop will cover AngularJS concepts and skills over 4 sessions spanning introduction to advanced topics like testing and directives.
- Session 1 will cover basics like MVC patterns, data binding, controllers and services. Sessions 2-3 cover routing, testing and directives.
- Attendees should bring a laptop and install NodeJS, Karma and other tools to follow along with hands-on code examples and exercises.
- The goal is to take attendees through building a simple todo list app from start to finish over the day to learn AngularJS concepts and skills in a practical way. Questions are encouraged
Ad
More from Bob German (20)
Introduction to the Microsoft Bot Framework v4
Introduction to the Microsoft Bot Framework v4Bob German The document outlines various programming languages and tools used in developing computer applications and chatbots, highlighting the evolution of machine language for better human-computer interaction. It discusses the features and improvements made in bot frameworks, including their flexibility and modularity, as well as middleware events for handling messages and conversation updates. Additionally, it includes references to resources for bot development and the use of AI for enhancing user experiences.
Adaptive cards 101
Adaptive cards 101Bob German Adaptive Cards provide a flexible way to display payloads in different hosting environments while maintaining host control over style and security. They can cover 80% of common needs and be used in Microsoft Outlook, Teams, and on web pages. The Adaptive Card designer and templating services help simplify development and allow reuse of common card templates.
Introduction to Teams Development - North American Collaboration Summit
Introduction to Teams Development - North American Collaboration SummitBob German The document discusses different types of Microsoft Teams applications including tabs, bots, and messaging extensions. It demonstrates HR and field visit apps with different tabs. SPFx integration in Teams is highlighted as allowing apps to be built without hosting a website, reusing code in Teams and SharePoint, and other benefits. Links are provided for additional resources on building Teams apps.
Future-proof Development for Classic SharePoint
Future-proof Development for Classic SharePointBob German The document outlines a presentation given by Bob German at a conference on future-proof development for classic SharePoint. It covers topics including code container architecture, the usage of TypeScript, modern JavaScript features, and tools like Webpack for building and bundling applications. Additionally, it provides resources for further learning and addresses migration strategies between on-premises and Office 365 environments.
Azure for SharePoint Developers - Workshop - Part 4: Bots
Azure for SharePoint Developers - Workshop - Part 4: BotsBob German If cloud computing was transportation, it would be like taking an Uber instead of owning a car. You pay for only the computing resources you need, when you need them, without the upfront and ongoing costs of maintaining physical servers. The document then provides an agenda for a discussion on Microsoft Bot Framework and Azure Bot Services that includes topics like activities, messages, dialogs, language understanding with LUIS, messaging cards, and Office 365 connectors in Teams.
Azure for SharePoint Developers - Workshop - Part 3: Web Services
Azure for SharePoint Developers - Workshop - Part 3: Web ServicesBob German This document discusses .NET Core and ASP.NET Core, which provide a modular framework for building web applications and services across platforms. It covers setting up a sample ASP.NET Core web API project locally and deploying it to Azure App Service. It also discusses key Azure services like SQL Database, Resource Manager, Key Vault, and monitoring with Application Insights that can be used to build the application.
Azure for SharePoint Developers - Workshop - Part 2: Azure Functions
Azure for SharePoint Developers - Workshop - Part 2: Azure FunctionsBob German This document discusses Azure Functions and common use cases for using Azure Functions with SharePoint Online. It provides an overview of Azure Functions including common triggers, bindings, and runtimes. It then describes examples of using Functions with SharePoint Online for tasks like elevating permissions, running timer jobs, hiding API keys, extending site designs and scripts, and custom code in Microsoft Flow. Additional details and code samples are provided for Functions integration with SharePoint Online.
Azure for SharePoint Developers - Workshop - Part 1: Azure AD
Azure for SharePoint Developers - Workshop - Part 1: Azure ADBob German This document provides an overview of Azure Active Directory and how it can be used to authenticate users and applications to access data and APIs. It describes key Azure AD concepts like tenants, applications, permissions and consent. It also explains different OAuth 2.0 flows that can be used like implicit, authorization code, client credentials and on-behalf-of flows. The document recommends ways to access the Microsoft Graph API using these authorization techniques and links to code samples and documentation for further reference.
Azure for SharePoint Developers - Workshop - Part 5: Logic Apps
Azure for SharePoint Developers - Workshop - Part 5: Logic AppsBob German The document discusses the on-premises data gateway, which provides a secured and optimized communication channel for connecting on-premises data sources to cloud services like Power BI, PowerApps, Microsoft Flow, and Azure Analysis Services. The gateway installs on any domain-joined machine and does not require opening firewall ports, enabling connectivity without exposing the on-premises environment. It decrypts connection credentials so only encrypted versions are sent to the cloud.
Azure AD for browser-based application developers
Azure AD for browser-based application developersBob German The document serves as a comprehensive troubleshooting checklist for securely handling API keys and integrating with Azure services like Azure Active Directory and Microsoft Graph API. It outlines key concepts, common confusions, and various authentication flows, along with best practices for app registration and permission settings. Additionally, it provides links to sample code and documentation to assist users in understanding and implementing these services effectively.
Mastering Azure Functions
Mastering Azure FunctionsBob German This document discusses Azure Functions concepts and scenarios. It provides an overview of Azure Functions versions 1.x and 2.x, supported languages, triggers, inputs and outputs. It also covers Function configuration files, code examples, secrets management, and Function Proxies for API management. Resources for learning more about Azure Functions tools, elevating privileges using On Behalf Of flow, and integrating Functions with SharePoint are provided.
Going with the Flow: Rationalizing the workflow options in SharePoint Online
Going with the Flow: Rationalizing the workflow options in SharePoint OnlineBob German This document discusses options for rationalizing workflow in SharePoint Online. It outlines the three main workflow engines - the SharePoint 2010 engine, SharePoint 2013 engine, and Microsoft Flow. It compares the development experiences, architectures, and customization options of each. Key scenarios like elevating permissions and extending workflows are examined. Choosing the right tool depends on factors like maintainability, lifecycle management, and whether the workflow needs to be configured, customized, extended, or fully developed. Microsoft is moving focus to Flow and Logic Apps, so older SharePoint workflows may not receive further investment.
Modern SharePoint, the Good, the Bad, and the Ugly
Modern SharePoint, the Good, the Bad, and the UglyBob German Bob German is a Principal Architect at BlueMetal who leads Office 365 and SharePoint development. In his presentation, he discusses Microsoft's modernization of the SharePoint user experience to be more mobile-friendly. This includes modern document libraries, lists, and team sites. He demonstrates the modern experiences and notes both improvements like a better mobile and editing experience, as well as limitations like missing web parts and limited customization options. He also discusses how administrators can control the modern experiences at the tenant, site collection, and list level.
Developing JavaScript Widgets
Developing JavaScript WidgetsBob German The document discusses the development of JavaScript widgets, their characteristics, and best practices for creating effective widgets that are isolated, efficient, self-contained, modern, and centrally managed. It introduces 'Widget Wrangler,' an open-source tool designed to enhance widget management and integration with minimal impact on the hosting page. Additionally, it presents multiple demos and resources for implementing and testing widgets using various frameworks like AngularJS and Knockout.
Introduction to TypeScript
Introduction to TypeScriptBob German This document summarizes an introduction to TypeScript presentation. It includes an agenda that covers what TypeScript is, why it should be used, code walkthroughs, an example, and debugging TypeScript. It also provides setup steps and resources for learning more about TypeScript.
Developing JavaScript Widgets
Developing JavaScript WidgetsBob German Northeast JavaScript Conference #NEJSConference
Developing JavaScript Widgets
Bob German, a Principal Architect at BlueMetal, discusses developing JavaScript widgets. Widgets allow for late integration with hosting web pages, independent versioning of components, and code reuse. Good widgets are isolated, efficient, self-contained, modern, and centrally managed. BlueMetal uses widgets in their intranet, and Bob introduces Widget Wrangler, an open source widget framework that supports AngularJS and other frameworks. He demonstrates various widget examples and discusses deploying, testing, and improving widgets.
German introduction to sp framework
German introduction to sp frameworkBob German Bob German, a principal architect at Bluemetal, presented an introduction to the SharePoint Framework, emphasizing its modern client-side development capabilities and integration with Office 365. The session covered the evolution of SharePoint, the benefits of new web part development, and the importance of using tools like TypeScript and Webpack. Attendees received guidance on transitioning sites to the new framework and were encouraged to participate in session activities and engage with event sponsors.
SPSNYC - Next Generation Portals
SPSNYC - Next Generation PortalsBob German The document outlines the agenda and key components of a conference related to SharePoint and Office 365, highlighting various sessions on next-generation portals, Azure AD, and integrating business data. It discusses the features of SharePoint as a service, the importance of APIs, and the use of responsive design in applications. Additionally, it provides logistical information about sponsors, prizes, and conference materials for attendees.
Search First Migration - Using SharePoint 2013 Search for SharePoint 2010
Search First Migration - Using SharePoint 2013 Search for SharePoint 2010Bob German The document discusses the transition from SharePoint 2010 to SharePoint 2013 search capabilities, emphasizing three migration approaches: consuming the 2013 service from 2010, redirecting to the 2013 search center, and federating with the 2013 search. It highlights the importance of entity extraction, content enrichment, and architectural considerations for scaling the search infrastructure. Additionally, the author outlines the pros and cons of each approach, recommending a shift to SharePoint 2013 for its improved features and user experience.
Enterprise Content Management + SharePoint 2013 - SPSNH
Enterprise Content Management + SharePoint 2013 - SPSNHBob German The document provides an outline and overview of a presentation on using SharePoint 2013 for enterprise content management. It introduces the presenters and describes the agenda which includes demonstrations of contract management, records and eDiscovery centers, forms and workflow, folder metadata, video, and geolocation features in SharePoint 2013. It also discusses architectural considerations and concludes with an open forum question and answer section.
Recently uploaded (20)
OpenTelemetry 101 Cloud Native Barcelona
OpenTelemetry 101 Cloud Native BarcelonaImma Valls Bernaus A brief introduction to OpenTelemetry, with a practical example of auto-instrumenting a Java web application with the Grafana stack (Loki, Grafana, Tempo, and Mimir).
AI-Powered Compliance Solutions for Global Regulations | Certivo
AI-Powered Compliance Solutions for Global Regulations | Certivocertivoai Certivo offers AI-powered compliance solutions designed to help businesses in the USA, EU, and UK simplify complex regulatory demands. From environmental and product compliance to safety, quality, and sustainability, our platform automates supplier documentation, manages certifications, and integrates with ERP/PLM systems. Ensure seamless RoHS, REACH, PFAS, and Prop 65 compliance through predictive insights and multilingual support. Turn compliance into a competitive edge with Certivo’s intelligent, scalable, and audit-ready platform.
Making significant Software Architecture decisions
Making significant Software Architecture decisionsBert Jan Schrijver Presented at the iSAQB Software Architecture Community NL meetup on 12-6-2025
Software Testing & it’s types (DevOps)
Software Testing & it’s types (DevOps)S Pranav (Deepu) NTRODUCTION TO SOFTWARE TESTING
• Definition:
• Software testing is the process of evaluating and
verifying that a software application or system meets
specified requirements and functions correctly.
• Purpose:
• Identify defects and bugs in the software.
• Ensure the software meets quality standards.
• Validate that the software performs as intended in
various scenarios.
• Importance:
• Reduces risks associated with software failures.
• Improves user satisfaction and trust in the product.
• Enhances the overall reliability and performance of
the software
Smart Financial Solutions: Money Lender Software, Daily Pigmy & Personal Loan...
Smart Financial Solutions: Money Lender Software, Daily Pigmy & Personal Loan...Intelli grow Explore innovative tools tailored for modern finance with our Money Lender Software Development, efficient Daily Pigmy Collection Software, and streamlined Personal Loan Software. This presentation showcases how these solutions simplify loan management, boost collection efficiency, and enhance customer experience for NBFCs, microfinance firms, and individual lenders.
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...BradBedford3 Inspired by the Adobe Summit hands-on lab, Optimize Your Marketo Instance Performance, review the recording from June 5th to learn best practices that can optimize your smart campaign and smart list processing time, inefficient practices to try to avoid, and tips and tricks for keeping your instance running smooth!
You will learn:
How smart campaign queueing works, how flow steps are prioritized, and configurations that slow down smart campaign processing.
Best practices for smart list and smart campaign configurations that yield greater reliability and processing efficiencies.
Generally recommended timelines for reviewing instance performance: walk away from this session with a guideline of what to review in Marketo and how often to review it.
This session will be helpful for any Marketo administrator looking for opportunities to improve and streamline their instance performance. Be sure to watch to learn best practices and connect with your local Marketo peers!
IBM Rational Unified Process For Software Engineering - Introduction
IBM Rational Unified Process For Software Engineering - IntroductionGaurav Sharma IBM Rational Unified Process For Software Engineering
Agile Software Engineering Methodologies
Agile Software Engineering MethodologiesGaurav Sharma Software Engineering Process, Notation & Tools Introduction
Open Source Software Development Methods
Open Source Software Development MethodsVICTOR MAESTRE RAMIREZ Open Source Software Development Methods
MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptx
MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptxMaharshi Mallela Movie recommendation system is a software application or algorithm designed to suggest movies to users based on their preferences, viewing history, or other relevant factors. The primary goal of such a system is to enhance user experience by providing personalized and relevant movie suggestions.
Who will create the languages of the future?
Who will create the languages of the future?Jordi Cabot Will future languages be created by language engineers?
Can you "vibe" a DSL?
In this talk, we will explore the changing landscape of language engineering and discuss how Artificial Intelligence and low-code/no-code techniques can play a role in this future by helping in the definition, use, execution, and testing of new languages. Even empowering non-tech users to create their own language infrastructure. Maybe without them even realizing.
Plooma is a writing platform to plan, write, and shape books your way
Plooma is a writing platform to plan, write, and shape books your wayPlooma Plooma is your all in one writing companion, designed to support authors at every twist and turn of the book creation journey. Whether you're sketching out your story's blueprint, breathing life into characters, or crafting chapters, Plooma provides a seamless space to organize all your ideas and materials without the overwhelm. Its intuitive interface makes building rich narratives and immersive worlds feel effortless.
Packed with powerful story and character organization tools, Plooma lets you track character development and manage world building details with ease. When it’s time to write, the distraction-free mode offers a clean, minimal environment to help you dive deep and write consistently. Plus, built-in editing tools catch grammar slips and style quirks in real-time, polishing your story so you don’t have to juggle multiple apps.
What really sets Plooma apart is its smart AI assistant - analyzing chapters for continuity, helping you generate character portraits, and flagging inconsistencies to keep your story tight and cohesive. This clever support saves you time and builds confidence, especially during those complex, detail packed projects.
Getting started is simple: outline your story’s structure and key characters with Plooma’s user-friendly planning tools, then write your chapters in the focused editor, using analytics to shape your words. Throughout your journey, Plooma’s AI offers helpful feedback and suggestions, guiding you toward a polished, well-crafted book ready to share with the world.
With Plooma by your side, you get a powerful toolkit that simplifies the creative process, boosts your productivity, and elevates your writing - making the path from idea to finished book smoother, more fun, and totally doable.
Get Started here: https://www.plooma.ink/
Looking for a BIRT Report Alternative Here’s Why Helical Insight Stands Out.pdf
Looking for a BIRT Report Alternative Here’s Why Helical Insight Stands Out.pdfVarsha Nayak The search for an Alternative to BIRT Reports has intensified as companies face challenges with BIRT's steep learning curve, limited visualization capabilities, and complex deployment requirements. Organizations need reporting solutions that offer intuitive design interfaces, comprehensive analytics features, and seamless integration capabilities – all while maintaining the reliability and performance that enterprise environments demand.
Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...
Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...Natan Silnitsky In a world where speed, resilience, and fault tolerance define success, Wix leverages Kafka to power asynchronous programming across 4,000 microservices. This talk explores four key patterns that boost developer velocity while solving common challenges with scalable, efficient, and reliable solutions:
1. Integration Events: Shift from synchronous calls to pre-fetching to reduce query latency and improve user experience.
2. Task Queue: Offload non-critical tasks like notifications to streamline request flows.
3. Task Scheduler: Enable precise, fault-tolerant delayed or recurring workflows with robust scheduling.
4. Iterator for Long-running Jobs: Process extensive workloads via chunked execution, optimizing scalability and resilience.
For each pattern, we’ll discuss benefits, challenges, and how we mitigate drawbacks to create practical solutions
This session offers actionable insights for developers and architects tackling distributed systems, helping refine microservices and adopting Kafka-driven async excellence.
Zoneranker’s Digital marketing solutions
Zoneranker’s Digital marketing solutionsreenashriee Zoneranker offers expert digital marketing services tailored for businesses in Theni. From SEO and PPC to social media and content marketing, we help you grow online. Partner with us to boost visibility, leads, and sales.
Code and No-Code Journeys: The Coverage Overlook
Code and No-Code Journeys: The Coverage OverlookApplitools Explore practical ways to expand visual and functional UI coverage without deep coding or heavy maintenance in this session. Session recording and more info at applitools.com
Application Modernization with Choreo - The AI-Native Internal Developer Plat...
Application Modernization with Choreo - The AI-Native Internal Developer Plat...WSO2 In this slide deck, we explore the challenges and best practices of application modernization. We also deep dive how an internal developer platform as a service like Choreo can fast track your modernization journey with AI capabilities and end-to-end workflow automation.
Women in Tech: Marketo Engage User Group - June 2025 - AJO with AWS
Women in Tech: Marketo Engage User Group - June 2025 - AJO with AWSBradBedford3 Creating meaningful, real-time engagement across channels is essential to building lasting business relationships. Discover how AWS, in collaboration with Deloitte, set up one of Adobe's first instances of Journey Optimizer B2B Edition to revolutionize customer journeys for B2B audiences.
This session will share the use cases the AWS team has the implemented leveraging Adobe's Journey Optimizer B2B alongside Marketo Engage and Real-Time CDP B2B to deliver unified, personalized experiences and drive impactful engagement.
They will discuss how they are positioning AJO B2B in their marketing strategy and how AWS is imagining AJO B2B and Marketo will continue to work together in the future.
Whether you’re looking to enhance customer journeys or scale your B2B marketing efforts, you’ll leave with a clear view of what can be achieved to help transform your own approach.
Speakers:
Britney Young Senior Technical Product Manager, AWS
Erine de Leeuw Technical Product Manager, AWS
Typescript 102 angular and type script
- 1. Practical TypeScript with AngularJS Typescript 102 Bob Goodearl RGood Software www.RGoodSoftware.com Bob German BlueMetal www.bluemetal.com
- 2. Boston Code Camp 25 - Thanks to our Sponsors! • Platinum • Gold • Silver • Bronze • In-Kind Donations
- 3. Bob German Bob Goodearl • Blog: http://bob1german.com/ • Linked In: https://www.linkedin.com/in/bgerman • Twitter: @Bob1German • Email: [email protected] • Website: http://www.rgoodsoftware.com • Linked In: https://www.linkedin.com/in/bgoodearl • Email: [email protected] Presenters
- 4. Agenda • TypeScript Widget • Modules • Controllers • Services • TypeScript Definitions for REST Calls • TypeScript SPA with ASP.NET MVC • Anatomy of an AngularJS/MVC/TypeScript web app
- 5. Setup steps: • Install VS Code • Install Node (https://nodejs.org/en/download) • npm install –g typescript • Ensure no old versions of tsc are on your path; VS adds: C:Program Files (x86)Microsoft SDKsTypeScript1.0 • In VS Code create tsconfig.json in the root of your folder { "compilerOptions": { "target": "es5“, "sourceMap": true } } • Use Ctrl+Shift+B to build – first time click the error to define a default task runner Edit task runner and un-comment the 2nd example in the default • npm install –g http-server (In a command prompt, run http-server and browse to http://localhost:8080/) VS Code Environment
- 6. Setup steps: • Install Visual Studio • For VS2012 or 2013, install TypeScript extension • Build and debug the usual way • Consider WebEssentials for side by side TypeScript and JavaScript view (does not work in VS2015) Visual Studio Environment
- 7. • Commonly used on the Internet called ”Web Widgets”, ”Plugins”, ”Embeds”, etc. • It’s just a clever piece of HTML and Javascript that acts like a web part • Often deployed by authors/end users seperately from the hosting application • Very handy in SharePoint and other content management systems What is a widget?
- 8. What makes a good widget? 1 ISOLATED – so they won’t interfere with other widgets or the rest of the page Can you run multiple copies of the widget on a page? 2 EFFICIENT – so they load quickly Does the page get noticeably slower as you add widgets? 3 SELF-CONTAINED – so they’re easy to reuse Does the widget work without special page elements such as element ID’s, scripts, and CSS references? 4 MODERN – so they’re easier to write and maintain Is the widget written in a modern JavaScript framework such as AngularJS or Knockout?
- 9. JavaScript Library allows you to run multiple Angular* apps on a page … <div> <!-- ng-app=“HelloApp” --> <div ng-controller="main as vm"> <h1>Hello{{vm.space()}}{{vm.name}}!</h1> Who should I say hello to? <input type="text" ng-model="vm.name" /> </div> <!-- Widget Wrangler loads scripts and boots the app --> <script type="text/javascript" src="pnp-ww.js“ ww-appName="HelloApp“ ww-appType="Angular“ ww-appScripts='[{"src": “~/angular.min.js", "priority":0}, {"src": “~/script.js", "priority":1}]'> </script> </div> Widget Wrangler * Also works with any JavaScript framework – or none at all
- 10. demo AngularJS Widget in TypeScript • Model • Controller • Service • TypeScript Definitions for REST services
- 12. demo AngularJS Widget in TypeScript • Model • Controller • Service • TypeScript Definitions for REST services
- 13. Anatomy of an AngularJS/MVC/TypeScript web app • Why Integrate AngularJS and MVC? • Why add TypeScript? • Open source code you can experiment with • http://bit.ly/MvcNgTsDemo • Lessons Learned
- 15. Generating TypeScript definitions • Experiments with TypeLite http://bit.ly/1WW9ckN • Other options (not yet explored) • Typewriter extension for Visual Studio http://bit.ly/VsX-Typewriter
- 16. Resources Session Materials and Code Samples • http://bit.ly/bcc25ts102 TypeScript Playground • http://bit.ly/TSPlayground TS Def’ns from JSON • http://json2ts.com/
- 17. An Insight company Thank you. Bob Goodearl Bob German
Editor's Notes
- #2: This intermediate level session will build on the earlier introduction to TypeScript by showing examples of TypeScript in action with AngularJS 1.x. Bob German will begin by showing how to build light-weight widgets with Angular and TypeScript that can be deployed almost anywhere. Then Bob Goodearl will show a more advanced example of TypeScript Single Page Applications with Angular and ASP.NET MVC. In order to take advantage of this session, it will be helpful to have a basic understanding of AngularJS and ASP.Net MVC.
- #14: Talk about: - Application Structure AngularJS routing Generating TypeScript definitions for your WebAPI JSON payloads Date Handling - Lessons Learned: - You don’t get type checking when you go through a non-Typescript framework – e.g. Angular promises - Debugging doesn’t always work as expected; generated variables get confused with their original names Show app first, then… Review app structure Type Safety -