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

The presentation was made in “Web3 Fusion: Embracing AI and Beyond” is more than a conference; it's a journey into the heart of digital transformation. The conference a provided a platform where the future of technology meets practical application. This three-day hybrid event, set in the heart of innovation, served as a gateway to the latest trends and transformative discussions in AI, Blockchain, IoT, AR/VR, and their collective impact on the information space.

AI in Action: Real World Use Cases by Anitaraj

AnitaRaj43

JohnPollard-hybrid-app-RailsConf2024.pptx

JohnPollard37

WebRTC and SIP not just audio and video @ OpenSIPS 2024

Lorenzo Miniero

Six Myths about Ontologies: The Basics of Formal Ontology

johnbeverley2021

Quantum Leap in Next-Generation Computing

WSO2

Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx

FIDO Alliance

The integration landscape is changing rapidly with the introduction of technologies like GraphQL, gRPC, stream processing, iPaaS, and platformless. However, not all existing applications and industries can keep up with these new technologies. Certain industries, like manufacturing, logistics, and finance, still rely on well-established EDI-based message formats. Some applications use XML or CSV with file-based communications, while others have strict on premises deployment requirements. This talk focuses on how Ballerina's built-in integration capabilities can bridge the gap between "old" and "new" technologies, modernizing enterprise applications without disrupting business operations.

Modernizing Legacy Systems Using Ballerina

WSO2

In this session, we will discuss the journey of API governance from its initial, ungoverned state to the development of sophisticated models that tackle contemporary challenges. We'll explore how APIs have become essential in the intersection of business and technology, adapting to advancements and evolving needs. We'll focus on how organizations have moved from launching to monetizing APIs, using models like pay-per-use and subscriptions, and finding the right balance between technical implementation and business strategy. We'll also highlight the impact of governance on monetization strategies, especially how data security, compliance, and service quality influence pricing. Real-world examples will demonstrate the effective integration of governance with monetization, including AI's role in dynamic pricing. Looking ahead, we'll share insights into future trends in API governance and monetization, emphasizing the importance of adaptability, continuous learning, and innovation.

API Governance and Monetization - The evolution of API governance

WSO2

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Decarbonising Commercial Real Estate: The Role of Operational Performance

IES VE

Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.

2024 May Patch Tuesday

Ivanti

Working together SRE & Platform Engineering

Marcus Vechiato

WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...

WSO2

In the ever-evolving landscape of data management, Zero-ETL is an approach that is reshaping how businesses handle and integrate their data. This webinar explores Zero-ETL, a paradigm shift from the traditional Extract, Transform, Load (ETL) process, offering a more streamlined, efficient, and real-time data integration method. We will begin with an introduction to the concept of Zero-ETL, including how it allows direct access to data in its native environment and real-time data transformation, providing up-to-date information with significantly reduced data redundancy. Next, we'll take you through several demonstrations showing how Zero-ETL can deliver real-time data and enable the free movement of data between systems. We will also discuss the various tools that support all aspects of Zero-ETL, providing attendees with an understanding of how they can adopt this innovative approach in their organizations. Lastly, the session will conclude with an interactive Q&A segment, allowing participants to gain deeper insights into how Zero-ETL can be tailored to their specific business needs and how they can get started today. Join us to discover how Zero-ETL can elevate your organization's data strategy.

The Zero-ETL Approach: Enhancing Data Agility and Insight

Safe Software

At its core, the challenge of managing Human Resources data is an integration challenge: estimates range from 2-3 HR systems in use at a typical SMB, up to a few dozen systems implemented amongst enterprise HR departments, and these systems seldom integrate seamlessly between themselves. Providing a multi-tenant, cloud-native solution to integrate these hundreds of HR-related systems, normalize their disparate data models and then render that consolidated information for stakeholder decision making has been a substantial undertaking, but one significantly eased by leveraging Ballerina. In this session, we’ll cover: The overall software architecture for VHR’s Cloud Data Platform Critical decision points leading to adoption of Ballerina for the CDP Ballerina’s role in multiple evolutionary steps to the current architecture Roadmap for the CDP architecture and plans for Ballerina WSO2’s partnership in bringing continual success for the CD

