Let's Build an Angular App!

Oct 11, 2014Download as PPTX, PDF6 likes14,269 views

The document outlines an agenda for building an AngularJS application. The agenda includes explaining what AngularJS is and why it should be used, demonstrating how to build an AngularJS app through 23 code commits, and providing links to the source code, specifications, and running application. The speaker is the principal architect Jeremy Likness and aims to answer questions about AngularJS.

Your Cloud.
Your Business.
Let’s Build an AngularJS App!
Jeremy Likness
Principal Architect
@JeremyLikness

www.ivision.com
• Business Process
Management/ALM
• Custom Application
Development
• Collaboration
• Business Intelligence

TODAY’S AGENDA
1. What and Why? What is Angular? Why use it?
2. How? How do you build an AngularJS app?
3. Q&A Guaranteed answers. 
Source Code: https://github.com/JeremyLikness/AngularHealthApp/
Specifications: http://jeremylikness.github.io/AngularHealthApp/test.html
Running App: http://jeremylikness.github.io/AngularHealthApp/

WHAT AND WHY?
I’m biased because …
25
developers
80,000+
L.O.Ts.C
200+
components
3
years
4x
Improvement
Global
Parallel Team

WHY?
4x
Improvement
• Began effort (6 mos.) with JavaScript and KnockoutJS
• Changed to use AngularJS and TypeScript
• 4x faster development, attributed in a large part to Angular

WHAT?
Angular is …
Expressions
Angular
Glue
Templates Container
Tools
Testable

Step 3
git checkout f5af48e
SPECIFICATION

Step 5
git checkout e9db905
IMPLEMENTATION

Step 9
git checkout 4636a91
DEPENDENCIES

Step 11
git checkout c065ad3
CONTROLLERS

Step 18
git checkout e466dc6
VALIDATIONS

Questions?
Source Code: https://github.com/JeremyLikness/AngularHealthApp/
Specifications: http://jeremylikness.github.io/AngularHealthApp/test.html
Running App: http://jeremylikness.github.io/AngularHealthApp/
This Deck: http://www.slideshare.net/jeremylikness
Jeremy Likness, Principal Architect @JeremyLikness

“There is no doubt AngularJS is one of the hottest JavaScript and Single Page Application (SPA) frameworks in use today. Is Angular just a bunch of hype, or is there substance behind its promise of teaching HTML new tricks? Join iVision principal architect Jeremy Likness when he shares his hands-on experience developing a massive Angular enterprise application with globally distributed teams of dozens developers over a period of several years. See practical examples of Angular and learn about the various concepts that make it a useful framework that isn’t as opinionated as other options in the market. Beginners will benefit from understanding what Angular does and how it impacts the bottom line of technology, people and process and experienced developers will learn best practices and advanced techniques from Jeremy’s extensive Angular experience. There’s something for everyone so be sure to RSVP now!”

ALM with TFS: From the Drawing Board to the CloudJeremy Likness

Managing the lifecycle of software development can be a daunting task, especially after having adopted an Agile methodology that has you moving faster than ever. That is why it is more important than ever to have the right tools in place that allow you to effectively manage all facets of your SDLC from requirements gathering to testing and deployment. In the suite of tools available in the space of Application Lifecycle Management (ALM), Team Foundation Server (TFS) is a stand out. Let us show you how your organization can benefit from the advanced capabilities and unique configurability of TFS to successfully deliver your software development projects on time and on budget.

Advanced AngularJS Tips and TricksJeremy Likness

What happens when two third-party Angular modules export a service with the same name? How do you access scope or dependency injection from a third-party control? How can you always ensure asynchronous code is executed within a digest loop without having to check? Should you store commonly referenced variables in $rootScope or a service? How do you ensure promises are resolved before your controller is invoked? In this talk, Jeremy Likness covers advanced tips, tricks, and techniques for building Angular apps. Based on his hands-on experience building large scale enterprise Angular applications with distributed teams of over 20 developers authoring hundreds of services, controllers, filters, and directives across tens of thousands of lines of code, Jeremy shares common problems and straightforward solutions.

C# Async/Await ExplainedJeremy Likness

The document discusses asynchronous programming with async and await in C#. It explains that async and await were introduced to address issues with threading like overhead and blocking. Async methods use threads efficiently from the thread pool rather than creating new threads. Await yields threads rather than blocking them. The document demonstrates async programming and best practices like using Task instead of async void. It recommends using async for I/O bound work since it can improve performance over synchronous code.

Back to the ng2 FutureJeremy Likness

How we built a job board in one week with JHipsterKile Niklawski

@KileNiklawski with @IpponUSA presents on how we built a job board in one week using JHipster. About JHipster: Our goal is to generate for you a complete and modern Web app, unifying: - A high-performance and robust Java stack on the server side with Spring Boot - A sleek, modern, mobile-first front-end with AngularJS and Bootstrap - A powerful workflow to build your application with Yeoman, Bower, Grunt and Maven

Appcelerator Titanium AlloyKarthi Ponnusamy

Alloy is a powerful MVC framework built on Node.js that is integrated with Titanium Studio to make Titanium development easier, faster, and more scalable. Key features of Alloy include separating UI and app logic through MVC, developing apps using XML and JSON, reusable widgets and templates, and built-in support for Backbone.js and Underscore.js. To get started with Alloy, developers can check the documentation, Google group, and Github page to learn how to set up a new Alloy project and generate models, controllers, and views.

