This document discusses Alloy, an MVC framework for building mobile apps with Titanium. It provides an overview of Alloy, how it helps structure Titanium apps, and its benefits like improved code organization and reusability. Instructions are given for installing Alloy and generating projects, models, controllers and views. Platform specific UI and sharing code across components are also covered.
You’re in love with Spring Boot, but you miss your old pal AngularJS? Don’t fear, Vue.js is here! Vue is very similar to AngularJS, but much more powerful, yet slim and light for PWAs. In this session, you’ll see how to build a Spring Boot API and secure it with Spring Security. You’ll also learn how to build a Vue.js PWA, all the while enjoying a bootiful hot-code-reload experience. Lots of live coding in this one! Blog: https://developer.okta.com/blog/2018/12/03/bootiful-spring-boot-java-vue-typescript GitHub: https://github.com/oktadeveloper/spring-boot-vue-example
Microservices are being deployed by many Java Hipsters. If you're working with a large team that needs different release cycles for product components, microservices can be a blessing. If you're working at your VW Restoration Shop and running its online store with your own software, having five services to manage and deploy can be a real pain. This presentation will show you how to use JHipster to create Angular + Spring Boot apps with a unified front-end. You will leave with the know-how to create your own excellent apps! Bonus: I'll show you how to use Ionic for JHipster to create native applications on mobile. It's pretty darn slick! Blog posts: * https://developer.okta.com/blog/2018/03/01/develop-microservices-jhipster-oauth * https://developer.okta.com/blog/2018/01/30/jhipster-ionic-with-oidc-authentication GitHub: https://github.com/oktadeveloper/okta-jhipster-microservices-oauth-example Download the JHipster Mini-Book v5.0 for free from InfoQ! https://www.infoq.com/minibooks/jhipster-mini-book-5 You can also watch my JHipster Microservices course on Pluralsight. https://www.pluralsight.com/courses/play-by-play-developing-microservices-mobile-apps-jhipster
React is an open source JavaScript library for building user interfaces. It was created by Jordan Walke at Facebook in 2011 and is now maintained by Facebook, Instagram, and a community of developers. Major companies like Facebook, Netflix, Instagram, Khan Academy, and PayPal use React to build their interfaces. React uses a virtual DOM for faster rendering and makes components that manage their own state. It uses JSX syntax and a one-way data flow that is declarative and composable.
JHipster is an application generator that allows you to create monoliths or microservices, based on Spring Boot and Angular. It leverages Spring Cloud for microservices and contains best-of-breed JavaScript and CSS libraries for creating your UI. In this session, you’ll learn about what’s new in JHipster. Topics include Angular 4, Progressive Web Apps, HTTP/2, JUnit 5 and Spring 5. Monolith Demo: https://github.com/mraible/jhipster4-demo/blob/master/README.adoc Microservices Demo: https://developer.okta.com/blog/2017/06/20/develop-microservices-with-jhipster
Intro to Spring Boot and Angular presentation from JHipster 4 Workshop on Connect.Tech 2017. To simplify development and deployment, you want everything in the same artifact, so you put on your Angular app "inside" and your Spring Boot app, right? But what if you could create your Angular app as a standalone app and make cross-origin requests to your API? This session shows how to develop with Java 8, Spring Boot, Angular 4, and TypeScript. You'll learn how to create REST endpoints with Spring MVC, Spring Data REST, configure Spring Boot to allow CORS, and create an Angular app to display its data.
Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH. Check this presentation to have a short getting start in this amazing framework. Let's create amazing apps with Ionic. \o/
Troy Miles presented on ReactJS and related technologies. He discussed React which uses a virtual DOM and one-way data flow to build user interfaces. React uses JSX syntax to generate HTML and is component-based. React Router syncs the UI with the URL. Flux and Redux are patterns for managing data flow, with Redux being a predictable state container. Components are used to build reusable UI, and props are used to pass data between components.
What happens when you combine Google's AngularJS, the super cool JavaScript MVC Framework with Apache Cordova, the cross platform mobile framework using web technology? You get the Ionic Framework, the super sexy love child of two great frameworks. With Ionic you build mobile apps using the web technology you already know and love. Think the apps will be slow and clunky? Think again, Ionic comes out of the box with well design CSS3 classes to make beautiful and fluid apps. Using Cordova and jQuery Mobile already? Well, with Ionic you will learn to love mobile development again. No more write-only spaghetti code, Ionic makes it easy to create clean, testable, logical mobile apps. Need to support tablet and phone in the same app? Ionic has you covered. You can create one app which will use responsive design to change its look based on the device's screen dimensions. In this talk, I will show how easy it is to create a mobile with Ionic by building a simple but feature full app live. We will start at the command line, with one command, Ionic creates the skeleton of our app. Then using a text editor and the Chrome browser we begin building out our app. We can get it all up and running without the need for a mobile device. We will use live reload so we see our changes as soon as we make them. Once we finish, a few commands deploys our app to a simulated device. Want to get started but heard what a pain it is to install a mobile development environment? Never fear, the Vagrant Ionic Box provides a complete Android development in a virtual environment for Windows, Mac OS X, and Linux. You will be up and coding in no time.
Here are the Ionic Crash Course slides that I used for Hack-a-ton SF. Visit http://onehungrymind.com/ for videos from the talk and additional content.
You'll learn to build an Angular 9/8 web application from scratch and deploy it to Firebase. Check https://ahmedbouchefra.com
This document discusses React Native, a library that allows developers to build mobile apps using React. It provides an overview of React Native, including how it works, its architecture, and how it can blend with native iOS and Android components. It also recommends resources for learning more about React Native, especially the official documentation.
Creating an hybrid app in minutes with Ionic Framework. * Technology presentation * Creating a ionic project * Building android/iOS apps * Debugging tools * Splashscreens and icons helper
With the progressive growing of Web Applications in the last few years, the new version of this super framework has some awesome new things. Change detection? Syntax sugar? ES6? Native APIs?
This document provides an introduction to creating hybrid mobile apps using Ionic and connecting them to IBM Domino. It discusses what hybrid apps and Ionic are, how Ionic uses AngularJS and Cordova to build cross-platform apps, and how to connect an Ionic app to Domino for data via REST. It also covers setting up an initial Ionic app, common UI components, testing and deploying Ionic apps, and additional services like push notifications. The document demonstrates building a basic Ionic app and extending it to retrieve and update real data from a Domino backend over REST.
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.