O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Mastering Kendo UI

Video Description

Tap into the full power of the Kendo UI framework and its widgets with this clear and concise guide

About This Video

  • Make the most of MVVM, Kendo UI, and Bootstrap to build a fully functional blogging application

  • Configure the most popular Kendo UI widgets to improve the functionality of your app

  • Put Telerik’s backend services to work and store your data safely for when you need it

  • In Detail

    You have probably already heard about Kendo UI and the extensive range of widgets it comes with; but there’s more to Kendo UI than just widgets. Kendo UI has a full featured framework, and when you put it all together, you can run your application using Kendo UI MVVM, Kendo UI widgets, and the Telerik backend for your data storage.

    With Mastering Kendo UI, you will be taken on a journey through building a fully functioning blog application with Kendo UI.

    You start off by installing a toolbox full of awesome functionality including Kendo UI, Bootstrap, and Telerik’s backend services. Next, you will build a Content Editor by using the MVVM (Model-View-View-Model) architecture to control the widgets. You will then move on to creating a Blog Editor along with a Post Editor and then create and validate a form. You will also see how to troubleshoot some common issues that developers face every day. The video series doesn’t stop here, but you will also learn how to do more with cleaner and more concise code using the Kendo UI library, jQuery, and Telerik’s Everlive. Once you are done with the application, you will jump into some more advanced topics and look into Layouts, Views, and Routing.

    At the end of these 120 minutes, you will have a strong foothold on the important aspects of Kendo UI and will be able to build your own apps with confidence.

    Table of Contents

    1. Chapter 1 : Set Up Your Project with Kendo UI and Twitter Bootstrap
      1. Get Acquainted with CodeAnywhere 00:01:35
      2. Setting Up the Environment 00:02:06
      3. Setting Up Twitter Bootstrap 00:02:01
      4. Exploring the Telerik Platform 00:04:32
    2. Chapter 2 : Start Coding
      1. Applying a Basic Twitter Bootstrap Layout 00:04:27
      2. Using Kendo UI Layouts and Views 00:01:22
      3. Creating the Navigation View and Subviews 00:04:23
      4. Wiring Up the Navigation Menu 00:02:06
    3. Chapter 3 : Building a Content Editor
      1. Create an Inline Content Editor 00:04:26
      2. Configure the Content Editor 00:03:57
      3. Control the Controls 00:03:35
      4. Save Data from the Content Editor 00:03:55
    4. Chpater 4 : Building a Blog Manager
      1. Create a Blog Manager 00:03:51
      2. Create a Blog Posts Manager and Editor 00:05:55
    5. Chapter 5 : Displaying Blog Posts
      1. Display Blog Post(s) on a Page 00:04:32
      2. Display a Blog Post View 00:03:56
    6. Chapter 6 : Creating a Registration Page and Validating It
      1. Create a Registration Page 00:03:01
      2. Create Kendo UI Observable and Add the Default Properties 00:01:45
      3. Implementing Kendo UI Validation 00:01:17
      4. Implementing Custom Validation 00:01:38
      5. Form Validation 00:01:32
    7. Chapter 7 : Troubleshooting
      1. Using Chrome Developer Tools 00:01:19
      2. Using Console Logging 00:03:11
      3. Traverse JavaScript Code Using Chrome Developer Tools 00:02:55
      4. Using the Network Tab to See Network Traffic 00:05:25
    8. Chapter 8 : Advanced Kendo UI
      1. View Network Traffic 00:01:32
      2. Using the Kendo UI View 00:03:51
      3. Using the Kendo UI Upload 00:03:41
      4. Using the Kendo UI Router 00:02:37