Get satrted angular jsAlexandre Marreiros

This document outlines an agenda for a workshop on getting started with Angular. The agenda includes discussing the state of web development, an introduction to Angular, building Angular applications using fundamental blocks like expressions, directives, and scopes. It also covers controllers, modules, directives, views, services, routing, and communication with events. The workshop aims to help participants learn Angular fundamentals through examples, exercises and addressing common issues.

Titanium Alloy TutorialFokke Zandbergen

Angular 2 vs ReactIran Reyes Fleitas

This document provides an overview and comparison of Angular and React frameworks from the perspective of an experienced AngularJS and React developer. Key points of comparison addressed include React being more lightweight and modular while Angular provides more out-of-the-box functionality. Performance benchmarks generally show React as faster while Angular's testing and routing capabilities are more robust. The document avoids making definitive conclusions and emphasizes choosing based on individual needs and preferences.

React vs angular500Tech

I miss my days in the army, doing C++ over Unix, without internet connection. Back then we had very primitive tools, but very limited choice. Choosing a stack for a webapp today is a mission impossible, and it just gets worse and worse. Angular 1 swept us away from Backbone completely, but now Angular 2 is a totally new framework, and React has started filling in the gap. In this talk I will discuss the principal differences of the top frameworks and their approaches In terms of style of code, community, performance, core team, typescript vs. ES6, immutable objects, flux and more.

Angle Forward with TypeScriptJeremy Likness

Angular js - 10 reasons to choose angularjs Nir Kaufman

Unit testingLeonardo Balter

Unit testing involves writing small tests for individual units or functions of an application to ensure they work as expected. Tests should be written from the start of a project to prevent bugs and regressions. Unit tests allow for collaborative work by different contributors, help automate catching errors, and produce more reliable code by testing features as they are developed. While unit testing requires upfront effort, it saves work in the long run by reducing unexpected bugs that would otherwise be found by users. The testing framework QUnit can be used to write unit tests in separate .js files and run them from an index.html page.

Isolated React Js componentsAbe García

Angular2 UpgradeWealthBar Financial Services

ReactJS or Angularboyney123

Angular 2 vs React. What to chose in 2017?TechMagic

Digital Success Stack for DCBKK 2018Kyvio

Let's Jira do the workFrank Ittermann

Introduction to Angular 2Tuan Trung Vo

Micro frontendAmr Abd El Latief

Intro to react nativeModusJesus

This document provides an overview and introduction to React Native, including: - What React Native is and the problems it solves like enabling cross-platform development using a single JavaScript codebase. - The technologies that comprise React Native like ReactJS and how it binds to native platforms. - Getting started with a basic React Native app and examples of extending it with custom modules. - An overview of the React Native component library and APIs. - Recommendations to get familiar with related technologies like JSX, Flow, and Node.js. - Thoughts on the benefits and challenges of developing with React Native.

Lets cook cucumber !!vodQA

This document provides an overview of Cucumber, a behavior-driven development framework. It discusses what BDD is, the benefits it provides like usability, fewer defects, and living documentation. Popular BDD tools like Cucumber, Jasmine and JBehave are mentioned. Cucumber is introduced in more detail, explaining how it executes scenarios using a Given, When, Then format and supports multiple programming languages. Hands-on examples demonstrate features like data and table-driven execution, background, hooks, tags and reports. Suggested additional reading materials on BDD and Cucumber are also provided.

The Ultimate Getting Started with Angular Workshop - Devoxx France 2017Matt Raible

Run Fast, Try Not to Break S**tMichael Schmidt

From its humble beginning as a place where people would pay $5 to get a funny video, Fiverr has grown into the world’s largest marketplace for digital services. Along the way, our frontend architecture has had to evolve as well - with technologies changing at a rapid pace and frontend developers in general always wanting to work with the latest, shiniest thing, not being adaptable to the environment around you can easily lead you down a road where your stack can’t support your needs & where you’re constantly playing catch-up to whatever it is everyone else is doing. In this talk, I’ll give an overview of the FE path that Fiverr took — where we started, what we’re currently doing and where we’re (hopefully) going.

Introduction of ASP.NET MVC and AngularJSMohamed Elkhodary

What's This React Native Thing I Keep Hearing About?Evan Stone

In our daily lives as iOS developers, we can usually happily keep coding away in Swift and ignore what’s going on in other software development communities, like that of JavaScript. However, there may be some advantages to at least becoming familiar with what’s going on in the world of React Native, and in this session you will get an overview of what React Native is, and why it could be a useful addition to your toolbox an iOS developer. These slides are based on a talk given by Evan K. Stone at the Forward Swift conference in San Francisco on March 2, 2017.

Single Page Applications: Your Browser is the OS!Jeremy Likness

Single Page Applications have gained tremendous popularity over the past few years and have prompted the creation of several frameworks to support their development. Unlike traditional web applications, most of the heavy lifting for SPA happens on the client side in your web browser. These applications rely on hundreds of lines of JavaScript coupled with asynchronous web service calls to provide a desktop-like experience that is accessible from virtually any device. Join Principal Architect, Jeremy Likness, to learn more about SPA, including how to determine when you should choose this approach, how SPA compares and contrasts with traditional server-based approaches including ASP.NET WebForms and MVC, and what frameworks and tools (such as jQuery, AngularJS, and Aurelia) make building SPA easier. Discover how single page applications powered by HTML5 and JavaScript transform your browser into a web-based operating system.

