Tarek Elachkar, VP Customer Solutions - Jahia A real world story of Angular and Apache Unomi integration.
|
|
- Geoffrey Patterson
- 6 years ago
- Views:
Transcription
1 Tarek Elachkar, VP Customer Solutions - Jahia telachkar@jahia.com A real world story of Angular and Apache Unomi integration #ApacheCon 1
2 QUICK INTRODUCTIONS Me, myself and I
3 QUICK INTRODUCTIONS Our software Jahia puts the customer at the heart of each enterprise s digital success. Jahia enables CMOs and CIOs to become digital leaders in their industry through 1:1 customer relationships powered by digital innovation, digital trust and a customer-centric digital workforce. Private/Public App Stores Form Factory Jahia Studio Workspace Factory Portal Factory Marketing Factory Digital Experience Manager Apache Unomi 3
4 QUICK INTRODUCTIONS All about the UX Pioneered in-context content editing Rely on our Jahia Studio module builder Optimize the user experience, for ALL users (not just end-users) 4
5 QUICK INTRODUCTIONS Some customers that trust us 5
6 1 APACHE UNOMI What is this thing?
7 1 APACHE UNOMI In a nutshell A FRONT-END FOR PERSONALIZATION BIG DATA TECHNOLOGIES. WITH BUILT-IN DATA PRIVACY 7
8 1 APACHE UNOMI A 2 part project The Context Server Standard DATA PRIVACY Apache Unomi Reference Implementation Two trusted, solid and recognized communities 8
9 1 APACHE UNOMI OASIS CONTEXT SERVER TC USE CASES DOMAIN MODEL REST API 9
10 1 APACHE UNOMI The Big Picture REPORT RESTFUL API BACK-END BI ID MA CRM SALES Events + Tracking Engine + ID directory + Segmentation Engine Apache UNOMI CORE CXS FRONT-END ANALYTICS DATA 10
11 1 APACHE UNOMI Functionalities User tracking Privacy management Reporting Profile (visitor,contact,leads) management and export Event tracking UNOMI A/B testing Goal tracking, scoring Segmentation Form Input tracking Download tracking Impersonification (personas) 11
12 1 APACHE UNOMI Scalability CONTEXT SERVER DXM BIG DATA SYSTEMS Social CRM Issue tracking 12
13 1 APACHE UNOMI Input / Output CONTEXT SERVER EVENTS RULES SEGMENTS PROFILES CONTEXT ACTIONS CONDITIONS BIG DATA FRAMEWORKS Protocols HTTP REST + JSON 13
14 1 APACHE UNOMI Context Example digitaldata = { "loaded": true, "user": [{ "profiles": [{ "profileinfo": { "profileid": "d f2b6-40b7-829cd17214f209d1, "firstname": "Mick", "lastname": "Jagger", "username": "mickjag", " ": "mickj43@hotmail.com", "gender": "male", "itemclass": "org.oasis_open.context.server.api.user", "segments": ["alwaystrue", "malegender"] } }] }]}; 14
15 1 APACHE UNOMI Request Flow BROWSER DXM CONTEXT SERVER Load HTML page Load HTML + JS to connect Context Server Load context.js JS callbacks Context for current request (Optional) Load content based on context (Optional) Send event such as login / hover 15
16 1 APACHE UNOMI Example use cases Use case 1 You have an existing website and you want to track users and personalize their experience Use Apache Unomi as the context server to track and retrieve segments or profiles to personalize content Use case 2 You have a native mobile application and would like to track users and personalize the UI based on their behaviors Send event data to Apache Unomi using the REST API and retrieve the context information to personalize the experience 16
17 1 APACHE UNOMI Building the product Using Angular and Apache Unomi to build the User Experience 17
18 1 APACHE UNOMI Building the UI 18
19 1 APACHE UNOMI Audience UI 19
20 1 APACHE UNOMI Profile UI 20
21 1 APACHE UNOMI Marketing Segments UI 21
22 1 APACHE UNOMI Integration architecture Digital Experience Manager Marketing Factory UI Admin endpoint (9443) Apache Unomi Live Content Pages Public endpoint (8181) 22
23 1 APACHE UNOMI Integration architecture, continued GWT / Sencha GXT UI Framework DX Module running in IFrame 23
24 2 TRY 1 JQuery + Spring MVC + JSP
25 2 TRY 1 : JQUERY + SPRING MVC + JSP Why? Pros Because a lot of the existing UI was already built this way No surprises : this way of implementing things is well known Cons Requires most of the interface with Apache Unomi to happen on the DX server (because all rendering is done server-side) Requires setting up multiple frameworks Development velocity is slow because a lot of wiring code is needed First POC was abandoned because productivity was too low 25
26 3 TRY 2 Look at other stuff (Ember, Angular)
27 3 TRY 2 : EVALUATING ALTERNATIVES The problem is choice - Neo, The Matrix Source : brewhouse.io 27
28 3 TRY 2 : EVALUATING ALTERNATIVES Objectives MATURITY COMMUNITY DEV SPEED OBJECTIVES BROWSER SUPPORT FUTURE PROOF 28
29 3 TRY 2 : EVALUATING ALTERNATIVES Ember.js Pros Very mature Interesting component model Cons More code needed than other (more recent) frameworks Small community when compared to others Data binding mechanism (at the time) less powerful Productivity ok, but not great 29
30 3 TRY 2 : EVALUATING ALTERNATIVES Why not ReactJS? Pros Interesting Virtual DOM concept Server-side rendering can be very useful Interesting component model Cons At the time of choice very new (no security on maturity, and Facebook is no guarantee, see what happened to Parse!) Still a rapidly changing platform Mixing code and templating feels wrong (remember JSP scriptlets?) JSX was (at the time) very poorly documented and difficult to learn Binding mechanisms quite low level 30
31 3 TRY 2 : EVALUATING ALTERNATIVES RiotJS Pros Looks like a cleaner version of ReactJS Much smaller Cons Small community Just a view framework (could be seen as an advantage in other cases) 31
32 3 TRY 2 : EVALUATING ALTERNATIVES Aurelia Pros From the maker of Durandal Founder worked for a while to help with Angular 2 Definitely a project to watch Cons Very young, not yet production ready Small community 32
33 4 USING ANGULAR Let s write some code
34 4 USING ANGULAR Step 1 : POC Quick POC was developed to test the framework integration Had to integrate with existing administration UI (be deployed as a DX module) Performed direct REST calls to Apache Unomi, even for admin APIs Browser DX Angular UI Apache Unomi 34
35 4 USING ANGULAR First difficulty : Rules UI Recursive conditions Drag & drop of conditions and actions 35
36 4 USING ANGULAR Condition Tree Example : match all minors or seniors interested in movies And (condition) Or (condition) Interested in movies (condition) Age < 18 (condition) Age > 65 (condition) Conditions should be Angular Components Conditions can have sub-types (and, or, interest, profile property matching) Rendering of conditions is dynamic and recursive! 36
37 4 USING ANGULAR Condition Tree, continued Difficulty : recursion didn t work at the time by default with Angular Required hack found on Stack Overflow ( /recursion-in-angular-directives) module.directive("tree", ["RecursionHelper", function(recursionhelper) { return { restrict: "E", scope: {family: '='}, template: '<p>{{ family.name }}</p>'+ '<ul>' + '<li ng-repeat="child in family.children">' + '<tree family="child"></tree>' + '</li>' + '</ul>', compile: function(element) { // Use the compile function from the RecursionHelper, // And return the linking function(s) which it returns return RecursionHelper.compile(element); } }; }]); 37
38 4 APACHE UNOMI Condition Tree Recursion Helper module.factory('recursionhelper', ['$compile', function($compile){ return { /** * Manually compiles the element, fixing the recursion loop. element [link] A post-link function, or an object with function(s) registered via pre and post properties. An object containing the linking functions. */ compile: function(element, link){ // Normalize the link parameter if(angular.isfunction(link)){ link = { post: link }; } // Break the recursion loop by removing the contents var contents = element.contents().remove(); var compiledcontents; return { pre: (link && link.pre)? link.pre : null, /** * Compiles and re-adds the contents */ post: function(scope, element){ // Compile the contents if(!compiledcontents){ compiledcontents = $compile(contents); } // Re-add the compiled contents to the element compiledcontents(scope, function(clone){ element.append(clone); }); } }; } // Call the post-linking function, if any if(link && link.post){ link.post.apply(null, arguments); } 38
39 4 USING ANGULAR Integrating with DX security Problem : - AJAX calls to Apache Unomi Administration API must be controlled by DX s permissions Solution: - Proxy servlet controls access to Apache Unomi s Admin REST API Browser DX Angular UI Proxy Servlet Admin API Apache Unomi 39
40 4 USING ANGULAR Unlearn jquery jquery Angular Source of DOM changes DOM Manipulation Javascript Objects modifications Reusing logic jquery Plugins Angular directives Data binding No Yes Scopes No Yes 40
41 4 USING ANGULAR Implementation pitfalls Existing Angular Components (such as Material Design) were discovered late, reinvented the wheel Properly learning how to leverage directives takes time, learning curve Building dynamic UIs is always harder than implementing a static design Dependency Injection is both a blessing and a curse (can be complex to understand and master) High loading times because Angular 1 is not very modular 41
42 5 NATURAL EVOLUTION Angular 2
43 5 ANGULAR 2 Angular migration path Angular project news: We're enabling mixing of Angular 1 and Angular 2 in the same application. You can mix Angular 1 and Angular 2 components in the same view. Angular 1 and Angular 2 can inject services across frameworks. Data binding works across frameworks. 43
44 5 ANGULAR 2 Component Tree import {Component, Input} from 'angular2/core'; import {Directory} from selector: 'tree-view', templateurl: './components/tree-view/tree-view.html', directives: [TreeView] }) export class TreeView directories: Array<Directory>; } <ul> <li *ngfor="#dir of directories"> <span><input type="checkbox" [checked]="dir.checked" (click)="dir.check()" <span (click)="dir.toggle()">{{ dir.name }}</span> <div *ngif="dir.expanded"> <ul > <li *ngfor="#file of dir.files">{{file}}</li> </ul> <tree-view [directories]="dir.directories"></tree-view> </div> </li> </ul> /></span> Source: 44
45 5 ANGULAR 2 Planned roadmap Sep 2014 Dec 2015 Jan 2016 May-2016 Angular 2 Started Angular 2 Beta 1 Angular 2 Beta 2 Angular 2 RC 45
46 6 THE FUTURE Looking at the big picture
47 6 THE FUTURE WEB COMPONENTS Pros Based on W3C standards Browser-based, can integrate with any JS framework Native integration with Angular 2 Existing implementations (Polymer, X-Tags) Promotes reusability of components, as well as intra-component communication Cons Limited browser support (especially Polymer) Some standards not fully finalized 47
48 6 THE FUTURE Conclusions Lots of interesting frameworks out there Angular has a large community Angular 2 improvements are a very good thing Migration path now (finally) available Web components are very interesting Web components API not yet available on all browsers Choosing the right framework can really improve velocity Frameworks that promote reusability of components are a good choice Don t forget mobile platforms Don t forget SEO (which usually require either server-side rendering or other tricks) 48
49 THE END! See you at Jahia Experience US - April
ARCHITECTURE ARCHITECTURE OVERVIEW
ARCHITECTURE ARCHITECTURE OVERVIEW The personalization of the customer experience is in every marketer s mind and this requirement has strong impacts on customer data integration, across channels and applications.
More informationP a g e 1. Danish Technological Institute. Scripting and Web Languages Online Course k Scripting and Web Languages
P a g e 1 Online Course k72853 Scripting and Web Languages P a g e 2 Title Estimated Duration (hrs) JsRender Fundamentals 2 Advanced JsRender Features 3 JavaScript SPA: Getting Started with SPA in Visual
More informationHigh Performance Single Page Application with Vue.js
High Performance Single Page Application with Vue.js Premise Static HTML and simple web-pages are already a history now. The novel web applications are advanced and do a lots of functionalities. Also,
More informationAngularJS Fundamentals
AngularJS Fundamentals by Jeremy Zerr Blog: http://www.jeremyzerr.com LinkedIn: http://www.linkedin.com/in/jrzerr Twitter: http://www.twitter.com/jrzerr What is AngularJS Open Source Javascript MVC/MVVM
More informationDECOUPLING PATTERNS, SERVICES AND CREATING AN ENTERPRISE LEVEL EDITORIAL EXPERIENCE
DECOUPLING PATTERNS, SERVICES AND CREATING AN ENTERPRISE LEVEL EDITORIAL EXPERIENCE Who we are and Why we are here? Saurabh Chugh Started Drupal journey in 2010 with Drupal 6, long journey with Drupal
More informationCodeValue. C ollege. Prerequisites: Basic knowledge of web development and especially JavaScript.
Course Syllabuses Introduction to AngularJS Length: 3 days Prerequisites: Basic knowledge of web development and especially JavaScript. Objectives: Students will learn to take advantage of AngularJS and
More informationa Very Short Introduction to AngularJS
a Very Short Introduction to AngularJS Lecture 11 CGS 3066 Fall 2016 November 8, 2016 Frameworks Advanced JavaScript programming (especially the complex handling of browser differences), can often be very
More information3 Days Training Program
3 Days Training Program What is AngularJS? A JavaScript framework for creating dynamic web applications Open Source GitHub: https://github.com/angular/angular.js MIT License Uses jquery jquery 1.7.1 or
More informationFrontend UI Training. Whats App :
Frontend UI Training Whats App : + 916 667 2961 trainer.subbu@gmail.com What Includes? 1. HTML 5 2. CSS 3 3. SASS 4. JavaScript 5. ES 6/7 6. jquery 7. Bootstrap 8. AJAX / JSON 9. Angular JS 1x 10. Node
More informationLiferay Digital Experience Platform. New Features Summary
Liferay Digital Experience Platform New Features Summary Liferay has redesigned its platform with new functionality in Liferay Digital Experience Platform (DXP). The following is a summary of the key new
More informationAdvance Mobile& Web Application development using Angular and Native Script
Advance Mobile& Web Application development using Angular and Native Script Objective:- As the popularity of Node.js continues to grow each day, it is highly likely that you will use it when you are building
More informationSimple AngularJS thanks to Best Practices
Simple AngularJS thanks to Best Practices Learn AngularJS the easy way Level 100-300 What s this session about? 1. AngularJS can be easy when you understand basic concepts and best practices 2. But it
More informationFront End Programming
Front End Programming Mendel Rosenblum Brief history of Web Applications Initially: static HTML files only. Common Gateway Interface (CGI) Certain URLs map to executable programs that generate web page
More informationUI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML
UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective
More informationModern and Responsive Mobile-enabled Web Applications
Available online at www.sciencedirect.com ScienceDirect Procedia Computer Science 110 (2017) 410 415 The 12th International Conference on Future Networks and Communications (FNC-2017) Modern and Responsive
More informationFinancial. AngularJS. AngularJS.
Financial http://killexams.com/exam-detail/ Section 1: Sec One (1 to 50) Details:This section provides a huge collection of Angularjs Interview Questions with their answers hidden in a box to challenge
More informationManual Html A Href Onclick Submit Form
Manual Html A Href Onclick Submit Form JS HTML DOM. DOM Intro DOM Methods HTML form validation can be done by a JavaScript. If a form field _input type="submit" value="submit" /form_. As shown in a previous
More informationTen interesting features of Google s Angular Project
Ten interesting features of Google s Angular Project - 1 Ten interesting features of Google s Angular Project Copyright Clipcode Ltd 2018 All rights reserved Ten interesting features of Google s Angular
More informationFinancial. AngularJS. AngularJS. Download Full Version :
Financial AngularJS AngularJS Download Full Version : https://killexams.com/pass4sure/exam-detail/angularjs Section 1: Sec One (1 to 50) Details:This section provides a huge collection of Angularjs Interview
More informationCS50 Quiz Review. November 13, 2017
CS50 Quiz Review November 13, 2017 Info http://docs.cs50.net/2017/fall/quiz/about.html 48-hour window in which to take the quiz. You should require much less than that; expect an appropriately-scaled down
More informationFuture Web App Technologies
Future Web App Technologies Mendel Rosenblum MEAN software stack Stack works but not the final say in web app technologies Angular.js Browser-side JavaScript framework HTML Templates with two-way binding
More informationDesign and Implementation of Single Page Application Based on AngularJS
Design and Implementation of Single Page Application Based on AngularJS 1 Prof. B.A.Khivsara, 2 Mr.Umesh Khivsara 1 Assistant Prof., 2 Website Developer 1 Department of Computer Engineering, 2 UKValley
More informationASP.NET MVC Training
TRELLISSOFT ASP.NET MVC Training About This Course: Audience(s): Developers Technology: Visual Studio Duration: 6 days (48 Hours) Language(s): English Overview In this course, students will learn to develop
More informationOpen Source Library Developer & IT Pro
Open Source Library Developer & IT Pro Databases LEV 5 00:00:00 NoSQL/MongoDB: Buildout to Going Live INT 5 02:15:11 NoSQL/MongoDB: Implementation of AngularJS INT 2 00:59:55 NoSQL: What is NoSQL INT 4
More informationBuilding mobile app using Cordova and AngularJS, common practices. Goran Kopevski
Building mobile app using Cordova and AngularJS, common practices Goran Kopevski Agenda What is cordova? How to choose proper JS framework Building mobile app using Cordova and AngularJS Common fails,
More informationJavaScript or: How I Learned to Stop Worrying and Love a Classless Loosely Typed Language
JavaScript or: How I Learned to Stop Worrying and Love a Classless Loosely Typed Language Part 1 JavaScript the language What is JavaScript? Why do people hate JavaScript? / Should *you* hate JavaScript?
More informationOracle Service Cloud Integration for Develope
Oracle Uni Contact Us: 08 Oracle Service Cloud Integration for Develope Durat5 Da What you will learn The class covers how to extend the Service Cloud objec applicable to all APIs before moving on to specific
More informationModern App Architecture
Modern App Architecture Brent Edwards Principal Lead Consultant Magenic Level: Intermediate BrentE@magenic.com @brentledwards http://www.brentedwards.net https://github.com/brentedwards BRENT EDWARDS MyVote
More informationwelcome to BOILERCAMP HOW TO WEB DEV
welcome to BOILERCAMP HOW TO WEB DEV Introduction / Project Overview The Plan Personal Website/Blog Schedule Introduction / Project Overview HTML / CSS Client-side JavaScript Lunch Node.js / Express.js
More informationThe Now Platform Reference Guide
The Now Platform Reference Guide A tour of key features and functionality START Introducing the Now Platform Digitize your business with intelligent apps The Now Platform is an application Platform-as-a-Service
More informationOracle Fusion Middleware 11g: Build Applications with ADF I
Oracle University Contact Us: +966 1 1 2739 894 Oracle Fusion Middleware 11g: Build Applications with ADF I Duration: 5 Days What you will learn This course is aimed at developers who want to build Java
More informationQlik Analytics Platform
Technical Brief Qlik Analytics Platform Building Engaging Visual Analytics October, 2015 qlik.com Table of Contents Introduction 3 Introducing Qlik Analytics Platform 3 Integration Capabilities 4 Architecture
More informationCMIS CONNECTOR MODULE DOCUMENTATION DIGITAL EXPERIENCE MANAGER 7.2
CMIS CONNECTOR MODULE DOCUMENTATION SUMMARY 1 OVERVIEW... 4 1.1 About CMIS... 4 1.2 About this module... 4 1.3 Module features... 5 1.4 Implementation notes... 6 2 CONFIGURATION... 6 2.1 Installation...
More informationFrontend Frameworks. SWE 432, Fall 2016 Design and Implementation of Software for the Web
Frontend Frameworks SWE 432, Fall 2016 Design and Implementation of Software for the Web Today How do we build a single page app without dying? MVC/MVVM (AngularJS) For further reading: Book: Learning
More informationTHE PRAGMATIC INTRO TO REACT. Clayton Anderson thebhwgroup.com WEB AND MOBILE APP DEVELOPMENT AUSTIN, TX
THE PRAGMATIC INTRO TO REACT Clayton Anderson thebhwgroup.com WEB AND MOBILE APP DEVELOPMENT AUSTIN, TX REACT "A JavaScript library for building user interfaces" But first... HOW WE GOT HERE OR: A BRIEF
More informationTemplates and Databinding. SWE 432, Fall 2017 Design and Implementation of Software for the Web
Templates and Databinding SWE 432, Fall 2017 Design and Implementation of Software for the Web Today What are templates? What are frontend components? How can I use these with React? 2 What s wrong with
More informationTechWatch Report Javascript Libraries and Frameworks
TechWatch Report Javascript Libraries and Frameworks Date: February 2018 Created By: Prateek Vijan, Sanjeevan Biswas Contributors: Vrushali Malushte, Sridatta Pasumarthy, Mayank Kansal, Arindam Nayak Contents
More informationQ2D8T#YH# BYUQTUQ+ *")#+,-./,01#2../,345,67#869,3#47:#+5;<35<;=!"""""""""""# $& B675;6//=;#CD/645E!
A Publication of Q2D8T#YH# BYUQTUQ+!"#$%&'()*+&,(%!"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""# $% -"#.%&,/01&&2'%3#4#523(6*&,(% """"""""""""""""""""""""""""""""""""# $& *")#+,-./,01#2../,345,67#869,3#47:#+5;
More informationWhat is AngularJS. à Javascript Framework à MVC à for Rich Web Application Development à by Google
AngularJS What is AngularJS à Javascript Framework à MVC à for Rich Web Application Development à by Google Why AngularJS Other frameworks deal with HTML s shortcomings by either abstracting away HTML,
More informationRemote Health Service System based on Struts2 and Hibernate
St. Cloud State University therepository at St. Cloud State Culminating Projects in Computer Science and Information Technology Department of Computer Science and Information Technology 5-2017 Remote Health
More informationSolving Mobile App Development Challenges. Andrew Leggett & Abram Darnutzer CM First
Solving Mobile App Development Challenges Andrew Leggett & Abram Darnutzer CM First CM First WebClient Solutions CM WebClient Full desktop experience in browser CM WebClient Mobile Online mobile solution,
More information20486: Developing ASP.NET MVC 4 Web Applications
20486: Developing ASP.NET MVC 4 Web Applications Length: 5 days Audience: Developers Level: 300 OVERVIEW In this course, students will learn to develop advanced ASP.NET MVC applications using.net Framework
More informationAngularJS Intro Homework
AngularJS Intro Homework Contents 1. Overview... 2 2. Database Requirements... 2 3. Navigation Requirements... 3 4. Styling Requirements... 4 5. Project Organization Specs (for the Routing Part of this
More informationFull Stack Developer with Java
Full Stack Developer with Java Full Stack Developer (Java) MVC, Databases and ORMs, API Backend Frontend Fundamentals - HTML, CSS, JS Unit Testing Advanced Full Stack Developer (Java) UML, Distributed
More informationUnderstanding Angular Directives By Jeffry Houser
Understanding Angular Directives By Jeffry Houser A DotComIt Whitepaper Copyright 2016 by DotComIt, LLC Contents A Simple Directive... 4 Our Directive... 4 Create the App Infrastructure... 4 Creating a
More informationIntegrating New Visualizations with Pentaho Using the Viz API
Integrating New Visualizations with Pentaho Using the Viz API Nick Keune, Pentaho Embedded & Advanced Analytics SE, Hitachi Vantara Ben Hopkins Pentaho Senior Product Manager, Hitachi Vantara Agenda In
More informationWeb Software Model CS 4640 Programming Languages for Web Applications
Web Software Model CS 4640 Programming Languages for Web Applications [Robert W. Sebesta, Programming the World Wide Web Upsorn Praphamontripong, Web Mutation Testing ] 1 Web Applications User interactive
More informationNagaraju Bende
AngularJS Nagaraju Bende Blog Twitter @nbende FaceBook nbende http://angularjs.org Agenda Introduction to AngularJS Pre-Requisites Why AngularJS Only Getting Started MV* pattern of AngularJS Directives,
More informationJava SE7 Fundamentals
Java SE7 Fundamentals Introducing the Java Technology Relating Java with other languages Showing how to download, install, and configure the Java environment on a Windows system. Describing the various
More informationServer execution of JavaScript: What could possibly go wrong?
Server execution of JavaScript: What could possibly go wrong? Brian Geffon Staff Software Engineer Hello! 2 Outline Introductions Ø Brief History The paradigm shift Problems! Where we are today Closing
More informationSingle Page Applications using AngularJS
Single Page Applications using AngularJS About Your Instructor Session Objectives History of AngularJS Introduction & Features of AngularJS Why AngularJS Single Page Application and its challenges Data
More informationAngular 2: What s new? Jonas Bandi, IvoryCode GmbH
Angular 2: What s new? Jonas Bandi, IvoryCode GmbH Once upon a time the world was peacefully creating applications with AngularJS but change was lurking in the maze of a mailing list https://groups.google.com/forum/#!search/misko$20hevery$20may$2022$202013/polymer-dev/4rsyakmbtek/uyny3900wpij
More informationUX400. OpenUI5 Development Foundations COURSE OUTLINE. Course Version: 02 Course Duration: 5 Day(s)
UX400 OpenUI5 Development Foundations. COURSE OUTLINE Course Version: 02 Course Duration: 5 Day(s) SAP Copyrights and Trademarks 2017 SAP SE or an SAP affiliate company. All rights reserved. No part of
More informationJAVASCRIPT JQUERY AJAX FILE UPLOAD STACK OVERFLOW
page 1 / 5 page 2 / 5 javascript jquery ajax file pdf I marked it as a duplicate despite the platform difference, because as far as I can see the solution is the same (You can't and don't need to do this
More informationReact Not Just Hype!
React Not Just Hype! @mjackson Thriller. @ReactJSTraining reactjs-training.com rackt github.com/rackt - 14 members - 5 teams (owners, routing, redux, a11y, docs) - Not exclusive! This is not a core team.
More informationIntroduction to Sencha Ext JS
Introduction to Sencha Ext JS Olga Petrova olga@sencha.com Sales Engineer EMEA Agenda Use Case How It Works Advantages Demo Use case Ext JS a Javascript framework for building enterprise data-intensive
More informationTHE HITCHHIKERS GUIDE TO. Harper Maddox CTO, EdgeTheory 30 September 2014
THE HITCHHIKERS GUIDE TO! Harper Maddox CTO, EdgeTheory 30 September 2014 DON T PANIC ENJOYMENT OF ANGULAR Services, Modules promises, directives Angular RULEZ I m doing it wrong @#$% Taken from Alicia
More informationLecture 8. ReactJS 1 / 24
Lecture 8 ReactJS 1 / 24 Agenda 1. JSX 2. React 3. Redux 2 / 24 JSX 3 / 24 JavaScript + HTML = JSX JSX is a language extension that allows you to write HTML directly into your JavaScript files. Behind
More informationThe course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.
Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led
More informationBPM + Mobile Building a hybrid mobile app for BPM IBM Corporation
BPM + Mobile Building a hybrid mobile app for BPM Daniel Fitzgerald Technical Sales Specialist Oxford Brookes University Graduate - BSc Mobile Computing daniel.fitzgerald@uk.ibm.com 2 Agenda Why mobile?
More informationBuilding JSR-286 portlets using AngularJS and IBM Web Experience Factory
Building JSR-286 portlets using AngularJS and IBM Web Experience Factory Overview This article illustrates how to build JSR-286 portlets using AngularJS framework and IBM Web Experience Factory (WEF) for
More informationDeveloping ASP.NET MVC 4 Web Applications
Developing ASP.NET MVC 4 Web Applications Duration: 5 Days Course Code: 20486B About this course In this course, students will learn to develop advanced ASP.NET MVC applications using.net Framework 4.5
More informationOracle Fusion Middleware 11g: Build Applications with ADF I
Oracle University Contact Us: Local: 1800 103 4775 Intl: +91 80 4108 4709 Oracle Fusion Middleware 11g: Build Applications with ADF I Duration: 5 Days What you will learn Java EE is a standard, robust,
More informationOracle Service Cloud Integration for Developers Ed 1
Oracle University Contact Us: Local: 1800 103 4775 Intl: +91 80 67863102 Oracle Service Cloud Integration for Developers Ed 1 Duration: 5 Days What you will learn The class covers how to extend the Service
More informationtoday what is this course about? what is this course about? Welcome to CSC309! Programming on the Web APRIL 05
Welcome to CSC309! Programming on the Web Amir H. Chinaei, Spring 2017 ahchinaei@cs.toronto.edu http://www.cs.toronto.edu/~ahchinaei/ Office hours: M 3:45-5:45 BA4222 today course outline (bird s-eye view)
More informationWe will show you how we bypassed every XSS mitigation we tested. Mitigation bypass-ability via script gadget chains in 16 popular libraries
We will show you how we bypassed every XSS mitigation we tested. Mitigation bypass-ability via script gadget chains in 16 popular libraries PoCs included Content Security Policy WAFs whitelists nonces
More informationPHP WITH ANGULAR CURRICULUM. What you will Be Able to Achieve During This Course
PHP WITH ANGULAR CURRICULUM What you will Be Able to Achieve During This Course This course will enable you to build real-world, dynamic web sites. If you've built websites using plain HTML, you realize
More informationFull Stack Web Developer
Full Stack Web Developer Course Contents: Introduction to Web Development HTML5 and CSS3 Introduction to HTML5 Why HTML5 Benefits Of HTML5 over HTML HTML 5 for Making Dynamic Page HTML5 for making Graphics
More informationIntroduction to Web Application Development Using JEE, Frameworks, Web Services and AJAX
Introduction to Web Application Development Using JEE, Frameworks, Web Services and AJAX Duration: 5 Days US Price: $2795 UK Price: 1,995 *Prices are subject to VAT CA Price: CDN$3,275 *Prices are subject
More informationModern SharePoint and Office 365 Development
Modern SharePoint and Office 365 Development Mastering Today s Best Practices in Web and Mobile Development Course Code Audience Format Length Course Description Student Prerequisites MSD365 Professional
More informationAngularJS AN INTRODUCTION. Introduction to the AngularJS framework
AngularJS AN INTRODUCTION Introduction to the AngularJS framework AngularJS Javascript framework for writing frontend web apps DOM manipulation, input validation, server communication, URL management,
More informationThe ROI of UI Toolkit Standardization
The ROI of UI Toolkit Standardization Whitepaper Introduction 1 Buy vs. Build 2 The ROI of Standardization 3 The ROI of Infragistics as your UX Team 3-4 Leveraged Learning 4 The Overall Value of Standardization
More informationMigrating traditional Java EE applications to mobile
Migrating traditional Java EE applications to mobile Serge Pagop Sr. Channel MW Solution Architect, Red Hat spagop@redhat.com Burr Sutter Product Management Director, Red Hat bsutter@redhat.com 2014-04-16
More informationEmberJS A Fitting Face for a D8 Backend. Taylor Solomon
EmberJS A Fitting Face for a D8 Backend Taylor Solomon taylor.solomon @jtsolomon http://interactivestrategies.com 2 Years Ago 2 Years Ago URL Ember Data assumes a few things. - Your API format is JSON
More informationWebApp development. Outline. Web app structure. HTML basics. 1. Fundamentals of a web app / website. Tiberiu Vilcu
Outline WebApp development Tiberiu Vilcu Prepared for EECS 411 Sugih Jamin 20 September 2017 1 2 Web app structure HTML basics Back-end: Web server Database / data storage Front-end: HTML page CSS JavaScript
More informationRich Web Applications in Server-side Java without. Plug-ins or JavaScript
Rich Web Applications in Server-side Java without twitter: #vaadin @joonaslehtinen Plug-ins or JavaScript Joonas Lehtinen, PhD Vaadin Ltd - CEO joonas@vaadin.com ? Vaadin is a UI framework for desktop-like
More informationTim Roes. Android- & inovex in Karlsruhe. GDG Karlsruhe Co-Organizer.
AngularJS Workshop Tim Roes Android- & Web-Developer @ inovex in Karlsruhe GDG Karlsruhe Co-Organizer www.timroes.de/+ Matthias Reuter Web-Developer @ inovex in Karlsruhe @gweax Multipage Application
More informationQuest: Choose the ideal web platform for your business
Quest: Choose the ideal web platform for your business When you re rebuilding or upgrading your website, battling through the unending waves of options, features, and fine print can be a harrowing adventure.
More informationEtanova Enterprise Solutions
Etanova Enterprise Solutions Front End Development» 2018-09-23 http://www.etanova.com/technologies/front-end-development Contents HTML 5... 6 Rich Internet Applications... 6 Web Browser Hardware Acceleration...
More information55191: Advanced SharePoint Development
Let s Reach For Excellence! TAN DUC INFORMATION TECHNOLOGY SCHOOL JSC Address: 103 Pasteur, Dist.1, HCMC Tel: 08 38245819; 38239761 Email: traincert@tdt-tanduc.com Website: www.tdt-tanduc.com; www.tanducits.com
More informationRich Web Applications in Server-side Java without. Plug-ins or JavaScript
Rich Web Applications in Server-side Java without twitter: #vaadin @joonaslehtinen Plug-ins or JavaScript Joonas Lehtinen, PhD Vaadin Ltd - CEO joonas@vaadin.com ? Vaadin is a UI framework for desktop-like
More informationReview. Fundamentals of Website Development. Web Extensions Server side & Where is your JOB? The Department of Computer Science 11/30/2015
Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science Review Web Extensions Server side & Where is your JOB? 1 In this chapter Dynamic pages programming Database Others
More informationMEAN Stack. 1. Introduction. 2. Foundation a. The Node.js framework b. Installing Node.js c. Using Node.js to execute scripts
MEAN Stack 1. Introduction 2. Foundation a. The Node.js framework b. Installing Node.js c. Using Node.js to execute scripts 3. Node Projects a. The Node Package Manager b. Creating a project c. The package.json
More informationAJAX: From the Client-side with JavaScript, Back to the Server
AJAX: From the Client-side with JavaScript, Back to the Server Asynchronous server calls and related technologies CS 370 SE Practicum, Cengiz Günay (Some slides courtesy of Eugene Agichtein and the Internets)
More informationExtend EBS Using Applications Express
Extend EBS Using Applications Express John Peters JRPJR, Inc. Abstract Few people know about Oracle Applications Express (APEX) an actual free Oracle Tool included with your Oracle DB Licenses. How many
More informationDeveloping ASP.NET MVC Web Applications (486)
Developing ASP.NET MVC Web Applications (486) Design the application architecture Plan the application layers Plan data access; plan for separation of concerns, appropriate use of models, views, controllers,
More informationGetting Started with
Getting Started with Meganadha Reddy K. Technical Trainer NetCom Learning www.netcomlearning.com Agenda How websites work Introduction to JavaScript JavaScript Frameworks Getting Started : Angular JS Q&A
More informationCOURSE 20486B: DEVELOPING ASP.NET MVC 4 WEB APPLICATIONS
ABOUT THIS COURSE In this course, students will learn to develop advanced ASP.NET MVC applications using.net Framework 4.5 tools and technologies. The focus will be on coding activities that enhance the
More informationmimacom & LiferayDXP Campaign
mimacom & LiferayDXP Campaign www.mimacom.sk/liferay-dxp-cee About me Gustav Novotný CEO Software Engineer Liferay Consultant gustav.novotny@mimacom.com Mobile: +420 605466614 Development & Consulting
More informationAngularJS Introduction
AngularJS Introduction Mendel Rosenblum AngularJS JavaScript framework for writing web applications Handles: DOM manipulation, input validation, server communication, URL management, etc. Considered opinionated
More informationStatic Webpage Development
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction
More information20486-Developing ASP.NET MVC 4 Web Applications
Course Outline 20486-Developing ASP.NET MVC 4 Web Applications Duration: 5 days (30 hours) Target Audience: This course is intended for professional web developers who use Microsoft Visual Studio in an
More information20486: Developing ASP.NET MVC 4 Web Applications (5 Days)
www.peaklearningllc.com 20486: Developing ASP.NET MVC 4 Web Applications (5 Days) About this Course In this course, students will learn to develop advanced ASP.NET MVC applications using.net Framework
More informationWakanda Architecture. Wakanda is made up of three main components: Wakanda Server Wakanda Studio Wakanda Client Framework
Wakanda Architecture Wakanda is made up of three main components: Wakanda Server Wakanda Studio Wakanda Client Framework Note: For a more general overview of Wakanda, please see What is Wakanda?) Wakanda
More informationANGULAR2 OVERVIEW. The Big Picture. Getting Started. Modules and Components. Declarative Template Syntax. Forms
FORMS IN ANGULAR Hello Cluj. I m Alex Lakatos, a Mozilla volunteer which helps other people volunteer. I want to talk to you today about Angular forms. What s a form you ask? A form creates a cohesive,
More informationTooling for Ajax-Based Development. Craig R. McClanahan Senior Staff Engineer Sun Microsystems, Inc.
Tooling for Ajax-Based Development Craig R. McClanahan Senior Staff Engineer Sun Microsystems, Inc. 1 Agenda In The Beginning Frameworks Tooling Architectural Approaches Resources 2 In The Beginning 3
More informationNode.js. Node.js Overview. CS144: Web Applications
Node.js Node.js Overview JavaScript runtime environment based on Chrome V8 JavaScript engine Allows JavaScript to run on any computer JavaScript everywhere! On browsers and servers! Intended to run directly
More informationMASTERS COURSE IN FULL STACK WEB APPLICATION DEVELOPMENT W W W. W E B S T A C K A C A D E M Y. C O M
MASTERS COURSE IN FULL STACK WEB APPLICATION DEVELOPMENT W W W. W E B S T A C K A C A D E M Y. C O M COURSE OBJECTIVES Enable participants to develop a complete web application from the scratch that includes
More informationIN4MATX 133: User Interface Software
IN4MATX 133: User Interface Software Lecture 13: Components in Angular Professor Daniel A. Epstein TA Jamshir Goorabian TA Simion Padurean 1 Notes Important: please put your name/email/id in the readme.txt
More informationStencil: The Time for Vanilla Web Components has Arrived
Stencil: The Time for Vanilla Web Components has Arrived Gil Fink sparxys CEO @gilfink / www.gilfink.net Typical Application Web Page Design From Design to Implementation Session List Day tabs Component
More information