gids 13 - html5 web apps with kendo ui
Post on 02-Dec-2014
940 Views
Preview:
DESCRIPTION
TRANSCRIPT
Building HTML5 Web Apps
Lohith G NTelerik
ABOUT ME
• Developer Evangelist, Telerik India• Microsoft MVP
• @kashyapa• Lohith.Nagaraj@telerik.com
• www.Kashyapas.com• www.Telerikhelper.net
Telerik at a Glance
• Established in 2002• Telerik is now a leading vendor of productivity tools & solutions• 11 global offices, 700+ people, 100,000+ loyal customers in over 90
countries• 880,000 Registered users in the Telerik Online Community • True global vendor – no vertical or geographical focus• Numerous business awards, hundreds of technology awards
““Deliver More Than Deliver More Than Expected”Expected”
End to End Provider
Solutions for all aspects of Software Development
Automated Functional & Performance UI Testing
Unit Testing
Load/Stress Testing
Exploratry Testing
Testing
Requirements Gathering
Project Management
Defect Management
Team and Customer Collaboration
Planning
Multi-platform UI tools
Code quality and performance tools
Data access and reporting tools
Construction
Telerik Product Portfolio
PlanPlan BuildBuild TestTest DeliverDeliverAGILE PROJECT AGILE PROJECT MANAGEMENTMANAGEMENT
DEVELOPER TOOLSDEVELOPER TOOLS QUALITY ASSURANCE QUALITY ASSURANCE TOOLSTOOLS
WEB PRESENCE WEB PRESENCE PLATFORMPLATFORM
Windows Phone*
Sitefinity
OpenAccess ORM
Silverlight
WinForms
Reporting
JustCode
WPF Controls
ASP.NET MVC
JustMock
ASP.NET AJAX*
JustDecompile
TeamPulse
Windows 8*
TestStudio
LETS BUILD A SPA
In 20 minutes …
SPA USING KENDO UI
Overview
Building Blocks
• Router
• View
• Layout
Router
• Responsible for– Tracking application state– Navigating between application states
• Integrates with history• Uses fragment version of URL• Use route() to define routes• Use navigate(url) to navigate
Layout
• Inherits from View
• Allows rendering other views/layouts
• Will hide a view when new view is rendered on a location
View
• A Screen in the app• Content can be
– HTML string – Script template
• By default wraps content in a div element
• Can pass observable as model to view
top related