ITCamp 2013 - Tiberiu Covaci - SPA Made Breezy

•

0 likes•492 views

ITCamp

Technology Business

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileHuge thanks to our sponsors!

itcampro@ itcamp13# Premium conference on Microsoft technologies

itcampro@ itcamp13# Premium conference on Microsoft technologies
Single Page Applications
Made with Breeze.js
Tibi Covaci, @tibor19

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileWho am I
• Tiberiu ’Tibi’ Covaci
• Software engineer, 20 years experience
• MCT since 2004, teaching .NET
• Senior Trainer & Mentor in Romania
• Microsoft MVP for Windows Azure
• Father & Geek
• Twitter: @tibor19 / #itcamp13

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAgenda
• What is SPA
• Technologies
• Demo

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileSingle Page Application
Rich Client App in HTML/JavaScript

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileWhy SPA?

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileOne ASP.NET

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileHybrid is the norm
ASP.NET Web
Form
ASP.NET
MVC Page
ASP.Net
MVC Page
SPA
No one pattern is the best Evolution, not revolution

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileKnockout
• JavaScript MVVM framework
• Independent library
• Works well with other frameworks

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileKnockout
• Declarative bindings
• Automatic refresh
• Dependency tracking
• Support for templating

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileKnockout observables
• Observable properties
• Observable arrays
• Computed(dependent) observables

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileKnockout bindings
• Controlling text and appearance
• Control flow
• Form field bindings
• Rendering templates
• Custom bindings

itcampro@ itcamp13# Premium conference on Microsoft technologies
Demo

itcampro@ itcamp13# Premium conference on Microsoft technologies
learn more at
knockoutjs.com

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileDurandal
• Clean MV* Architecture
• JS & HTML Modularity
• Simple App Lifecycle
• Eventing, Modals, Message Boxes, etc.
• Navigation & Screen State Management
• Consistent Async Programming w/ Promises
• App Bundling and Optimization

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileDurandal
• Use any Backend Technology
• Built on top of jQuery, Knockout & RequireJS
• Integrates with other libraries such as
SammyJS & Bootstrap
• Make jQuery & Bootstrap widgets
templatable and bindable (or build your own
widgets).

itcampro@ itcamp13# Premium conference on Microsoft technologies
learn more at
durandaljs.com

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileRich data
Caching
Validation
Client Queries
Batch Save
Change Tracking
Roll Your
Own

itcampro@ itcamp13# Premium conference on Microsoft technologies
Free
Open Source (GitHub)
MIT License

itcampro@ itcamp13# Premium conference on Microsoft technologies
Technical Support
Professional Services

itcampro@ itcamp13# Premium conference on Microsoft technologies
learn more at
breezejs.com

itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileSummary
• SPA is a good alternative
• KO and data binding makes code cleaner
• Durandal makes the MV* easy
• SPA is Breezy with KO and Durandal

itcampro@ itcamp13# Premium conference on Microsoft technologies
Thank you
Thanks to IdeaBlade
Ward Bell
Marcel Good

itcampro@ itcamp13# Premium conference on Microsoft technologies
Q & A

More from ITCamp

ITCamp 2019 - Stacey M. Jenkins - Protecting your company's data - By psychol...

ITCamp

ITCamp 2019 - Silviu Niculita - Supercharge your AI efforts with the use of A...

ITCamp

Understanding skills is key to managing any organisation. Skills are not necessarily related to your job, your qualifications or your studies, they are related to what you can do and the responsibilities you have (or should have) within your organisation. Through a systematic and structured approach to understanding, analysing and classifying skills, the business can become more effective, staff has a better understanding of their roles and responsibilities, there is increased job satisfaction, and clear career and training progression plans can be defined.

ITCamp 2019 - Peter Leeson - Managing Skills

ITCamp

ITCamp 2019 - Mihai Tataran - Governing your Cloud Resources

ITCamp

Color. It has the power to evoke emotions and empower the effectiveness of a product, but it also has the ability to ruin otherwise meticulously crafted user experiences. It often rules from the shadows, disguised as a purely aesthetic element and a mean of beautification. Let’s see how to overtake control and strategically use color in digital product development. Product teams often fail to remember that color has an enormous impact on our response to visual stimulation during human-computer interaction. The most immediate and direct psychological impact on experiences is of course - color. With its complexity and various levels of subconscious effects, it triggers an emotional response. Color doesn’t live in a vacuum, and we need to start considering it in the context of use. There are many aspects that we need to take into account: target audience and their potential visual impairments, cultural background and individual difference, previous experiences and memories, the physical environment of use and compliance with the brand. In this talk, we will immerse into approaches and best practices that product teams should take for strategic use of color in their product design process. After a basic introduction to color theory and psychology (to make sure everyone is up to speed), we will elaborate in detail how even subtle differences in color schemes have a significant impact on interface perception and product success. We will show a series of interface examples we tested on various users and do some live testing on site as well.