Enterprise TypeScriptJeremy Likness

TypeScript is a superset of JavaScript. Designed to enable enterprise-scale application development, TypeScript compiles to pure JavaScript. It provides important features such as classes, modules, and interfaces. TypeScript helps improve the quality of code by generating well-known and widely accepted JavaScript patterns while providing powerful development-time type-checking and discovery. TypeScript runs side-by-side with existing JavaScript and supports the concept of type definition libraries that can describe existing libraries for use by TypeScript even if they are written in pure JavaScript. In this talk, Jeremy Likness will explore the use of TypeScript in enterprise-scale applications. He’ll discuss not only the technological benefits of TypeScript but also explore the impact to the software development lifecycle overall. TypeScript enables a development workflow that helps scale development teams, improves quality and decreases ramp-up time. It also encourages a logical approach to software construction that results in more reusable and easily maintainable code.

More Related Content

What's hot (20)

Titanium Alloy TutorialFokke Zandbergen

Angular 2 vs ReactIran Reyes Fleitas

React vs angular500Tech

Angle Forward with TypeScriptJeremy Likness

Angular js - 10 reasons to choose angularjs Nir Kaufman

Unit testingLeonardo Balter

Isolated React Js componentsAbe García

Angular2 UpgradeWealthBar Financial Services

ReactJS or Angularboyney123

Angular 2 vs React. What to chose in 2017?TechMagic

Digital Success Stack for DCBKK 2018Kyvio

Let's Jira do the workFrank Ittermann

Introduction to Angular 2Tuan Trung Vo

Micro frontendAmr Abd El Latief

Intro to react nativeModusJesus

Lets cook cucumber !!vodQA

The Ultimate Getting Started with Angular Workshop - Devoxx France 2017Matt Raible

Run Fast, Try Not to Break S**tMichael Schmidt

Introduction of ASP.NET MVC and AngularJSMohamed Elkhodary

What's This React Native Thing I Keep Hearing About?Evan Stone

Titanium Alloy TutorialFokke Zandbergen

Angular 2 vs ReactIran Reyes Fleitas

React vs angular500Tech

Angle Forward with TypeScriptJeremy Likness

Angular js - 10 reasons to choose angularjs Nir Kaufman

Unit testingLeonardo Balter

Isolated React Js componentsAbe García

Angular2 UpgradeWealthBar Financial Services

ReactJS or Angularboyney123

Angular 2 vs React. What to chose in 2017?TechMagic

Digital Success Stack for DCBKK 2018Kyvio

Let's Jira do the workFrank Ittermann

Introduction to Angular 2Tuan Trung Vo

Micro frontendAmr Abd El Latief

Intro to react nativeModusJesus

Lets cook cucumber !!vodQA

The Ultimate Getting Started with Angular Workshop - Devoxx France 2017Matt Raible

Run Fast, Try Not to Break S**tMichael Schmidt

Introduction of ASP.NET MVC and AngularJSMohamed Elkhodary

What's This React Native Thing I Keep Hearing About?Evan Stone

Viewers also liked (15)

Single Page Applications: Your Browser is the OS!Jeremy Likness

Enterprise TypeScriptJeremy Likness

My XML is Alive! An Intro to XAMLJeremy Likness

Extensible Application Markup Language, better known as XAML (pronounced “zammel”), is a language developed by Microsoft that is based on XML. It provides a declarative way to instantiate rich object graphs – in other words, through XAML you are able to create instances of classes, set properties, and define behaviors. Most commonly used to describe the user interface for technologies like Silverlight, WPF, and Windows 8.1, XAML provides a separation of concerns between the presentation and business logic for an app and gives the designer the flexibility to create experiences that interact with code through data-binding. This enables design-time data and true parallel workflows between designers and developers. Jeremy Likness will walk you through XAML, including how it is used by various technologies and the advantages it provides when building applications.

The Windows Runtime and the WebJeremy Likness

This document summarizes Wintellect's consulting and training services for building software solutions using Microsoft technologies. Wintellect was founded by experts Jeffrey Richter, Jeff Prosise, and John Robbins to help customers achieve their goals through advanced consulting and training. They offer consulting for architecture, analysis, design, development, debugging and performance tuning. Training courses cover current and emerging Microsoft technologies and are taught by industry leaders.

Windows 8.1 SocketsJeremy Likness

Although Windows Store apps run in a security sandbox, the Windows Runtime provides a rich set of APIs that enable connectivity over sockets. WinRT supports the new HTML5 WebSocket specification but also allows apps to connect via TCP and UDP for real-time streaming connectivity. Join Jeremy Likness as he walks through several examples of apps using socket protocols to establish communications and demonstrates the ease of interfacing with the Windows Runtime sockets APIs.

MVVM with Kendo UIBruno Pessanha

This document discusses MVVM (Model-View-ViewModel) patterns with Kendo UI. It describes the Model, View and ViewModel components in MVVM and how they relate. It provides examples of binding the View to the ViewModel, using observable arrays, getting/setting field values, and calculated fields. It also covers different Kendo UI binding types like attr, source, custom bindings and references further MVVM resources.

