Creating Lightning Fast Apps Using AngularJS

Slides:



Advertisements
Similar presentations
SharePoint Saturday– Regis University North Denver Campus
Advertisements

02 | New Features for Web Developers Susan Ibach| Technical Evangelist Christopher Harrison | Head Geek.
By Khoa Quach. About Me Khoa Quach SharePoint Technologies MCTS, MCPD, MCSE Co-founder of NIFTIT Specializes in SharePoint Integration Application Development.
Microsoft Excel 2003 Illustrated Complete Excel Files and Incorporating Web Information Sharing.
USING ANGULARJS WITH SITEFINITY
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
SharePoint 2013, customization and branding. Christian Ståhl.
Bob German Principal Architect A New on SharePoint Development Building Light-Weight Web Parts with AngularJS
9 Agenda Views Pages Web Parts Navigation Office Wrap-Up.
JavaScript Framework for Rich Apps in Every Browser Maura Wilder Joan Wortman
Microsoft Virtual Academy Stacey Mulcahy | Technical Evangelist Christopher Harrison | Content Developer.
ANGULARJS A Gentle Introduction John /
Getting Started with ASP.NET MVC BRIJ BHUSHAN MISHRA.
Learn AngularJS by Building 10 projects. Introduction to AngularJS An Open source web application framework by Google Written in JavaScript offers complete.
Modern Development Technologies in SharePoint SHAREPOINT SATURDAY OMAHA APRIL, 2016.
The New Face of ASP.NET ASP.NET MVC, Razor, and jQuery Ido Flatow | Senior Architect | Sela | This session is.
Software services delivering SharePoint, Mobile, and Business Intelligence solutions Understanding and implementing the remote provision pattern in SharePoint.
XSLT? Where we are going, we don’t need XSLT.. About me French, SharePoint Developer and Food Lover Khoa Quach SharePoint Technologies MCTS, MCPD, MCSE.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
A Developer’s Introduction to SharePoint 2013 Apps Ryan McIntyre, MCITP, MCPD National
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
SharePoint Server 2016 Release Candidate Ryan Schouten Greater Idaho SharePoint Users Group 1/27/2016.
SharePoint & jQuery. About me Phill Duffy – Product Manager at Lightning Tools Ltd – Author of ‘Pro SharePoint with jQuery’ – MCTS Application Developer.
Using PowerBI to Create Awesome Dashboards
Software services delivering SharePoint, Mobile, and Business Intelligence solutions Creating mobile applications that integrate with SharePoint 2013 on-
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
Benefits of choosing AngularJS to develop Next Generation Applications A few years back, the pattern of present day AngularJS was being formed. Currently.
Microsoft Certification Paths
Creating Lightning Fast Apps Using AngularJS
TechEd /1/2018 7:56 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Using Microsoft Identity Manger with SharePoint 2016 to fill the User Profile Sync Gap Max Fritz Senior Systems Consultant Now Micro.
Customizing SharePoint with Knockout and Typescript
The Internet and HTML Code
AngularJS A Gentle Introduction John
Creating and Deploying Your First SharePoint Framework Application
KnockoutJS -Pradeep Shet 31st August 2014.
Not Sure how you Should React
The Cliff Notes Version
Branding SharePoint Using Application Customizers
Jessica Betts, Sophia Pandey, & Ryan Amundson
SharePoint-Hosted Apps and JavaScript
AngularJS and SharePoint 2013: Lessons Learned from the Trenches
Customizing SharePoint with TypeScript and Knockout
Creating and Deploying Your First SharePoint Framework Application
PHP + Oracle = Data-Driven Websites
AngularJS and SharePoint Chris Douglas Senior SharePoint Developer InfoReliance Web: Twitter:
MEAN stack L. Grewe.
Office 365 Development July 2014.
Angular (JS): A Framework for Dynamic Web Pages
Customizing SharePoint with TypeScript and Knockout
Office 365 Column Formatting (with Column Formatter)
Introduction to AngularJS
A Quick Overview of ASP.NET Core 1.0
Fast, free, fun Weebly web sites.
Office 365 Development July 2014.
Moving Your Customizations to the cloud
Hooking into Apps for SharePoint
Microsoft Certification Paths
ASP.NET Core* MVC and Web API Shahed Chowdhuri
Test driving angularjs
Secure Web Programming
06 | Using AngularJS to create an SPA
Your code is not just…your code
Creating Lightning Fast Apps Using AngularJS
Using PowerBI to Create Awesome Dashboards
Western Mass Microsoft Technology Users Group
Your code is not just…your code
Introduction to ASP.NET MVC
SharePoint Saturday Kansas City October 19, 2019
Create Your First React Application
Presentation transcript:

Creating Lightning Fast Apps Using AngularJS By Ryan Schouten SharePoint Saturday Silicon valley 2016

Ryan Schouten Worked with SharePoint for 9 years I have experience with SharePoint 2003 – 2016 I have worked with ASP.Net for 14 years MCPD, MCT, MCSE: SharePoint, MCSA: Office 365 Contact Information Ryan@sharepointknight.com @shrpntknight http://www.sharepointknight.com Worked with all but one version of SharePoint. I missed the first version. Slides will be posted to my blog at http://www.sharepointknight.com in the next 24 hours.

Office365 Implementations Custom SharePoint Development Responsive Design Intranet Design/Implementations

Agenda AngularJS Basics Adding it to SharePoint Lessons Learned Future Controllers Directives Views Data Binding Filters Adding it to SharePoint Options for Getting Data Lessons Learned Future

AngularJS AngularJS History Backed by Google Follows MVC Pattern Developed in 2009 to support a custom website The site flopped and AngularJS was released as an open source library Backed by Google Follows MVC Pattern

Controllers Handles interaction with the view and model Contains most of your logic Most of your time should be spent here

Directives Allow for adding functionality to elements AngularJS is full of directives ng-controller, ng-class, ng-show, ng-repeat, etc. Can be HTML Tag CSS class Element Attribute

Views This is your HTML markup Minimal JavaScript

Data-Binding AngularJS uses two-way data binding Uses the handle bar notation in your view {{Title}} Allows for easy interaction with the data without having to go find it.

Demo: {{DataBinding}}

Filters Allow interaction with the data Filters allow us to Filter Sort Format Create your own

SharePoint Ways of Getting Data from SharePoint REST CSOM Web Services Know the limitations of each and choose what works for your needs

Demo: SharePoint Data and Filtering

Questions

Resources Web Essentials - http://vswebessentials.com/ AngularJS - https://www.angularjs.org/ AnuglarSP - http://angularsp.codeplex.com/ GitHub - https://github.com/sharepointknight/SharePointSaturday

Thanks Thank your for attending Sharepoint Saturday Silicon Valley 2016 Contact Information Ryan@sharepointknight.com @shrpntknight http://www.sharepointknight.com