JavaScript: Developing a Custom Framework

After viewing this lecture you'll have a high level understanding of the DataTables plugin..

After viewing this lecture you'll have a better understanding of implementing a simple DataTable.  If you're already familiar with this code feel free to skip this video.

NOTE: The downloadable materials for this lecture came from the datatables website - with the exception of "DataTablesCompleted.html" which I created based off the website example.  However the files I'm providing may not look like the numerous files you get when you download datatables today.  I've trimmed that code down to the minimum required in order to follow along in this example.  I think that will make it easier to understand!

After viewing this lecture you'll have a better understanding of our goals for enhancing and leveraging the DataTables plugin in our custom framework.

After viewing this lecture, you'll understand how our extended DataTables plugin will function.

After viewing this lecture, you'll understand how our extended DataTables plugin will be coded.

NOTE:  This lecture uses the same code (resource file) from the previous lecture.

After viewing this you'll have a high level understanding of the Bootstrap Datepicker plugin.

After viewing this lecture you'll have a better understanding of implementing a basic Bootstrap Datepicker.  If you're already familiar with this code feel free to skip this video.

After viewing this lecture you'll have a better understanding of our goals for enhancing and leveraging the Datepicker plugin in our custom framework.

After viewing this lecture, you'll understand how our extended Datepicker plugin will function.

After viewing this lecture, you'll understand how our extended Datepicker plugin will be coded.

NOTE:  This lecture uses the same code (resource file) from the previous lecture.

This video will discuss some of the many differences we encounter was we move from a simple text editor to a full-fledged integrated development environment, and leverage a client/server model.

After viewing this lecture you'll have a better understanding of our goals for our custom framework, and how the idea for our framework is first proposed.

After viewing this video you'll have a better understanding of the naming and component-based structure of our custom framework.

This lecture will enable you to understand the base framework file via a line-by-line code review.

In this video you'll learn how to move our custom framework code into components so they can be optionally included or excluded on projects that will leverage our framework.

Learn how we build the DataTables plugin into our framework.

Learn how we build the Datepicker plugin into our framework.

Learn how the 'this' keyword can be used versus explicitly specifying paths in our framework.

A deeper dive into the 'this' keyword and 'use strict' - you'll learn why we use them and what they do for us.

After viewing this you'll have a high level understanding of the Chosen dropdown plugin.

After viewing this course you'll have a better understanding of implementing a basic Chosen dropdown.  If you're already familiar with this code feel free to skip this video.

After viewing this course you'll have a better understanding of our goals for enhancing and leveraging the Chosen dropdown plugin in our custom framework.

Learn how Chosen can function with cascading asynchronous JavaScript requests.

This video will teach you about the jQuery syntax for AJAX requests, which we'll be using in our custom framework.

Learn how we build the Chosen dropdown plugin into our framework, there is a lot to cover so this is broken into two parts.  This is part 1.

Learn how we build the Chosen dropdown plugin into our framework, there is a lot to cover so this is broken into two parts.  This is part 2.

Learn how to create a NuGet package.

We'll leverage the NuGet package manager to create a package for distributing our custom framework across teams and projects!

Learn how to install and use the NuGet package we just created.

We'll leverage the NuGet package manager to create a package for distributing our custom framework across teams and projects!

In the future you'll face challenges when developing a custom framework that must balance flexibility with ease-of-use.  In this video you'll learn about some issues you're likely to face and how they might be solved.

In this video we'll put the final code to the test, across browsers.  If we find any issues (we will!) then we discuss our options for fixing them and get them resolved.

This overview and recap will talk about some pros and cons of the framework approach so you'll have a better idea of when to introduce a framework and what features should be included within it, versus those that would be better placed elsewhere.

Well done, you've completed this course!

COURSE COMPLETE!

Thank you for watching and I welcome your questions.