Cross-Platform Agile DevOps with Visual Studio Team ServicesJeremy Likness

Using Ansible for Deploying to Cloud Environmentsahamilton55

Andrew Hamilton presented on using Ansible for deploying to cloud environments. He discussed that Ansible was chosen to provide a simple and repeatable way to build services and deploy them to configured environments. It allows deploying to multiple languages and cloud platforms. Ansible uses a simple execution model and YAML files. Its key advantages include being agentless over SSH, supporting dynamic inventories, and having modules for common tasks. Hamilton provided tips for using Ansible effectively in cloud environments, such as using dynamic inventories, separating variables, and testing changes thoroughly.

Performance Tuning EC2 InstancesBrendan Gregg

Talk for AWS re:Invent 2014. Video: https://www.youtube.com/watch?v=7Cyd22kOqWc . Netflix tunes Amazon EC2 instances for maximum performance. In this session, you learn how Netflix configures the fastest possible EC2 instances, while reducing latency outliers. This session explores the various Xen modes (e.g., HVM, PV, etc.) and how they are optimized for different workloads. Hear how Netflix chooses Linux kernel versions based on desired performance characteristics and receive a firsthand look at how they set kernel tunables, including hugepages. You also hear about Netflix’s use of SR-IOV to enable enhanced networking and their approach to observability, which can exonerate EC2 issues and direct attention back to application performance.

Linux Performance Analysis: New Tools and Old SecretsBrendan Gregg

Talk for USENIX/LISA2014 by Brendan Gregg, Netflix. At Netflix performance is crucial, and we use many high to low level tools to analyze our stack in different ways. In this talk, I will introduce new system observability tools we are using at Netflix, which I've ported from my DTraceToolkit, and are intended for our Linux 3.2 cloud instances. These show that Linux can do more than you may think, by using creative hacks and workarounds with existing kernel features (ftrace, perf_events). While these are solving issues on current versions of Linux, I'll also briefly summarize the future in this space: eBPF, ktap, SystemTap, sysdig, etc.

Linux Systems Performance 2016Brendan Gregg

Talk for PerconaLive 2016 by Brendan Gregg. Video: https://www.youtube.com/watch?v=CbmEDXq7es0 . "Systems performance provides a different perspective for analysis and tuning, and can help you find performance wins for your databases, applications, and the kernel. However, most of us are not performance or kernel engineers, and have limited time to study this topic. This talk summarizes six important areas of Linux systems performance in 50 minutes: observability tools, methodologies, benchmarking, profiling, tracing, and tuning. Included are recipes for Linux performance analysis and tuning (using vmstat, mpstat, iostat, etc), overviews of complex areas including profiling (perf_events), static tracing (tracepoints), and dynamic tracing (kprobes, uprobes), and much advice about what is and isn't important to learn. This talk is aimed at everyone: DBAs, developers, operations, etc, and in any environment running Linux, bare-metal or the cloud."

Broken Linux Performance Tools 2016Brendan Gregg

Broken benchmarks, misleading metrics, and terrible tools. This talk will help you navigate the treacherous waters of Linux performance tools, touring common problems with system tools, metrics, statistics, visualizations, measurement overhead, and benchmarks. You might discover that tools you have been using for years, are in fact, misleading, dangerous, or broken. The speaker, Brendan Gregg, has given many talks on tools that work, including giving the Linux PerformanceTools talk originally at SCALE. This is an anti-version of that talk, to focus on broken tools and metrics instead of the working ones. Metrics can be misleading, and counters can be counter-intuitive! This talk will include advice for verifying new performance tools, understanding how they work, and using them successfully.

BPF: Tracing and moreBrendan Gregg

Video: https://www.youtube.com/watch?v=JRFNIKUROPE . Talk for linux.conf.au 2017 (LCA2017) by Brendan Gregg, about Linux enhanced BPF (eBPF). Abstract: A world of new capabilities is emerging for the Linux 4.x series, thanks to enhancements that have been included in Linux for to Berkeley Packet Filter (BPF): an in-kernel virtual machine that can execute user space-defined programs. It is finding uses for security auditing and enforcement, enhancing networking (including eXpress Data Path), and performance observability and troubleshooting. Many new open source tools that have been written in the past 12 months for performance analysis that use BPF. Tracing superpowers have finally arrived for Linux! For its use with tracing, BPF provides the programmable capabilities to the existing tracing frameworks: kprobes, uprobes, and tracepoints. In particular, BPF allows timestamps to be recorded and compared from custom events, allowing latency to be studied in many new places: kernel and application internals. It also allows data to be efficiently summarized in-kernel, including as histograms. This has allowed dozens of new observability tools to be developed so far, including measuring latency distributions for file system I/O and run queue latency, printing details of storage device I/O and TCP retransmits, investigating blocked stack traces and memory leaks, and a whole lot more. This talk will summarize BPF capabilities and use cases so far, and then focus on its use to enhance Linux tracing, especially with the open source bcc collection. bcc includes BPF versions of old classics, and many new tools, including execsnoop, opensnoop, funcccount, ext4slower, and more (many of which I developed). Perhaps you'd like to develop new tools, or use the existing tools to find performance wins large and small, especially when instrumenting areas that previously had zero visibility. I'll also summarize how we intend to use these new capabilities to enhance systems analysis at Netflix.

