#spEasyDev sp2013 sp2016 ngsharepoint custommasterpage sharepoint2013 sharepoint2016 sharepoint sharepointandangularjs

[deshonclark-blog]

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

[deshonclark-blog]

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. http://snicdn.s3.amazonaws.com/job-portal/jobportal-starter.zip

[deshonclark-blog]

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

[deshonclark-blog]

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

[deshonclark-blog]

S1E05: SP2013 RestAPI Calls with AngularJS (revised) - Custom Solutions ...

[deshonclark-blog]

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.

[deshonclark-blog]

S1E15: Easy Way to Convert a Complex UI Design into SharePoint Page Layo...

S1E15: Easy Way to Convert a Complex UI Design into SharePoint Page Layout with AngularJS!

In this SharePoint Developer Tutorial, we will walk-through the process of converting a complex responsive deisgn search page into a SharePoint page layout with angularJS.

AngularJS templating really makes this process easy and SharePoint forward. We are working around the Bootstrap grid system, and a a lot fo custom css classes. We must keep all of this in tact, but at the same time, extract the various components needed for custom calls.

This process is known to be very tediuos, and requires great attention to detail, else, things will get screwed-up once we put it in SharePoint.

Check out this video, you may grab a few tips and tricks along the way.

#spclassroom #spEasyDev #sharepointsearch #sharepointrestapi #sharepointpagelayouts #sp2013 #sp2016 #ngsharepoint #custommasterpage #sharepoint2013 #sharepoint2016 #sharepoint #sharepointandangularjs #odata #sharepointlargelists #sharepointdevelopertutorial

[deshonclark-blog]

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.

[deshonclark-blog]

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.