ITCamp 2019 - Ivana Milicic - Color - The Shadow Ruler of UX

ITCamp

Clean Architecture as a term is around for a while. However, the path to implement it is not always clear nor easy to follow. When projects fail for reasons that are primary technical, the reason is often uncontrolled complexity. The complexity goes out of hand when the code lacks structure, when it lacks Clean Architecture. In this session, I will show how to achieve consistency by implementing Clean Architecture through structure, rather than relying on discipline only. We will look at some basic building blocks of an application infrastructure which will enforce the way dependencies are created, how dependency injection is used or how separation of the data access concerns is enforced.

ITCamp 2019 - Florin Coros - Implementing Clean Architecture

ITCamp

You played around with containers? You feel you can handle the adrenaline rush of publishing your containers in production? Well hold on there because there are some aspects you need to consider before you start rushing to production. How you will handle auto-scalling? What about updates / upgrades? Downtime of your app? Version 1 and Version 2? CI/CD? Etc. This session is about deploying your services on containers using the Azure Kubernetes managed offering. You will learn about what problems you might encounter and how to handle them during your deployment journey, and we will cover the main features of Kubernetes and how they can be of use to you

ITCamp 2019 - Florin Loghiade - Azure Kubernetes in Production - Field notes...

ITCamp

ITCamp 2019 - Florin Flestea - How 3rd Level support experience influenced m...

ITCamp

Let's face it, our world will be taken over by robots, or at least our jobs as the scary ML & AI speculations seem to say. But until that day arrives, I want to take you on a hypothetical journey of designing and creating a fully automated restaurant of the future, where a fine tuned and efficiently orchestrated group of RoboChefs will cook your desired meal perfectly each time. And all of this is possible thanks to Actions, Timers, Monitors, Orchestrators, Sub-Orchestrators and more, all concepts from Azure Durable Functions, the real focus of this session, an extension to Functions that adds state, and which are part of Azure's Serverless Compute technologies.

ITCamp 2019 - Emil Craciun - RoboRestaurant of the future powered by serverle...

ITCamp

ITCamp 2019 - Eldert Grootenboer - Cloud Architecture Recipes for The Enterprise

ITCamp

Blockchain is one of the main legal tech trends today and, like any new technology, comes with strings attached. Issues like enforceability of smart contracts, performance risks, data privacy and compliance with various regulations in different jurisdictions are main legal concerns. The session will focus on the main legal risks by means of case studies and offer a hands-on approach for risk management in case of blockchain and architectures of distributed ledgers.

ITCamp 2019 - Cristiana Fernbach - Blockchain Legal Trends

ITCamp

ML.NET is an open source, machine learning framework built in .NET and runs on Windows, Linux and macOS. It allows developers to integrate custom machine learning into their applications without any prior expertise in developing or tuning machine learning models. Enhance your .NET apps with sentiment analysis, price prediction, fraud detection and more using custom models built with ML.NET In this Session, Andy will show not only the core of ML.NET but best practices around Azure Data Lake and data in general when using .NET

ITCamp 2019 - Andy Cross - Machine Learning with ML.NET and Azure Data Lake

ITCamp

Andy Cross, Director of Elastacloud, Microsoft Regional Director, Azure MVP and all round good guy, gives a session on how to successfully build or transform a business using AI technologies. Over the last years, Elastacloud have delivered analytics projects to a variety of customers. The greatest challenges around AI are both technical and organisational. The existing landscape of process and strategy doesn't solve these challenges in combination, and the gap between causes friction and the failure of AI projects. When modelling the outcome of actions that were informed by AI, possibly enacted by AI, the standard risk modelling approaches need to be transformed to include a factor that can change over time to represent the effectiveness of the AI solutions. Given that we should accept errors as part of the AI solution, and that errors are reinforcing of better future decisions, we need to project risk as a decreasing vector over time.

ITCamp 2019 - Andy Cross - Business Outcomes from AI

ITCamp

ITCamp 2019 - Andrea Saltarello - Modernise your app. The Cloud Story

ITCamp