Velocity 2015 linux perf toolsBrendan Gregg

Video: https://www.youtube.com/watch?v=FJW8nGV4jxY and https://www.youtube.com/watch?v=zrr2nUln9Kk . Tutorial slides for O'Reilly Velocity SC 2015, by Brendan Gregg. There are many performance tools nowadays for Linux, but how do they all fit together, and when do we use them? This tutorial explains methodologies for using these tools, and provides a tour of four tool types: observability, benchmarking, tuning, and static tuning. Many tools will be discussed, including top, iostat, tcpdump, sar, perf_events, ftrace, SystemTap, sysdig, and others, as well observability frameworks in the Linux kernel: PMCs, tracepoints, kprobes, and uprobes. This tutorial is updated and extended on an earlier talk that summarizes the Linux performance tool landscape. The value of this tutorial is not just learning that these tools exist and what they do, but hearing when and how they are used by a performance engineer to solve real world problems — important context that is typically not included in the standard documentation.

Linux Profiling at NetflixBrendan Gregg

This talk discusses Linux profiling using perf_events (also called "perf") based on Netflix's use of it. It covers how to use perf to get CPU profiling working and overcome common issues. The speaker will give a tour of perf_events features and show how Netflix uses it to analyze performance across their massive Amazon EC2 Linux cloud. They rely on tools like perf for customer satisfaction, cost optimization, and developing open source tools like NetflixOSS. Key aspects covered include why profiling is needed, a crash course on perf, CPU profiling workflows, and common "gotchas" to address like missing stacks, symbols, or profiling certain languages and events.

Single Page Applications: Your Browser is the OS!Jeremy Likness

Enterprise TypeScriptJeremy Likness

My XML is Alive! An Intro to XAMLJeremy Likness

The Windows Runtime and the WebJeremy Likness

Windows 8.1 SocketsJeremy Likness

MVVM with Kendo UIBruno Pessanha

Cross-Platform Agile DevOps with Visual Studio Team ServicesJeremy Likness

Using Ansible for Deploying to Cloud Environmentsahamilton55

Performance Tuning EC2 InstancesBrendan Gregg

Linux Performance Analysis: New Tools and Old SecretsBrendan Gregg

Linux Systems Performance 2016Brendan Gregg

Broken Linux Performance Tools 2016Brendan Gregg

BPF: Tracing and moreBrendan Gregg

Velocity 2015 linux perf toolsBrendan Gregg

Linux Profiling at NetflixBrendan Gregg

Similar to Let's Build an Angular App! (20)

Web.dev extended : What's new in Web [GDG Taichung]Chieh Kai Yang

The document summarizes Irene Chang's presentation on Web Vitals at GDG Taichung. The presentation covered: - An introduction to Web Vitals and the metrics of LCP, FID, and CLS which measure key aspects of page experience. - Tools for measuring Web Vitals like Lighthouse, Chrome DevTools, and the CrUX dashboard. - The Vital Loop process of using tools to monitor field data, prevent regressions, get optimization guidance, and diagnose issues to improve page experience. - Other topics briefly covered included the Web Vitals library, Stories format, and more sessions available on web.dev.

DevOps presentation at gemeente RotterdamMiel Donkers

This document discusses ING's adoption of DevOps practices like Scrum and continuous delivery to achieve faster delivery of software, higher quality, and better customer satisfaction. It provides an overview of ING's deployment pipeline and principles like deploying every change to production-like environments. The execution of DevOps at ING involved forming cross-functional teams, improving automation, dashboards for visibility, and challenges around organization and distance between locations. Personal recommendations include automating routine tasks, pairing, and always finding time for improvement.

Android instant appBenjamin Cheng

Android Instant Apps allow users to access certain app features without installing the full app. They are built using a feature module structure and trimmed down to under 4MB in size to optimize for discovery, performance, and privacy. Developers can refactor existing apps into this model by identifying core features, removing unused resources and dependencies, and following best practices for instant app UX and architecture. Unsupported features include background services, broadcast receivers, and externally accessible content providers.

Ionic vancouver 201604Alamusi Alamusi

This document provides an overview and agenda for an Ionic Vancouver meetup. It discusses why hybrid mobile apps are useful, what Ionic is, how to build an Ionic app, common challenges, and what's next for Ionic. Ionic is an open source framework for building cross-platform mobile apps with HTML, CSS, and JavaScript. It uses a WebView to display the app interface and plugins to access native device features. The meetup agenda covers mobile OS market share, Ionic architecture, core concepts, and components for building an Ionic app.

Effective Android Development. UA Mobile 2016.UA Mobile

This document contains tips for effective Android development. It discusses tools like Android Studio, techniques for testing on emulators and devices, improving app performance, developing in an efficient environment, and optimizing the Gradle build process. Specific tips include using two Android Studio instances for code reviews, testing on different OS versions, measuring execution times, checking the frame rate, using annotations and Stetho for inspection, and building faster by targeting API 21 for debug builds.

AngularJs advanced TopicsAmr Abd El Latief

iPhone in action introduction to Web and SDK development 1st Edition Christop...lipiriuezee

Plan.pptxssuser1a29bc

