This one day training covers topics related to building mobile apps with the Ionic Framework including JavaScript, AngularJS, PhoneGap/Cordova, plugins, debugging, and more. The agenda includes introductions to JavaScript concepts like hoisting, closures, and object literals as well as frameworks like AngularJS and tools like PhoneGap/Cordova. The training aims to provide attendees with the skills needed to create good looking, well-performing mobile apps for clients.
Creating an hybrid app in minutes with Ionic FrameworkJulien Renaux
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
Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles
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.
A dive into Ionic Framework. What is it, why should you use it, how can it work for you and we build a basic application to show how easy and fast it is to use.
Hybrid mobile app development slide with Ionic Framework. This is a subset of slides presented during my Ionic Mobile Development course.
In addition to the items in this slide, the course will cover Ionic application Architecture, Important AngularJS principles for Ionic development, Native vs Hybrid and code signing to Google Play and AppStore.
It is a hands-on based approach training where 80% of the course (normally from 10 am to 5 pm) will be guided lab activity or mini project activity.
> Mobile world
> Hybrid Apps vs Native Apps
> Cordova and Its Architecture
> What and Why IONIC ?
> What Techniologies IONIC does it use ?
> Ionicon and Its usage
> IONIC CLI
> IONIC and Packed Android Project File Structure.
> Example To Do List
Workshop on Hybrid App Development with Ionic FrameworkAayush Shrestha
Presentation materials for workshop on Hybrid App Development with Ionic Framework. Organized by Women Leaders in Technology, Nepal. Workshop conducted by Aayush Shrestha.
Creating an hybrid app in minutes with Ionic FrameworkJulien Renaux
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
Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles
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.
A dive into Ionic Framework. What is it, why should you use it, how can it work for you and we build a basic application to show how easy and fast it is to use.
Hybrid mobile app development slide with Ionic Framework. This is a subset of slides presented during my Ionic Mobile Development course.
In addition to the items in this slide, the course will cover Ionic application Architecture, Important AngularJS principles for Ionic development, Native vs Hybrid and code signing to Google Play and AppStore.
It is a hands-on based approach training where 80% of the course (normally from 10 am to 5 pm) will be guided lab activity or mini project activity.
> Mobile world
> Hybrid Apps vs Native Apps
> Cordova and Its Architecture
> What and Why IONIC ?
> What Techniologies IONIC does it use ?
> Ionicon and Its usage
> IONIC CLI
> IONIC and Packed Android Project File Structure.
> Example To Do List
Workshop on Hybrid App Development with Ionic FrameworkAayush Shrestha
Presentation materials for workshop on Hybrid App Development with Ionic Framework. Organized by Women Leaders in Technology, Nepal. Workshop conducted by Aayush Shrestha.
Presentation from my conference in Lublin. Details, photos and video could be found there http://tryshchenko.com/events/ . Feel free to ask any questions.
Intro to Ionic for Building Hybrid Mobile ApplicationsSasha dos Santos
Ionic is a free framework that allows users to easily build hybrid mobile applications for iOS and Android using Angular and Cordova. Ionic provides a command line interface, CSS classes, reusable components (directives) and various tools for testing and development. In this session, you'll get a birdseye view of what Ionic has to offer, as well as guidelines for building your first Ionic app, including the use of tools such as Yeoman, Bower and Grunt.
Building Hybrid Apps with Angular JS and IONIC...
***********************************************************************
In this tutorial, you learn how to build a native-like mobile application with Ionic and AngularJS. You build a Conference application that allows the attendees of a conference to browse through the list of sessions, and share information on Facebook.
Ionic Mobile Applications - Hybrid Mobile Applications Without CompromisesJacob Friesen
A presentation on Ionic Mobile Applications presented at Boca JS: http://www.meetup.com/Boca-JS/events/227150049/.
Traditionally, building Hybrid Mobile Apps with JavaScript (or other languages) was a middle ground between Mobile websites and Mobile Applications. Generally providing a more native like experience than websites, but with a reduced user experience compared to applications due to issues like slow animations or limited mobile OS access. The Ionic framework was created to provide hybrid development that does not compromise; matching native user experience while still allowing tools and techniques used on websites.
The Ionic Framework command line utility makes it easy to start, build, run, and emulate Ionic apps.
Learn how to use the power of Ionic CLI, you'll see the most important commands and resources to go deeper into all goodies provided by this amazing tool.
Ionic CLI is so fun to use, after this presentation you'll feel more comfortable using the terminal while develop hybrid apps with Ionic Framework.
Presentation from my conference in Lublin. Details, photos and video could be found there http://tryshchenko.com/events/ . Feel free to ask any questions.
Intro to Ionic for Building Hybrid Mobile ApplicationsSasha dos Santos
Ionic is a free framework that allows users to easily build hybrid mobile applications for iOS and Android using Angular and Cordova. Ionic provides a command line interface, CSS classes, reusable components (directives) and various tools for testing and development. In this session, you'll get a birdseye view of what Ionic has to offer, as well as guidelines for building your first Ionic app, including the use of tools such as Yeoman, Bower and Grunt.
Building Hybrid Apps with Angular JS and IONIC...
***********************************************************************
In this tutorial, you learn how to build a native-like mobile application with Ionic and AngularJS. You build a Conference application that allows the attendees of a conference to browse through the list of sessions, and share information on Facebook.
Ionic Mobile Applications - Hybrid Mobile Applications Without CompromisesJacob Friesen
A presentation on Ionic Mobile Applications presented at Boca JS: http://www.meetup.com/Boca-JS/events/227150049/.
Traditionally, building Hybrid Mobile Apps with JavaScript (or other languages) was a middle ground between Mobile websites and Mobile Applications. Generally providing a more native like experience than websites, but with a reduced user experience compared to applications due to issues like slow animations or limited mobile OS access. The Ionic framework was created to provide hybrid development that does not compromise; matching native user experience while still allowing tools and techniques used on websites.
The Ionic Framework command line utility makes it easy to start, build, run, and emulate Ionic apps.
Learn how to use the power of Ionic CLI, you'll see the most important commands and resources to go deeper into all goodies provided by this amazing tool.
Ionic CLI is so fun to use, after this presentation you'll feel more comfortable using the terminal while develop hybrid apps with Ionic Framework.
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Ryan Cuprak
Java EE 7 provides a strong foundation for developing the back end for your HTML5 mobile applications. This heavily code-driven session shows you how you can effectively utilize Java EE 7 as a back end for your Apache Cordova mobile applications. The session demonstrates Java EE 7 technologies such as JAX-RS 2.0, WebSocket, JSON-P, CDI, and Bean Validation. It provides an overview of the basics of Apache Cordova as well as the tooling support added in NetBeans 8. The session also demonstrates an integrated approach to rapidly developing HTML5 mobile applications with Java EE 7 and NetBeans and concludes with best practices and pitfalls.
Cross-Platform Mobile Development with Ionic Framework and AngularMovel
AngularJS is great for creating web and mobile apps with solutions like the Ionic Framework. We are starting the journey of covering Angular from the beginning.
This presentation is a part of a series that explores AngularJS through talks and workshops. We will also extend this to Ionic, which leverages Angular and Cordova, to build Mobile Apps.
Angular is the foundation to Ionic, a mobile platform development tool. Get familiar with Angular, to do more with Ionic, we will show you how.
Resources:
www.movel.co
Ionic Framework
AngularJS
Gulp
Grunt
Bower
NodeJS
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2015.
http://www.ivanomalavolta.com
geOrchestra is the free, modular and secure Spatial Data Infrastructure software born in 2009 to meet the requirements of the INSPIRE directive in Europe. It is built on top of the latest stable versions of GeoServer and GeoNetwork. In this talk we will briefly present the geOrchestra SDI, before going through the major contributions during the previous year, to answer the following questions:
* how the project moved from tainted to generic artifacts (war files, debian packages, docker images)
* how to deploy a geOrchestra SDI instance in 10 minutes
* how to build your robust, high performance and high availability SDI in the clouds.
Deploying 3 times a day without a downtime @ Rocket Tech Summit in BerlinAlessandro Nadalin
A look at how we try to make our architecture robust, resilient and fun to work with: Namshi is not github or spotify but... ...imitation is the sincerest form of flattery!
Building Hybrid Apps with AngularJS and IonicYounes Adounis
Ionic est un SDK HTML5 puissant qui vous aide à construire des applications mobiles Hybrid en utilisant des technologies web comme HTML, CSS et Javascript.
Durant cette session on verra quand faut it choisir Hybrid au lieu de Native, comment utiliser Ionic et tous ses composants et à la fin on fera un exemple réel d'application Android et iOS pour voir les meilleurs pratiques de développement.
This ppt was presented during the mLearning workshop 'How to start with mLearning' during the Online Educa Berlin 2009 conference.
It shows 4 mobile cases varying from basic to more complex mLearning.
A full weekend of hands-on instruction from a senior software engineer. Over 6 past classes instructed!
AngularJS is a modern Javascript MVC application framework which provides features such as dependency injection, unit-testable components, templates, view routing, easy access to REST-based resources, and much more. This weekend workshop focuses on teaching you the fundamentals and the advanced application of AngularJS. All weekend you will dig into AngularJS hands-on and work through labs and exercises designed to give you a full understanding of AngularJS.
Introduction to Angular JS by SolTech's Technical Architect, Carlos Muentes.
To learn more about SolTech's custom software and recruiting solution services, visit http://www.soltech.net.
Getting Started with React, When You’re an Angular DeveloperFabrit Global
If you’re an Angular developer looking into expanding your stack with React, this presentation will come in handy! It is an insightful introduction to React in comparison with Angular, where you will find all the basic knowledge you need to get started.
We’ll deep-dive into tech details such as:
● Virtual DOM
● JSX
● Functional vs Class-Based Components
● State
● How to Style
● Requests
● Upgrading: Redux and Flux and more!
You can also check out the full article version here: https://blog.fabritglobal.com/product-development/getting-started-with-react-angular-developer/
Presentation about new Angular 9.
It gives introduction about angular framework.
Provides information about why we use angular,
additional features and fixes from old versions. It will clearly explain how to create a new angular project and how to use angular commands and their usages.
It will also explain about the key components like angular architecture, routing, dependency injection etc.,
How do i implement command design pattern in the java programming course with...kritikumar16
Java is a most popular, robust, secure, platform independent and multithreading based high level programming language, because of this it is preferably used by many programmers.
Mastering Test Automation: How To Use Selenium SuccessfullySpringPeople
In this slide, identify what to test and choose the best language for automation. Learn to write maintainable and reusable Selenium tests and add UI layout test as part of automation using Galen framework. This slide will also guide you in reporting structure by using external plugin's, an illustration covering cross browser testing (Running selenium grid with Docker) and explain Code repository (Git) and Jenkins CI tool.
Spring boot is a suite, pre-configured, pre-sugared set of frameworks/technologies to reduce boilerplate configuration providing you the shortest way to have a Spring web application up and running with smallest line of code/configuration out-of-the-box.
In this presentation, I presented how to build an angular JS Application with SPA in mind and also make sure you use up all the available concepts to create versatile and creative web application with less boilerplate javascript code.
Angular training - Day 3 - custom directives, $http, $resource, setup with ye...murtazahaveliwala
Follow up on second day's training with third day, covering Custom Directives, $http, $resource, Setup with Yeoman, Unit Testing & Best practices
Code samples shared at https://github.com/murtazahaveliwala/technext-angularjs-demo/tree/master/demos/static/angular-apps
Introduction
Require JS
Handlebars
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2014.
http://www.ivanomalavolta.com
The fundamentals and advance application of Node will be covered. We will explore the design choices that make Node.js unique, how this changes the way applications are built and how systems of applications work most effectively in this model. You will learn how to create modular code that’s robust, expressive and clear. Understand when to use callbacks, event emitters and streams.
Kotlin is a language from the tool gurus at JetBrains. In 2016, after about six years of development, Kotlin reached version 1.0. In 2017 it won the hearts of developers and became an officially supported language for Android.
Kotlin, like Java, is for more than creating Android applications. It can replace or enhance Java most places it is used today including on AWS. AWS Lambda functions sometimes called Serverless Computing, is a service which lets us developers build web services without worrying about configuring servers.
In this session, we will create a lambda service on AWS using Kotlin. Along the way, we will learn what a makes Kotlin an excellent replacement for Java and how simple it is to construct an AWS Lambda function.
This full day course will give you a hands-on, deep dive into React Native. In this course, you will learn how to build cross-platform mobile applications from scratch using Facebook's React Native.
He will start you at the beginning and cover prerequisites; setting up your development environment first. Afterward, you will use npm to install react-native-cli. The CLI is our go to tool. We use it to create and deploy our app.
Next, you will explore the code. React Native will look familiar to all React developers since it is React. The main difference between React on the browser and a mobile device is the lack of a DOM. We take a look a many of the different UI components that are available.
With React Native you have access to all of the devices hardware features like cameras, GPS, fingerprint reader and more. So we'll show some JavaScript code samples demonstrating it. We will wrap up the evening by deploying our app to both iOS and Android devices and with tips on getting ready for both devices stores.
eact is a library for building HTML user interfaces. It is the "view" in a Model-View-Controller application. Created by the UI wizards at Facebook, top websites like Instagram, Netflix, Airbnb, Bleacher Report and Feedly use it. React is the 6th most starred project on GitHub and grows more popular every day.
In this two-day workshop, we will introduce you to React. On the first day, we will work through a series of increasingly more complicated tutorial exercises. Along the way, we will explain concepts like JSX, immutability, statefulness, one-way data flow, components, and virtual DOM.
With the basics out of the way, we will spend the second-day building a complex application which will put React through its paces and give us a chance to explore most of its features. Then we will learn how to think in React. We will show you how to go from design to components to working application. We will wrap the weekend with a quick preview of React Native, which allows you to use your React skills to create cross-platform mobile apps.
ave time learning on your own. Start Building with React, MongoDB, Express, & Node. The MERN Stack.
Learning a new JavaScript framework is difficult. You can spend weeks learning new concepts. If an online example doesn’t work, you may spend countless hours Googling, searching Stack Overflow and blogs for the solution.
Take the fast track and learn from an experienced Senior Software Engineer and professional instructor!
About this Course
This highly interactive course features a large amount of student labs and hands-on coding. You will be taught how to assemble the complete stack required to build a modern web app using React.js, MongoDB (a NoSQL database) and Express (a framework for web application servers). This course will also cover many other tools that go into building a complete web application: React Router, React-Bootstrap, Redux, Babel, and Webpack.
What You Will Learn
• How to use modern JavaScript features
• Webpack
• Node & Express
• Reading and writing data to a MongoDB database
• Babel
• React
• State Management with Redux
• Mongoose
• And More!
The Angular framework is great for building large-scale web applications that can be maintained and enhanced. When you're building enterprise-level apps, testing is vital to the development process. Testing improves the quality of code and reduces maintenance, saving both time and money. Developers who know how to build and leverage tests are highly valued by their clients and companies.
React is a JavaScript library for building user interfaces. It comes from the UI experts at Facebook. It is currently the fourth most starred repository on GitHub, ranking higher than AngularJS.
C# developers using ASP.NET might feel left out but shouldn't. Facebook has developed a companion library for .NET developers, ReactJS.NET. That's right devs; you can enjoy all of the hotness of React and JSX all from rock-solid .NET Framework using ASP.NET MVC as your back-end.
In this session, we will create a sample website using React and powered by ASP.NET Core. We will demo some of the most important features of React and syntax of JSX. Our sample will also push and pull data via HTTP. Finally, if time permits we write some code to use Redux, a state container, which while not part React is often used with it.
Angular continues to be one of the most popular frameworks for building modern web applications. The impending release of Angular version 4 has many developers in a panic. What is Angular version 4? What happened to version 3? Do I have to learn a bunch of new stuff? Will my code break?
Well, fear not Angular fans. We have answers and more. In this mini-session, we'll explain where we came from and where we are going. And more importantly, we have code samples. We will show you some of the latest cool stuff including the new *ngIf, animations, TypeScript 2.2 support, and the revised router. And prove to you most of the changes to Angular are pretty modest and shouldn't require much if any code changes.
This course teaches you the concepts of Angular. You will learn how to utilize Components, Annotations, Views, Event Handlers, Directives and more. In Angular everything is a Component and this course takes a component-centric approach. We will use Components as the main point of discussion and you will learn about other concepts in Angular in the context of Components.
Replace Angular with React. Make the move from the MEAN stack to the powerful MERN Stack!
Come and learn about the MERN stack. No, that isn't a typo. The MERN stack is Mongo, Express, and Node, with React instead of Angular. While both React and Angular are remarkable JavaScript technologies, React comes with less baggage. There is no TypeScript, no annotations, no bossy framework telling you how to do everything.
JavaScript is arguably the most popular language in the world. It runs in the browser, on the server, on mobile devices, and even powers the Internet of things. In spite of being completely ubiquitous, JavaScript is also the most hated language on the planet.
Unlike other programming languages, JavaScript straddles the line between imperative, object-oriented languages and functional ones. It was originally designed to be a version of the Scheme language for the browser. Which begs the questions, what if we programmed JavaScript functionally?
In this session, we will take a well-known programming problem and first implemented imperatively, then progressively make it more functional. Along the way, we will discuss what makes a language functional.
Best of all we will just use the latest version of JavaScript, ES-2015. No need for any additional libraries. So if you are looking for a different way to code JS, or only curious to learn a bit more about FP, please join us.
Paul Graham, the founder of startup incubator YCombinator, put it best when he described LISP as his old company's secret weapon. Think about, if you use all of the same tools as everyone else, how do you expect to achieve better results?
Clojure is a LISP language created in 2009 by Rich Hickey. Built initially on the Java Virtual Machine (JVM) it has since been ported to run on Microsoft and JavaScript. (That's right the browser). Clojure gives you all of the power and stability of the JVM without the clunkiness of Java.
Most developers have never worked with a functional language before and many who have found the use of parenthesis instead of braces intimidating. Don't worry. Once it is broken down to you, I think you will see the beauty of it.
In this fast and fun session, we will build an app using Clojure. We will enhance it, test it and explore why functional is a better programming model than OOPs. We will even explore why such programs are better at multitasking than object oriented ones.
The MEAN stack allows you to build fast, responsive, and maintainable full-stack websites using JavaScript. The stack uses four innovative frameworks: MongoDB for rapid data access, Express for simplified web development, Angular for componentized and fluid UI, and Node for speed.
Not sure if the MEAN stack is for you? Then come to this free warm-up session. We give you a quick tour of all of the pieces of the stack. How to get you machine ready. And show you what it is like to build a site using it.
This session is for both front and backend developers. We'll show you how JavaScript, the world's most ubiquitous language, can help you to master the web.
JavaScript is the one language that most developers never bother to formally learn, and that is a shame. While it looks like Java and C#, it behaves very differently.
In this session, we will walk through some features of JavaScript you may have seen and wished you knew. Using working code, we will explore what "use strict" actually does. We will also look at the ES5 array methods, slice vs. splice and which one to avoid, the new features of ES2015 and ES2016. To use the new JavaScript, we will look at how to use TypeScript and Babel.
And if you ever wonder what's the difference between call and apply? Or what the heck is bind? And how they relate to the new operator, you must attend this FREE talk.
Game Design and Development Workshop Day 1Troy Miles
This course teaches you how to build awesome video games using Cocos2Dx. Cocos2Dx is a feature packed, free game development engine. It is cross platform, high performance, and supports three languages: C++, Lua and JavaScript. With it, you can write games for iOS, Android, Windows, Mac, and the Web. It is nothing short of amazing and this course teaches you how to use it. We will program Cocos2Dx in JavaScript, but this is not a programming class. If you don't know how to write code in JavaScript or some other curly brace language, this is not the course for you. For those whose JavaScript is rusty, we will do quick language overview. Don't let the JavaScript part fool you. Cocos2Dx is built from highly optimized C++ and OpenGL, JavaScript is used for game logic, not graphics. Our games will run at a super fast, 60 frames a second.
Is it hard to build games? No, at least not with Cocos2D-x, the free, cross-platform framework that makes it easy to create high-performance games in JavaScript. How easy? Come and watch me make a simple, but complete old school platformer in 60 minutes.
I will show you how to get started. Installation is the worst part of Cocos2D-x, but it isn't too tough. Then we'll put the app together, running it on my laptop as we go. We will also add music, sound, and show you where to find cheap sources for both. Once our game is running, I will blow your minds by porting the game to both iOS and the web. That's right, one app running on a laptop, an iPhone, and on a web page.
As I build, I will talk about all of the things that make Cocos2D-x magical. Things like graphic layers, sprite animation, collision detection, resource management and physics. I'll also demo debugging since bugs are an inevitable part of programming. While made especially for games, you can build any app, which needs to be fast or cross-platform,
Please keep in mind, that Cocos2D-x makes it easy for programmers to create games. If you know JavaScript excellent, but you should be okay so long as you know a curly brace language, like C, Java, or C#. If you don't know how to program, take a programming class first.
In this workshop we will deploy a pre-built Node website to Heroku, then hook it up to an mLabs MongoDB instance. We will then use both the Mongo Shell and a GUI based app to import and export data, save and modify documents, and run queries. Finally, we'll use our knowledge of Mongo queries to create a RESTful api for the Node app.
This is a workshop designed for experienced JavaScript developers. You must already be familiar with the following: JavaScript, Git, using a programming editor, running commands from the terminal, and launching a web server on your own machine.
The Internet is asynchronous, people are asynchronous, the universe is asynchronous. They are now and they always will be. Writing applications which deal correctly with asynchronous data is difficult. Or at least it was. Microsoft open sourced ReactiveX in 2010 to make what used to be some of the hairiest kinds of coding almost easy.
The project was so well received that it has been ported to nearly every major programming language. Versions of ReactiveX exists for .NET, JavaScript, Java, Scala, Clojure, C++, Ruby, Python, Groovy, JRuby, Kotlin, and Swift. The project is open source and community maintain with corporate backing from the likes of Microsoft and Netflix.
Microsoft created the ReactiveX, then called reactive extensions, from the burnt out remains of Project Volta. Project Volta's goal was to extend .NET's to run both on the server and in the browser. A compiler would decide which parts were best to put where. It essentially was the Meteor framework in 2007.
In this talk we will take a deep look at ReactiveX. We will use code samples to show how things are done before and after ReactiveX. The code will be in C# and JavaScript. We will see how ReactiveX makes our lives as developers easier and our code more reactive.
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...Globus
The Earth System Grid Federation (ESGF) is a global network of data servers that archives and distributes the planet’s largest collection of Earth system model output for thousands of climate and environmental scientists worldwide. Many of these petabyte-scale data archives are located in proximity to large high-performance computing (HPC) or cloud computing resources, but the primary workflow for data users consists of transferring data, and applying computations on a different system. As a part of the ESGF 2.0 US project (funded by the United States Department of Energy Office of Science), we developed pre-defined data workflows, which can be run on-demand, capable of applying many data reduction and data analysis to the large ESGF data archives, transferring only the resultant analysis (ex. visualizations, smaller data files). In this talk, we will showcase a few of these workflows, highlighting how Globus Flows can be used for petabyte-scale climate analysis.
Understanding Globus Data Transfers with NetSageGlobus
NetSage is an open privacy-aware network measurement, analysis, and visualization service designed to help end-users visualize and reason about large data transfers. NetSage traditionally has used a combination of passive measurements, including SNMP and flow data, as well as active measurements, mainly perfSONAR, to provide longitudinal network performance data visualization. It has been deployed by dozens of networks world wide, and is supported domestically by the Engagement and Performance Operations Center (EPOC), NSF #2328479. We have recently expanded the NetSage data sources to include logs for Globus data transfers, following the same privacy-preserving approach as for Flow data. Using the logs for the Texas Advanced Computing Center (TACC) as an example, this talk will walk through several different example use cases that NetSage can answer, including: Who is using Globus to share data with my institution, and what kind of performance are they able to achieve? How many transfers has Globus supported for us? Which sites are we sharing the most data with, and how is that changing over time? How is my site using Globus to move data internally, and what kind of performance do we see for those transfers? What percentage of data transfers at my institution used Globus, and how did the overall data transfer performance compare to the Globus users?
Listen to the keynote address and hear about the latest developments from Rachana Ananthakrishnan and Ian Foster who review the updates to the Globus Platform and Service, and the relevance of Globus to the scientific community as an automation platform to accelerate scientific discovery.
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisGlobus
JASMIN is the UK’s high-performance data analysis platform for environmental science, operated by STFC on behalf of the UK Natural Environment Research Council (NERC). In addition to its role in hosting the CEDA Archive (NERC’s long-term repository for climate, atmospheric science & Earth observation data in the UK), JASMIN provides a collaborative platform to a community of around 2,000 scientists in the UK and beyond, providing nearly 400 environmental science projects with working space, compute resources and tools to facilitate their work. High-performance data transfer into and out of JASMIN has always been a key feature, with many scientists bringing model outputs from supercomputers elsewhere in the UK, to analyse against observational or other model data in the CEDA Archive. A growing number of JASMIN users are now realising the benefits of using the Globus service to provide reliable and efficient data movement and other tasks in this and other contexts. Further use cases involve long-distance (intercontinental) transfers to and from JASMIN, and collecting results from a mobile atmospheric radar system, pushing data to JASMIN via a lightweight Globus deployment. We provide details of how Globus fits into our current infrastructure, our experience of the recent migration to GCSv5.4, and of our interest in developing use of the wider ecosystem of Globus services for the benefit of our user community.
In software engineering, the right architecture is essential for robust, scalable platforms. Wix has undergone a pivotal shift from event sourcing to a CRUD-based model for its microservices. This talk will chart the course of this pivotal journey.
Event sourcing, which records state changes as immutable events, provided robust auditing and "time travel" debugging for Wix Stores' microservices. Despite its benefits, the complexity it introduced in state management slowed development. Wix responded by adopting a simpler, unified CRUD model. This talk will explore the challenges of event sourcing and the advantages of Wix's new "CRUD on steroids" approach, which streamlines API integration and domain event management while preserving data integrity and system resilience.
Participants will gain valuable insights into Wix's strategies for ensuring atomicity in database updates and event production, as well as caching, materialization, and performance optimization techniques within a distributed system.
Join us to discover how Wix has mastered the art of balancing simplicity and extensibility, and learn how the re-adoption of the modest CRUD has turbocharged their development velocity, resilience, and scalability in a high-growth environment.
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...Globus
Large Language Models (LLMs) are currently the center of attention in the tech world, particularly for their potential to advance research. In this presentation, we'll explore a straightforward and effective method for quickly initiating inference runs on supercomputers using the vLLM tool with Globus Compute, specifically on the Polaris system at ALCF. We'll begin by briefly discussing the popularity and applications of LLMs in various fields. Following this, we will introduce the vLLM tool, and explain how it integrates with Globus Compute to efficiently manage LLM operations on Polaris. Attendees will learn the practical aspects of setting up and remotely triggering LLMs from local machines, focusing on ease of use and efficiency. This talk is ideal for researchers and practitioners looking to leverage the power of LLMs in their work, offering a clear guide to harnessing supercomputing resources for quick and effective LLM inference.
Modern design is crucial in today's digital environment, and this is especially true for SharePoint intranets. The design of these digital hubs is critical to user engagement and productivity enhancement. They are the cornerstone of internal collaboration and interaction within enterprises.
First Steps with Globus Compute Multi-User EndpointsGlobus
In this presentation we will share our experiences around getting started with the Globus Compute multi-user endpoint. Working with the Pharmacology group at the University of Auckland, we have previously written an application using Globus Compute that can offload computationally expensive steps in the researcher's workflows, which they wish to manage from their familiar Windows environments, onto the NeSI (New Zealand eScience Infrastructure) cluster. Some of the challenges we have encountered were that each researcher had to set up and manage their own single-user globus compute endpoint and that the workloads had varying resource requirements (CPUs, memory and wall time) between different runs. We hope that the multi-user endpoint will help to address these challenges and share an update on our progress here.
Globus Connect Server Deep Dive - GlobusWorld 2024Globus
We explore the Globus Connect Server (GCS) architecture and experiment with advanced configuration options and use cases. This content is targeted at system administrators who are familiar with GCS and currently operate—or are planning to operate—broader deployments at their institution.
Check out the webinar slides to learn more about how XfilesPro transforms Salesforce document management by leveraging its world-class applications. For more details, please connect with sales@xfilespro.com
If you want to watch the on-demand webinar, please click here: https://www.xfilespro.com/webinars/salesforce-document-management-2-0-smarter-faster-better/
Code reviews are vital for ensuring good code quality. They serve as one of our last lines of defense against bugs and subpar code reaching production.
Yet, they often turn into annoying tasks riddled with frustration, hostility, unclear feedback and lack of standards. How can we improve this crucial process?
In this session we will cover:
- The Art of Effective Code Reviews
- Streamlining the Review Process
- Elevating Reviews with Automated Tools
By the end of this presentation, you'll have the knowledge on how to organize and improve your code review proces
A Comprehensive Look at Generative AI in Retail App Testing.pdfkalichargn70th171
Traditional software testing methods are being challenged in retail, where customer expectations and technological advancements continually shape the landscape. Enter generative AI—a transformative subset of artificial intelligence technologies poised to revolutionize software testing.
Experience our free, in-depth three-part Tendenci Platform Corporate Membership Management workshop series! In Session 1 on May 14th, 2024, we began with an Introduction and Setup, mastering the configuration of your Corporate Membership Module settings to establish membership types, applications, and more. Then, on May 16th, 2024, in Session 2, we focused on binding individual members to a Corporate Membership and Corporate Reps, teaching you how to add individual members and assign Corporate Representatives to manage dues, renewals, and associated members. Finally, on May 28th, 2024, in Session 3, we covered questions and concerns, addressing any queries or issues you may have.
For more Tendenci AMS events, check out www.tendenci.com/events
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...Juraj Vysvader
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I didn't get rich from it but it did have 63K downloads (powered possible tens of thousands of websites).
Cyaniclab : Software Development Agency Portfolio.pdfCyanic lab
CyanicLab, an offshore custom software development company based in Sweden,India, Finland, is your go-to partner for startup development and innovative web design solutions. Our expert team specializes in crafting cutting-edge software tailored to meet the unique needs of startups and established enterprises alike. From conceptualization to execution, we offer comprehensive services including web and mobile app development, UI/UX design, and ongoing software maintenance. Ready to elevate your business? Contact CyanicLab today and let us propel your vision to success with our top-notch IT solutions.
Globus Compute wth IRI Workflows - GlobusWorld 2024Globus
As part of the DOE Integrated Research Infrastructure (IRI) program, NERSC at Lawrence Berkeley National Lab and ALCF at Argonne National Lab are working closely with General Atomics on accelerating the computing requirements of the DIII-D experiment. As part of the work the team is investigating ways to speedup the time to solution for many different parts of the DIII-D workflow including how they run jobs on HPC systems. One of these routes is looking at Globus Compute as a way to replace the current method for managing tasks and we describe a brief proof of concept showing how Globus Compute could help to schedule jobs and be a tool to connect compute at different facilities.
How Does XfilesPro Ensure Security While Sharing Documents in Salesforce?XfilesPro
Worried about document security while sharing them in Salesforce? Fret no more! Here are the top-notch security standards XfilesPro upholds to ensure strong security for your Salesforce documents while sharing with internal or external people.
To learn more, read the blog: https://www.xfilespro.com/how-does-xfilespro-make-document-sharing-secure-and-seamless-in-salesforce/
Developing Distributed High-performance Computing Capabilities of an Open Sci...Globus
COVID-19 had an unprecedented impact on scientific collaboration. The pandemic and its broad response from the scientific community has forged new relationships among public health practitioners, mathematical modelers, and scientific computing specialists, while revealing critical gaps in exploiting advanced computing systems to support urgent decision making. Informed by our team’s work in applying high-performance computing in support of public health decision makers during the COVID-19 pandemic, we present how Globus technologies are enabling the development of an open science platform for robust epidemic analysis, with the goal of collaborative, secure, distributed, on-demand, and fast time-to-solution analyses to support public health.
3. Your clients
Want good looking, well performing mobile apps
They normally don’t care how you create them
It is usually your choice of tools to use to give the
clients the results they want
5. Quick History of JavaScript
Initial version built in 10 days by Brendan Eich
Original name was LiveScript
Greatly influenced by a language called Scheme
Changed to please Sun Microsystems
Converted into a curly brace language
Renamed JavaScript
6. Why JavaScript Sucks?
Its use of global variables
It has strange scoping rules
It thinks it is smarter than you
7. Why writing good JS is
hard?
Most programmers don’t bother to learn it
It is changed not embraced
The page load has protected you
8. Why JS is beautiful?
It is a functional language, close to Lisp and Scheme
than Java or C
First class functions
Dynamic objects
Loose typing
and more…
9. Keywords
JavaScript has surprisingly few keywords
break, case, catch, continue, debugger, default, delete,
do, else, finally, for, function, if, in, instance, new return,
switch, this, throw, try, typeof, var, while, with
10. Keywords not used
class, enum, export, extends, import, super,
implements, interface, let, package, private, protected,
public, static, yield
11. Using keywords in variables
Can’t be used as variables or parameters
But can be used as properties
Legal uses:
a.import = “test”;
a[“import”] = “test”;
a = {import: “test”};
12. Why the weirdness?
When the Internet was young, pages were badly coded
Both the DOM and JS interpreter tried to correct bad
code
The results were less than stellar
13. Coercion
Attempts to force two variables to be the same type
Unfortunately the results are illogical
Always use === and !==
Never use == or !=
14. Hoisting
JavaScript is function scoped
Variables have a two step creation process: declaration
and assignment
variables are always declared at the beginning of a
function
15. Function Power!
Functions are first class objects
Functions can be treated like any other object
They can make you code dynamic
17. Immediate functions
Functions are normally executed only when called
It is possible to create a function executes itself
ex.
function superFunction(){
/* code goes here */
}();
20. Object Literals
A pair of curly braces surrounding name/value pairs
Can appear anywhere an expression can
The property’s name can be ANY string
Quotes only need when the name is not a legal variable
name
22. Arrays vs. Objects
Arrays are not true arrays
Sort of a special kind of object literal
Both can mix types
Not the same
Arrays inherit from Array.prototype
Objects inherit from Object.prototype
23. More on objects
JavaScript objects are always dynamic
New properties can always be assigned
There is no class in JavaScript
24. Closure defined
In computer science, a closure is a function or
reference to a function together with a referencing
environment—a table storing a reference to each of the
non-local variables (also called free variables) of that
function.[1]
—Wikipedia
25. A bit more comprehensible
When an inner function has a longer lifetime than its
outer function and retains access to the context in
which it was created
26. Strict Mode
Functional “strict mode” used heavily
Eliminates many JavaScript silent errors
Fixes some JavaScript mistakes
https://developer.mozilla.org/en-US/docs/Web/
JavaScript/Reference/Strict_mode
28. AngularJS
Created by Miško Hevery and
Adam Abrons in 2009
JavaScript MVC
106 kb production version
(minimized, not gzipped)
Declarative programming for
UI
Imperative programming for
business logic
29. AngularJS Key Features
Model View Controller (MVC)
Data Binding
HTML Templates
Dependency Injection
Deep Linking
Directives
30. AngularJS
<!DOCTYPE html>
<html ng-app="moduleName">
<head lang="en">
<meta charset="UTF-8">
<title>NG-Skeleton</title>
</head>
<body>
<div ng-controller="aController">
</div>
<div ng-controller="anotherController">
</div>
<!-- if using jQuery it goes here -->
<script src="../libs/angular.min.js"></script>
<!-- other libs and script files -->
</body>
</html>
31. ng-app
Declares the boundary of an Angular app
The first ng-app found will be auto-bootstrapped
ng-app can optionally name a module
Can encompass the entire page <html ng-app>
Or only part of it, <div ng-app>
32. What the Browser Does?
Loads the HTML
Parses it into a Document Object Model or DOM
The angular.js script is loaded and parse
Angular waits for the DOMContentLoaded event
AngularJS’ bootstrap code executed
33. DOMContentLoaded vs load
event
The load event fires once everything has loaded
The DOMContentLoaded event fires once the DOM
has been created
DOMContentLoaded doesn’t wait for CSS, images, or
iFrames to load
DOMContentLoaded fires well before load
34. AngularJS’ Bootstrap
Bootstrap looks for the ng-app directive
There can only be one of these
The module specification is optional
The module specification tells the $injector service
which defined module to load
35. Model View Controller
Uses MVC or MVVM or MV* depends on who you ask
The goal is clear separation of concerns
The model is only concerned with data
The view presents the data to the user
The controller applies the business logic
36. Data Binding
In Angular, binding is built into the framework
Replaces text content of HTML element with the value
of the expression
{{ expression }}
<ANY ng-bind=“expression”>…</ANY>
<ANY class=“ng-bind: expression;”>…</ANY>
37. HTML Templates
Many JavaScript MVC Frameworks use a client-side
templating engine
AngularJS doesn’t
Angular uses HTML as its templating engine
No extra markup, no extra libraries
38. Dependency Injection
A software design pattern that implements inversion of
control and allows a program design to follow the
dependency inversion principle
Allows a dependency to be passed to an object
Allows code to clearly state dependencies
Leads to code which is easier to debug and test
Makes it possible to minimize apps without breaking them
39. Dependency Injection
The DI pattern in AngularJS looks funky due to
JavaScript’s shortcomings
The pattern is name of module, dot, name of provider,
name of object, an array with the list of dependencies
in strings and a function as the last item in the array
tempApp.controller('CurrentCtrl', ['$scope', function ($scope) {
$scope.temp = 17;
}]);
40. Deep Linking
Deep Linking enables a website to restore state from a
URL
URL and bookmarks are key part of the web
Early Single Page Apps lacked deep linking
They broke SEO and user expectation
41. Directives
“The coolest feature of AngularJS” - Misko Hervey
Attach behavior to DOM elements
Can nearly turn HTML into a DSL
42. Plain Old JavaScript Objects
Angular uses dirty checking to keep the model and
view in sync
Dirty checking runs equality checks over the data the
view depends, it is a brute force method
Watch expressions are run every time data could
change
Watch expression should be fast and idempotent
44. $watch()
Watches for model mutations
$watch(watched expression/function, handler, …)
Watch expression must be fast and idempotent
45. $apply()
Called when you are transitioning from non-angular
world into angular world
calls $digest
46. $digest()
A digest is just plain old dirty checking
It works on all browsers and is totally predictable
47. Digest Loop
Possibility of an endless loop
Will only go 10 deep before exception is thrown
NOT like a game loop
48. Module
A collection of configuration and run blocks which get
applied to the app during bootstrap
Most apps will have one module
Most 3rd party libraries will come with their own
You inject dependent modules into yours
49. Configuration Blocks
Get executed during the provider registration and
configuration phase
Only providers and constants can be injected into
configuration blocks
Shortcut methods available for some common
configuration blocks
51. Run Blocks
Closest thing Angular has to a main method
Executed after services have been configured
Typically contains code which is hard to unit test
55. The Brief History of Cordova
2009: 1st developed at an iPhoneDevCamp event
2009: Developers form a company, Nitobi
2011: Adobe acquires Nitobi
2011: Adobe open sources PhoneGap project to
Apache
2012: Apache gives the project the name Cordova
56. What Cordova isn’t?
A website packaged in an app
A converter which turns JavaScript into native code
57. How Cordova differs from
PhoneGap?
Cordova is an open source product
It serves as the base platform for quite a few
commercial implementations
One of those is Adobe’s PhoneGap
Others are IBM Worklight, Motorola Solutions
RhoMobile Suite, Intel XDK, plus more.
61. Directory structure
config.xml - global configuration file
hooks - scripts used to customize Cordova commands
platforms - native application projects
plugins - added plugins go here
www - your app’s code
(merges) - platform specific overrides
62. Hello Cordova World steps
1. cordova create helloapp com.rnc.helloapp
2. cd helloapp
3. cordova platform add android
4. cordova build android
5. cordova run android or cordova serve
63. Plugins
As of version 3.0 Cordova is implemented mainly as a
collection of plugins surrounding a small core
Plugins are implemented in native code and/or
JavaScript
Without plugins your application can’t communicate
with the device’s hardware
Over 600 plugins currently available
64. Installing/Removing Plugins
Find plugins at: http://plugins.cordova.io/
cordova plugin add org.apache.cordova.device
cordova plugin remove org.apache.cordova.device
Two essential plugins are device & console
Plugins not available until after deviceready event
66. Using a Plugin
Remember: You must wait for the deviceready event
Read the plugin’s documentation
Implement the functionality according to docs
Best practice: Sniff for the property before use
67. Debugging First Look
Two browsers have built-in remote debugging
For Android, Chrome is your best friend
menu -> More tools -> Inspect Devices
For iOS, Safari is your best friend
Preferences -> Advanced -> Show develop
For both the device must be connected via USB
68. Adding Libraries
Most popular open source libraries will also work in a
Cordova app
Add the library with the script tag, same as always:
<script src=“js/jquery.min.js”></script>
For performance sake, place the minimized library in
the www directory, don’t load from web
69. Simple Ajax Functionality
Cordova apps not bound by HTML same origin policy
But accessible websites must be included on the
whitelist
By default access is allowed to all sites, but not
recommended for production
70. Housekeeping
At some point in the app lifecycle, you may wish to
update Cordova or one of the plugins
Update Cordova: sudo npm update -g cordova
Update a plugin: remove it and add it back
BE CAREFUL - Newer versions may break your app
71. Problems with raw Cordova
No user interface
No support for HTML templates
No application framework
73. The Ionic Framework?
Combines Apache Cordova
with Google's AngularJS
along with lots custom
JavaScript, HTML, and CSS3
to create purpose built mobile
apps
which perform like native ones
and look beautiful
75. Drifty Co.
Founded in 2012 by Ben Sperry (CEO) and Max Lynch
(CTO)
Based in Madison, WI
Creators of Codiqa, JetStrap, and Ionic
Raised $1 million from Arthur Ventures earlier this year
79. Keychain
Like Uber for trucks
iOS and Android version
Scrapped prior version
built with PhoneGap
80. Sworkit
Created by Ryan Hanna
alone
Featured in the Health and
Fitness section of the App
Store
Downloaded over 3 million
times
in the App Store, Google
Play and Amazon Store
81. Modern Web Skills
HTML 5 / CSS 3 / JavaScript
Comfortable with command line tools
AngularJS
Sass (optional)
82. Prerequisites
Java SDK 6 or 7
Android SDK + Eclipse/Android Studio
Node / NPM
Cordova
Gulp
Ionic
83. Why do I need Node?
Node apps are built in JavaScript
JavaScript runs on all platforms
Node comes bundled with NPM, Node Package
Manager
It makes installing, running, and updating tools easy
Hence Node is a popular way to ship tools
85. The Ionic Box
Install VirtualBox, its free and available for most
platforms
Install Vagrant, its free too
Install the Ionic Box
See blog post for complete instructions:
http://therockncoder.blogspot.com/2014/10/getting-
started-building-mobile-apps.html
86. Ionic and Cordova
Ionic is built on top of Cordova
It also wraps many of its commands
Commands like build, platform, plugin all directly call
Cordova
It also adds its own like serve, which makes it easier to
run apps in browser
89. ngCordova
Cordova has a lot of available plugins
Plugins give access to the machine functions
ngCordova "Angularizes" plugins for ready use
You are always free to write your own wrapper code
90. What about tablets?
Ionic supports responsive design
Ionic’s grid with CSS Flexbox support
Side menu can be set auto open on wide displays
92. Crosswalk for Android
Versions of Android before 4.4 use Android’s no named
default browser which is slower and less compliant
than Chrome
It also means you can’t be exactly sure how your
Cordova app will perform on these phones
Crosswalk allows you to specify a version of Chrome to
run in your Android Cordova app
93. Crosswalk
You can see up to a 10x increase in HTML/CSS
rendering and JavaScript performance
Your app will grow 10-15 MB in size
94. Ways to break up an app
By file type
Files are placed into directories by their type: js, html, etc.
May be subdivided further: controllers, directives, etc
By feature
The files which make up a feature are placed into the
same directories
95. Coffee!
An ajax app which uses a third party services from
YP.com for data and Google Maps for maps
For those who have taken other classes from me, this
app is simply too cool to die
96. Steps to make coffee
Make a side menu template app
Modify menu markup
Modify routes
Add listings service
Add lists
99. Summary
Cordova is a platform which allows for the building of
mobile apps using web technologies
Ionic builds on top of that by providing a good looking
performance driven UI and better developer tools
Ionic uses AngularJS as its JavaScript MVC framework