Thanks to the recently released v4 of the Bot Framework SDK, creating your first bot is a breeze; still, implementing a production viable one is no easy task since several aspects must be taken into account such as user authentication, integration within existing apps, multi language support, technical considerations (e.g.: Azure Functions vs. MVC Core, Blob Storage vs. CosmosDB) and, last but not least, operational costs. Moreover, you might want to reuse your bot’s Azure hosted, Cognitive Services-backed code to address Amazon’s Alexa users to avoid the need to implement (and evolve) it twice. Eager to learn how to do that for real? Don’t miss this code-based talk then.

ITCamp 2019 - Andrea Saltarello - Implementing bots and Alexa skills using Az...

ITCamp

ITCamp 2019 - Alex Mang - I'm Confused Should I Orchestrate my Containers on ...

ITCamp

You may have heard me talk about the capabilities of Azure Logic Apps and Azure Functions before, but now I'm taking it up a few notches! And this is mostly because a lot of things have changed over the past few months in terms of serverless and cloud-native applications. Join me at this session during which you will get to do a deep dive with me on the ins and outs of Azure Functions when it comes to developer real applications, not just 'Hello, World's and the brand-new, top-notch Azure Service Fabric Mesh offering. I will finger point each bad practice and the things you should avoid, but at the end of the day we'll have created a highly scalable, production-ready application. So, how far and how fast can we actually go... now?

ITCamp 2019 - Alex Mang - How Far Can Serverless Actually Go Now

ITCamp

Marcus Vitruvius Pollio, commonly known as Vitruvius, was a Roman author, architect, civil engineer and military engineer during the 1st century BC. He is known for his multi-volume work entitled “De architectura” and his discussion of perfect proportion in architecture and the human body, which led, among others to the famous drawing by Leonardo da Vinci called the “Vitruvian Man”. Within the principles of “Vitruvian Quality”, we seek to find those perfect proportions and how to align all components of the business architecture in order to make them fit the human needs of the impacted stakeholders.

ITCamp 2019 - Peter Leeson - Vitruvian Quality

ITCamp

This session might look like a joke, and it partially is. On one hand it is a parody about how the most recent trends in industry can significantly increase the cost associated with launching an application (design, development, hosting & operations, etc). However, it is also a live demo of how you can incrementally evolve your application to take advantage of all the cool technologies out there without needing the actual a million dollars.

ITCamp 2018 - Ciprian Sorlea - Million Dollars Hello World Application

ITCamp

JavaScript is no longer meant just for front-end or for scripting kiddies to play with. And it's no longer just a language, it's become an entire ecosystem, a lifestyle. However, it has its downsides. And TypeScript is here to fill in some of the gaps. In this session we will look at how to use TypeScript along with some other technologies to build large scale distributed applications that are Enterprise ready yet Developer friendly.

ITCamp 2018 - Ciprian Sorlea - Enterprise Architectures with TypeScript And F...

ITCamp

More from ITCamp (20)

ITCamp 2019 - Stacey M. Jenkins - Protecting your company's data - By psychol...

ITCamp 2019 - Silviu Niculita - Supercharge your AI efforts with the use of A...

ITCamp 2019 - Peter Leeson - Managing Skills

ITCamp 2019 - Mihai Tataran - Governing your Cloud Resources

ITCamp 2019 - Ivana Milicic - Color - The Shadow Ruler of UX

ITCamp 2019 - Florin Coros - Implementing Clean Architecture

ITCamp 2019 - Florin Loghiade - Azure Kubernetes in Production - Field notes...

ITCamp 2019 - Florin Flestea - How 3rd Level support experience influenced m...

ITCamp 2019 - Emil Craciun - RoboRestaurant of the future powered by serverle...

ITCamp 2019 - Eldert Grootenboer - Cloud Architecture Recipes for The Enterprise

ITCamp 2019 - Cristiana Fernbach - Blockchain Legal Trends

ITCamp 2019 - Andy Cross - Machine Learning with ML.NET and Azure Data Lake

ITCamp 2019 - Andy Cross - Business Outcomes from AI

ITCamp 2019 - Andrea Saltarello - Modernise your app. The Cloud Story

ITCamp 2019 - Andrea Saltarello - Implementing bots and Alexa skills using Az...

ITCamp 2019 - Alex Mang - I'm Confused Should I Orchestrate my Containers on ...

ITCamp 2019 - Alex Mang - How Far Can Serverless Actually Go Now

ITCamp 2019 - Peter Leeson - Vitruvian Quality

ITCamp 2018 - Ciprian Sorlea - Million Dollars Hello World Application

ITCamp 2018 - Ciprian Sorlea - Enterprise Architectures with TypeScript And F...

Recently uploaded

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Zilliz

Scalable LLM APIs for AI and Generative AI Application Development Ettikan Karuppiah, Director/Technologist - NVIDIA Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...