Building Drupal Apps for DistributionsPhase2

The Drupal Apps module and the Open App Standard was built to solve a recurring problem: How can we use Drupal to package up functionality in a way that makes it simple to find, evaluate, install, and use for site builders? Apps are built on existing Drupal building blocks - modules, Features, and Kit-compliance - and can be interoperable between different Drupal distributions. But how do you know what should become an App and then how do you build one? (Presented by Frank Febbraro and James Walker)

Conversionista : Conversion manager course - Stockholm 20 march 2013Craig Sullivan

The agenda covers various topics related to conversion optimization and user experience including recommended tools, project styles, analytics tips, best practices, and opportunities for site reviews. Key learning points from 6 years of optimization experience will also be discussed. The session will be led by an experienced director of optimization with past experience at several large companies.

Technology-Driven Development: Using Automation and Development Techniques to...Rakuten Group, Inc.

This is the report presented at Agile2014 on "Experience Report" track. 「Agile2014」の「Experience Report」トラックで発表したスライドです。 Agile2014 http://agile2014.agilealliance.org/ Track information http://agile2014.sched.org/event/356d50c44035cafe4c27c33da03c2b80# Automation and development techniques such as Continuous Integration/Continuous Delivery, TDD (Test-Driven Development) and BDD (Behavior-Driven Development) are useful for not only efficiency but also learning and collaboration. I explained these practices as "Technology-Driven Development". CI/CD・TDD・BDD といった自動化技術・技術プラクティスは、業務効率化だけではなく、メンバーの成長およびコラボレーションの促進にも効果があります。これらのプラクティスを "Technology-Driven Development" と命名・整理した資料になります。

High Performance Web DesignKoji Ishimoto

The document discusses high performance web design. It covers measuring performance using tools like YSlow and PageSpeed, as well as techniques to improve performance such as reducing HTTP requests by combining scripts and stylesheets, using CSS sprites, and inline images. The document also discusses how performance impacts businesses and provides examples of component weights and grades for different websites according to YSlow rules. It emphasizes the importance of clear objectives, consistent design, and clean code for building high performance sites.

Test-driven Development Practices in White Box Test Automationervinloh

Test-driven development is a software development process that relies on the repetition of a very short development cycle. This process is heavily emphasized by those using Agile development methodologies. White-box testing (also known as clear box testing, glass box testing, transparent box testing, and structural testing) is a method of software testing that tests internal structures of an application, as opposed to its functionality. In this session, we will learn how to use white box test automation in the form of test-driven development at the unit, integration and system levels of the software testing process.

GitOps: Git come unica fonte di verità per applicazioni e infrastrutturasparkfabrik

GitOps è un nuovo metodo di CD che utilizza Git come unica fonte di verità per le applicazioni e per l'infrastruttura (declarative infrastructure / infrastructure as code), fornendo sia il controllo delle revisioni che il controllo delle modifiche. In questo talk vedremo i concetti alla base di CI/CD, ovvero Continuous Integration e Continuous Deployment (o anche Continuous Delivery), pratiche nello sviluppo software che permettono ai team di creare dei progetti collaborativi in modo rapido, efficiente e idealmente con meno errori. Infine vedremo come implementare un flusso di lavoro GitOps usando Github actions e ArgoCD.

DevOps at TestausOSY 20june2017Jouni Jätyri

2022 apidays LIVE Helsinki & North_How good are your APIs? Really?apidays

John Rhodes - DevOps Automated TestingJohn Zozzaro

This document discusses best practices for development automation and DevOps. It recommends automating as many processes as possible, such as automated builds, tests, and deployments. Automation can improve agility, speed, and quality by reducing defects through practices like continuous integration and delivery. The document also discusses tools and techniques for test automation, including choosing a tool that supports end-to-end testing across technologies and technologies to maximize the benefits of automation over time.

Migrating from AngularJS when you can't use the word "Big Bang@Asim Hussain

According to builtwith.com over 400,000 Angular 1 apps have been created and released into the wild. Moving to Angular 4 is a daunting prospect. Most content online talks about how to migrate from 1 to 2 or 4 in a “big bang” approach. When your product processes millions every day, using the word “big bang” doesn’t engender a lot of support from senior managers or stakeholders. In this talk, I’ll go through a real Angular 1 application and upgrade it “iteratively” to Angular 4. By the end, the Audience will have a step by step roadmap for how to upgrade.

ASP NET MVC in Action 1st Edition Jeffrey Palermosysolkadieqj

How to Become DevOpsOpsta

Web.dev extended : What's new in Web [GDG Taichung]Chieh Kai Yang

DevOps presentation at gemeente RotterdamMiel Donkers

Android instant appBenjamin Cheng

Ionic vancouver 201604Alamusi Alamusi

Effective Android Development. UA Mobile 2016.UA Mobile

AngularJs advanced TopicsAmr Abd El Latief

iPhone in action introduction to Web and SDK development 1st Edition Christop...lipiriuezee

Plan.pptxssuser1a29bc

Building Drupal Apps for DistributionsPhase2

Conversionista : Conversion manager course - Stockholm 20 march 2013Craig Sullivan

Technology-Driven Development: Using Automation and Development Techniques to...Rakuten Group, Inc.

High Performance Web DesignKoji Ishimoto

