Microsoft cloud engineer - SharePoint, Office 365, Azure, DotNet, Angular, JavaScript.
Microsoft cloud engineer - SharePoint, Office 365, Azure, DotNet, Angular, JavaScript.

Video

VIDEO – code JS todo CRUD on Breeze & SQL Express (part 1 of 2)

Live coding walk through of a locally hosted “Todo List” CRUD application with Breeze WebAPI 2.2 middle tier and SQL Express relational database storage.  This baseline allows developers to be more productive locally with fast feedback loops.   Iterate code changes, reload test, and repeat.   This technology stack can create sophist acted business application with input validation, advanced data schema, workflows, and more bringing in the latest web innovations from NPM and NodeJS.  

Custom HTTP header was added for extra security as an application “client secret” which is required for the WebAPI middle tier to respond to HTTP traffic.  Missing HTTP header will respond with “null” and not execute any Dot Net code.

In this video I used several components and want to share links for each:

 

 

In a future video, I’ll show how this application can then be deployed to Office 365 and SQL Azure to leverage Microsoft’s cloud hosting.

Enjoy! 

shades_smile

 

 

Diagram

 

Video

Live code JS todo CRUD on Breeze & SQL Express from Jeff Jones on Vimeo.

 

References

You Might Not Need JQuery – VIDEO

Today I was looking at http://youmightnotneedjquery.com/ and how that could apply to SharePoint UI elements.   Check out the video and code samples below.    Often we need to hide simple page elements and can leverage newer browser JS features for common features like selector and forEach.

Enjoy! 

shades_smile

 

Video

You Might Not Need JQuery – VIDEO from Jeff Jones on Vimeo.

 

Screenshot

2016-07-29_17-14-29

Code – HTML

Code – CSS

Code – JS

Desktop Icon to launch Office 365 PowerShell

Check this video out to see a Desktop Icon that launches PowerShell and automatically logs in to your Office 365 Tenant URL.   It leverages both the SPO (TechNet) and PNP (GitHub) cmdlets to open two connections.   From here, you can easily work on your O365 tenant without having to memorize login steps and repeat each time.

If you found this helpful, please leave a comment.  Cheers! 

shades_smile

 

Screenshot

image
2016-07-26_14-42-35

 

Video

 

Source Code

Generate TypeScript interfaces from JSON data

Autocomplete JSON property names in JavaScript by generating TypeScript interfaces from sample JSON data.  Check out the below video for a live demo.

Huge win for developer productivity.  No more property name guessing or typos!

 

  1. Copy sample JSON from http://json.org/example.html
  2. Paste into http://json2ts.com/ by @Sorskoot to generate TypeScript interfaces
  3. Add TS file to application working folder
  4. Enjoy autocomplete with Visual Studio Code!
    shades_smile

 

VIDEO

 

SOURCE CODE

© Copyright 2016
@ SPJeff

Return to Top ▲Return to Top ▲