Monday, March 26, 2018

S1E09: RestAPI Calls against SharePoint Large Lists - 100,000 items

In this SharePoint Developer tutorial we make restAPI calls against a SharePoint large list with 100,000 items (at the time of this video there were only 23,472 items, they were still loading). We will discuss the gotchas with working with large lists, and when to create indexed columns and for which columns types.

In addition, some of the steps in this video is a review of the previous techniques we used in earlier videos, as in publishingImage src url, css tricks for responsive design, and odata filtering syntax in restAPI urls.

As mentioned in this video, it is important to work with large sample data during SharePoint development. This allows you to catch performance issues/concerns much earlier in the process, and gives you a lot of data when working with search or other features that requires paging. Make sure you subscribe, as in a future video, we will walk through the process of adding 100s of thousands list items of sample data.

#spEasyDev #sp2013 #sp2016 #ngsharepoint #custommasterpage #sharepoint2013 #sharepoint2016 #sharepoint #sharepointandangularjs #odata #sharepointlargelists



 


Tuesday, March 20, 2018

S1E08: How to Build a SharePoint Carousel Slider with AngularJS and Owl ...

In this SharePoint Developer tutorial we implement the SharePoint Carousel Slider which, in our case is the OWL Slider jQuery Plugin. This is a great video filled with tricks on how to overcome issues with integrating a jQuery plugin with angularJS.

We discuss the common issues with the DOM ready event, and how in most cases it does not work with angularJS, because of the dynamic html nature of angularJS and the delays with AJAX calls.

You will find these techniques useful not only for jQuery Carousel Sliders like OWL, Slick, Bootstrap Carousel, and jCarousel; but for any other jQuery plugin that has an initializer requirement.





 












#spEasyDev #sp2013 #sp2016 #ngsharepoint #custommasterpage #sharepoint2013 #sharepoint2016 #sharepoint #sharepointandangularjs

Monday, March 12, 2018

S1E07: 5 CSS Tricks Every SharePoint Developer Should Know - SharePoint ...

In this video we use the 5 css tricks that are essential and every SharePoint developer should know when dealing with a responsive design master page. We use these 5 CSS tricks to fix our spacing and alignment with responsive design and dynamic content within SharePoint. We tackle the issue we encountered in the last video, with how to get our Blog Post cards to display correctly regardless of the length of the blog title, description and a higher resolution image.



 



Saturday, March 10, 2018

S1E01: Best SharePoint 2013 Developer Environment Setup for AngularJS - ...

In this video we walk-through the process of setup up our visual studio environment for our custom masterpage and page layouts. This environment enables you to setup a light foot-print with Visual Studio 2017 Community and on your laptop without SharePoint installed.

Here is the link to the starter design file used in this video.
http://snicdn.s3.amazonaws.com/job-portal/jobportal-starter.zip


S1E02: Creating a Custom Masterpage in 30ish mins - Custom Solutions wit...

In this video we create a custom masterpage with the custom UI provider by our designer. You will see that this is a really simple process, and as long as you keep things in order, the creation of the custom masterpage becomes really straight forward.

The secrete to this easy creation is the starter masterpage used, and the simple and quick publishing deployment technique that we are setup in episode 00.

Here is the link to the starter design file used in this video.
Get the Starter Package Here




Wednesday, February 21, 2018

S1E03: AngularJS setup in SP2013, the minimal way - Custom SP2013 and an...

In this video we start laying the ground work for angularJS by setting up the modules, components, and services. We create our template dir, and start moving some of that custom html into angularJS templates and referencing the associated components inside of the master.

This process is so easy, that I am still surprised everytime I use it.



 

S1E04: Quickly Build AngularJS Components and Services in SP2013 - Custo...

In this video we continue to lay the foundation for rapid development in SP2013 using angularJS components and services. As you will notice, angularJS services are essential for getting the current site collection and current web URLs. This is a nice clean pattern, that separates the UI from the JavaScript code, which makes it easier to maintain the solution, and expand the solution in the future.

This process is so easy, that I am still surprised every time I use it.