Test-driven Development Practices in White Box Test Automationervinloh

GitOps: Git come unica fonte di verità per applicazioni e infrastrutturasparkfabrik

DevOps at TestausOSY 20june2017Jouni Jätyri

2022 apidays LIVE Helsinki & North_How good are your APIs? Really?apidays

John Rhodes - DevOps Automated TestingJohn Zozzaro

Migrating from AngularJS when you can't use the word "Big Bang@Asim Hussain

ASP NET MVC in Action 1st Edition Jeffrey Palermosysolkadieqj

How to Become DevOpsOpsta

Recently uploaded (20)

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

The MCP (Model Context Protocol) is a framework designed to manage context and interaction within complex systems. This SlideShare presentation will provide a detailed overview of the MCP Model, its applications, and how it plays a crucial role in improving communication and decision-making in distributed systems. We will explore the key concepts behind the protocol, including the importance of context, data management, and how this model enhances system adaptability and responsiveness. Ideal for software developers, system architects, and IT professionals, this presentation will offer valuable insights into how the MCP Model can streamline workflows, improve efficiency, and create more intuitive systems for a wide range of use cases.

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

This is a Quick Research Guide (QRG). QRGs include the following: - A brief, high-level overview of the QRG topic. - A milestone timeline for the QRG topic. - Links to various free online resource materials to provide a deeper dive into the QRG topic. - Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic. QRGs planned for the series: - Artificial Intelligence QRG - Quantum Computing QRG - Big Data Analytics QRG - Spacecraft Guidance, Navigation & Control QRG (coming 2026) - UK Home Computing & The Birth of ARM QRG (coming 2027) Any questions or comments? - Please contact Arthur Morgan at [email protected]. 100% human made.

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Cyber Awareness overview for 2025 month of securityriccardosl1

Procurement Insights Cost To Value Guide.pptxJon Hansen

Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

AI and Data Privacy in 2025: Global TrendsInData Labs

In this infographic, we explore how businesses can implement effective governance frameworks to address AI data privacy. Understanding it is crucial for developing effective strategies that ensure compliance, safeguard customer trust, and leverage AI responsibly. Equip yourself with insights that can drive informed decision-making and position your organization for success in the future of data privacy. This infographic contains: -AI and data privacy: Key findings -Statistics on AI data privacy in the today’s world -Tips on how to overcome data privacy challenges -Benefits of AI data security investments. Keep up-to-date on how AI is reshaping privacy standards and what this entails for both individuals and organizations.

How analogue intelligence complements AIPaul Rowe

Artificial Intelligence is providing benefits in many areas of work within the heritage sector, from image analysis, to ideas generation, and new research tools. However, it is more critical than ever for people, with analogue intelligence, to ensure the integrity and ethical use of AI. Including real people can improve the use of AI by identifying potential biases, cross-checking results, refining workflows, and providing contextual relevance to AI-driven results. News about the impact of AI often paints a rosy picture. In practice, there are many potential pitfalls. This presentation discusses these issues and looks at the role of analogue intelligence and analogue interfaces in providing the best results to our audiences. How do we deal with factually incorrect results? How do we get content generated that better reflects the diversity of our communities? What roles are there for physical, in-person experiences in the digital world?

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

At InData Labs, we have been keeping an ear to the ground, looking out for AI-enabled digital transformation trends coming our way in 2025. Our report will provide a look into the technology landscape of the future, including: -Artificial Intelligence Market Overview -Strategies for AI Adoption in 2025 -Anticipated drivers of AI adoption and transformative technologies -Benefits of AI and Big data for your business -Tips on how to prepare your business for innovation -AI and data privacy: Strategies for securing data privacy in AI models, etc. Download your free copy nowand implement the key findings to improve your business.

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

2025-05-Q4-2024-Investor-Presentation.pptxSamuele Fogagnolo

Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...BookNet Canada

Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next. Link to recording, presentation slides, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/ Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

I started my online journey with several hosting services before stumbling upon Ai EngineHost. At first, the idea of paying one fee and getting lifetime access seemed too good to pass up. The platform is built on reliable US-based servers, ensuring your projects run at high speeds and remain safe. Let me take you step by step through its benefits and features as I explain why this hosting solution is a perfect fit for digital entrepreneurs.

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Building 10x Organizations with Modern Productivity Metrics 10x developers may be a myth, but 10x organizations are very real, as proven by the influential study performed in the 1980s, ‘The Coding War Games.’ Right now, here in early 2025, we seem to be experiencing YAPP (Yet Another Productivity Philosophy), and that philosophy is converging on developer experience. It seems that with every new method we invent for the delivery of products, whether physical or virtual, we reinvent productivity philosophies to go alongside them. But which of these approaches actually work? DORA? SPACE? DevEx? What should we invest in and create urgency behind today, so that we don’t find ourselves having the same discussion again in a decade?

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Most consumers believe they’re making informed decisions about their personal data—adjusting privacy settings, blocking trackers, and opting out where they can. However, our new research reveals that while awareness is high, taking meaningful action is still lacking. On the corporate side, many organizations report strong policies for managing third-party data and consumer consent yet fall short when it comes to consistency, accountability and transparency. This session will explore the research findings from TrustArc’s Privacy Pulse Survey, examining consumer attitudes toward personal data collection and practical suggestions for corporate practices around purchasing third-party data. Attendees will learn: - Consumer awareness around data brokers and what consumers are doing to limit data collection - How businesses assess third-party vendors and their consent management operations - Where business preparedness needs improvement - What these trends mean for the future of privacy governance and public trust This discussion is essential for privacy, risk, and compliance professionals who want to ground their strategies in current data and prepare for what’s next in the privacy landscape.

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Cyber Awareness overview for 2025 month of securityriccardosl1