Less Is More: Utilizing Ballerina to Architect a Cloud Data Platform

WSO2

Key topics covered: - Real-world examples of Choreo's comprehensive coverage from application design and deployment, security, scaling, and monitoring - Running different types of workloads, such as web applications, APIs, microservices, integrations, and tasks at scale, and wire them together to deliver seamless omnichannel digital experiences - How Choreo improves the developer experience by eliminating repetition, silos, and redundancy through enhanced discoverability and self-serviceability

Choreo: Empowering the Future of Enterprise Software Engineering

WSO2

In today's digital world, trust is key to customer relationships, but keeping it is a huge challenge. Customers are well-informed and empowered, quick to change brands if their trust is broken, even if it costs them more. This puts a lot of pressure on organizations to handle trust and safety issues with great care and transparency. The challenge, however, is real. Fragmented solutions have left privacy, legal, and security teams in a perpetual cycle of catch-up, struggling to update privacy notices, manage customer data rights, and answer lengthy security questionnaires—all while trying to prove ROI to the business. It's a thankless job, filled with repetition, tedious tasks, and constant interdepartmental coordination. Combine this with fast regulatory changes and the quick evolution of AI, and it becomes overwhelming. Join this webinar to learn more about TrustArc's new innovative solution Trust Center, the only unified, no-code online hub for trust and safety information built for privacy, security, compliance, and legal teams. Trust Center streamlines your path to compliance, shortens the pre-sales cycle, and reduces both legal and regulatory risks, saving time, effort, and cost. This webinar will review: - Why companies are building unified Trust Centers for a robust privacy program. - How unified Trust Centers streamline sales cycles, ensure regulatory compliance, and reduce operational bottlenecks. - How compliance, legal, security, GRC, and privacy teams benefit from a unified Trust Center in terms of needs, pains, and outcomes. - How TrustArc Trust Center saves time and work while reducing legal, reputational, and compliance risk by effectively managing policies, notices, terms, and disclosures, and providing real-time updates on subprocessors.

TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...

TrustArc

In the dynamic field of DevOps, the quest for efficiency and productivity is endless. This talk introduces a revolutionary toolkit: Large Language Models (LLMs), including ChatGPT, Gemini, and Claude, extending far beyond traditional coding assistance. We'll explore how LLMs can automate not just code generation, but also transform day-to-day operations such as crafting compelling cover letters for TPS reports, streamlining client communications, and architecting innovative DevOps solutions. Attendees will learn effective prompting strategies and examine real-life use cases, demonstrating LLMs' potential to redefine productivity in the DevOps landscape. Join us to discover how to harness the power of LLMs for a comprehensive productivity boost across your DevOps activities.

ChatGPT and Beyond - Elevating DevOps Productivity

VictorSzoltysek

Overview of Hyperledger Foundation

Hyperleger Tokyo Meetup

ERP Contender Series: Acumatica vs. Sage Intacct

BrainSell Technologies

Recently uploaded (20)

AI in Action: Real World Use Cases by Anitaraj

JohnPollard-hybrid-app-RailsConf2024.pptx

WebRTC and SIP not just audio and video @ OpenSIPS 2024

Six Myths about Ontologies: The Basics of Formal Ontology

Quantum Leap in Next-Generation Computing

Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx

Modernizing Legacy Systems Using Ballerina

API Governance and Monetization - The evolution of API governance

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Decarbonising Commercial Real Estate: The Role of Operational Performance

2024 May Patch Tuesday

Working together SRE & Platform Engineering

WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...

The Zero-ETL Approach: Enhancing Data Agility and Insight

Less Is More: Utilizing Ballerina to Architect a Cloud Data Platform

Choreo: Empowering the Future of Enterprise Software Engineering

TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...

ChatGPT and Beyond - Elevating DevOps Productivity

Overview of Hyperledger Foundation

ERP Contender Series: Acumatica vs. Sage Intacct

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