apidays

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

MINDCTI Revenue Release Quarter One 2024

MIND CTI

In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?

Ransomware_Q4_2023. The report. [EN].pdf

Overkill Security

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

Real Time Object Detection Using Open CV

Khem

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

Recently uploaded (20)

Artificial Intelligence Chap.5 : Uncertainty

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Axa Assurance Maroc - Insurer Innovation Award 2024

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Data Cloud, More than a CDP by Matt Robison

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

MINDCTI Revenue Release Quarter One 2024

Ransomware_Q4_2023. The report. [EN].pdf

MS Copilot expands with MS Graph connectors

Real Time Object Detection Using Open CV

Powerful Google developer tools for immediate impact! (2023-24 C)

Boost Fertility New Invention Ups Success Rates.pdf

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

ITCamp 2013 - Tiberiu Covaci - SPA Made Breezy

1. itcampro@ itcamp13# Premium conference on Microsoft technologies SPA Made Breezy Tiberiu Covaci, @tibor19

2. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileHuge thanks to our sponsors!

3. itcampro@ itcamp13# Premium conference on Microsoft technologies

4. itcampro@ itcamp13# Premium conference on Microsoft technologies

5. itcampro@ itcamp13# Premium conference on Microsoft technologies Single Page Applications Made with Breeze.js Tibi Covaci, @tibor19

6. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileWho am I • Tiberiu ’Tibi’ Covaci • Software engineer, 20 years experience • MCT since 2004, teaching .NET • Senior Trainer & Mentor in Romania • Microsoft MVP for Windows Azure • Father & Geek • Twitter: @tibor19 / #itcamp13

7. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileAgenda • What is SPA • Technologies • Demo

8. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileSingle Page Application Rich Client App in HTML/JavaScript

9. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileWhy SPA?

10. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileOne ASP.NET

11. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileHybrid is the norm ASP.NET Web Form ASP.NET MVC Page ASP.Net MVC Page SPA No one pattern is the best Evolution, not revolution

12. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileKnockout • JavaScript MVVM framework • Independent library • Works well with other frameworks

13. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileKnockout • Declarative bindings • Automatic refresh • Dependency tracking • Support for templating

14. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileKnockout observables • Observable properties • Observable arrays • Computed(dependent) observables

15. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileKnockout bindings • Controlling text and appearance • Control flow • Form field bindings • Rendering templates • Custom bindings

16. itcampro@ itcamp13# Premium conference on Microsoft technologies Demo

17. itcampro@ itcamp13# Premium conference on Microsoft technologies learn more at knockoutjs.com

18. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileDurandal • Clean MV* Architecture • JS & HTML Modularity • Simple App Lifecycle • Eventing, Modals, Message Boxes, etc. • Navigation & Screen State Management • Consistent Async Programming w/ Promises • App Bundling and Optimization

19. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileDurandal • Use any Backend Technology • Built on top of jQuery, Knockout & RequireJS • Integrates with other libraries such as SammyJS & Bootstrap • Make jQuery & Bootstrap widgets templatable and bindable (or build your own widgets).

20. itcampro@ itcamp13# Premium conference on Microsoft technologies Demo

21. itcampro@ itcamp13# Premium conference on Microsoft technologies learn more at durandaljs.com

22. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileRich data Caching Validation Client Queries Batch Save Change Tracking Roll Your Own

23. itcampro@ itcamp13# Premium conference on Microsoft technologies Free Open Source (GitHub) MIT License

24. itcampro@ itcamp13# Premium conference on Microsoft technologies Technical Support Professional Services

25. itcampro@ itcamp13# Premium conference on Microsoft technologies

26. itcampro@ itcamp13# Premium conference on Microsoft technologies Demo

27. itcampro@ itcamp13# Premium conference on Microsoft technologies learn more at breezejs.com

28. itcampro@ itcamp13# Premium conference on Microsoft technologies Development & MobileSummary • SPA is a good alternative • KO and data binding makes code cleaner • Durandal makes the MV* easy • SPA is Breezy with KO and Durandal

29. itcampro@ itcamp13# Premium conference on Microsoft technologies Thank you Thanks to IdeaBlade Ward Bell Marcel Good

30. itcampro@ itcamp13# Premium conference on Microsoft technologies Q & A

ITCamp 2013 - Tiberiu Covaci - SPA Made Breezy

Recommended

Recommended

More Related Content

More from ITCamp

More from ITCamp (20)

Recently uploaded

Recently uploaded (20)

ITCamp 2013 - Tiberiu Covaci - SPA Made Breezy