Procurement Insights Cost To Value Guide.pptxJon Hansen

Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

AI and Data Privacy in 2025: Global TrendsInData Labs

How analogue intelligence complements AIPaul Rowe

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

2025-05-Q4-2024-Investor-Presentation.pptxSamuele Fogagnolo

Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...BookNet Canada

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Let's Build an Angular App!

1. Your Cloud. Your Business. Let’s Build an AngularJS App! Jeremy Likness Principal Architect @JeremyLikness

2. Thanks to our Sponsors

3. www.ivision.com • Business Process Management/ALM • Custom Application Development • Collaboration • Business Intelligence

4. TODAY’S AGENDA 1. What and Why? What is Angular? Why use it? 2. How? How do you build an AngularJS app? 3. Q&A Guaranteed answers.  Source Code: https://github.com/JeremyLikness/AngularHealthApp/ Specifications: http://jeremylikness.github.io/AngularHealthApp/test.html Running App: http://jeremylikness.github.io/AngularHealthApp/

5. WHAT AND WHY?

6. WHAT AND WHY? I’m biased because … 25 developers 80,000+ L.O.Ts.C 200+ components 3 years 4x Improvement Global Parallel Team

7. WHY? 4x Improvement • Began effort (6 mos.) with JavaScript and KnockoutJS • Changed to use AngularJS and TypeScript • 4x faster development, attributed in a large part to Angular

8. WHAT? Angular is … Expressions Angular Glue Templates Container Tools Testable

9. DEMO: How

10. Step 1 git checkout 17e9892 SHELL

11. Step 2 git checkout b8864f4 MODULE

12. Step 3 git checkout f5af48e SPECIFICATION

13. Step 4 git checkout 33d9473 DEFINITION

14. Step 5 git checkout e9db905 IMPLEMENTATION

15. Step 6 git checkout c71895b OBJECTS

16. Step 7 git checkout 40c946e PROPERTIES

17. Step 8 git checkout 602ae23 GREEN

18. Step 9 git checkout 4636a91 DEPENDENCIES

19. Step 10 git checkout 72429dd FACTORIES

20. Step 11 git checkout c065ad3 CONTROLLERS

21. Step 12 git checkout 6a801b2 FILTERS

22. Step 13 git checkout 11e13f7 PATTERNS

23. Step 14 git checkout cc6d716 DIRECTIVES

24. Step 15 git checkout 061ba51 RANGES

25. Step 16 git checkout 55e2c30 SLIDER

26. Step 17 git checkout dec799e RESPONSIVE

27. Step 18 git checkout e466dc6 VALIDATIONS

28. Step 19 git checkout 8dbba93 FORMS

29. Step 20 git checkout bc4b736 PROFILE

30. Step 21 git checkout 6da74a4 TILE

31. Step 22 git checkout 1ae397c CLASS

32. Step 23 git checkout master SHIP IT!

33. Questions? Source Code: https://github.com/JeremyLikness/AngularHealthApp/ Specifications: http://jeremylikness.github.io/AngularHealthApp/test.html Running App: http://jeremylikness.github.io/AngularHealthApp/ This Deck: http://www.slideshare.net/jeremylikness Jeremy Likness, Principal Architect @JeremyLikness

Editor's Notes

#26: The height functionality required an additional height filter specification. The height filter is a bit different for two reasons. First, it depends on other services so it is the first example of a filter with a dependency. Second, it should not attempt to convert the input value if it is a min/max range value because this is hard-coded on the controller. Therefore, it takes a parameter to avoid the conversion step for those ranges. The controller was updated to expose the height and range values and the UI updated with a slider. Notice that you can now change the height as well as toggle the unit of measure and see it all reflected dynamically. There is no special messaging or watch because the properties depend on each other and Angular will automatically reevaluate the values when the model is mutated.
#27: A quick pass at styling makes for consistent UI elements and allows them to flow to fill the space. The app is now responsive to wide and small (mobile) configurations.
#28: Weight specifications have been added. The weight input will be free form, so additional validation must exist to ensure the user profile is never populated with an invalid weight. The specifications detail these requirements along with the necessary filter to show the proper unit of measure. These are failing because the weight functionality has not yet been implemented.
#29: The weight form and styles are added and the conversion is now testable using the input field. For weights within the range the conversion works seamlessly when the unit of measure is changed. The user profile was updated to capture the most recent unit of measure. This way when the unit of measure changes, it can convert the weight values for exposure to the UI. This should only happen at the precise moment of conversion; not before or after.
#30: The age specifications are added and age input implemented in the UI. Now the user profile is complete and we can focus on exposing the formulas.

Let's Build an Angular App!

Recommended

More Related Content

What's hot (20)

Viewers also liked (15)

Similar to Let's Build an Angular App! (20)

Recently uploaded (20)

Let's Build an Angular App!

Editor's Notes