Designing Modules for the Browser and Node with Browserify

•

0 likes•3,201 views

JSConf presentation, how to design modules that work both in the browser and node.

Copyright © twilio Inc. 2013
DESIGNING MODULES FOR THE
BROWSER AND NODE
JSCONF 2014

HI. I’M KEVIN.
developer evangelist @ twilio

MAKE AND
RECEIVE
PHONE CALLS

SEND AND
RECEIVE TEXT
AND PICTURE
MESSAGES

ENABLE VOIP
CALLING IN
DESKTOP
BROWSERS OR
MOBILE APPS

NPM INSTALL TWILIO

WHY BROWSERIFY?
• Same module loading system
• Same package manager
• Same code style
• Potential for code reuse
• Many modules just work

DO I NEED TO BROWSERIFY?
Maybe, if your module:
• Has complimentary interfaces on client and
server (ws)
• Doesn’t just work with Browserify’s shims

DESIGN TO BE BROWSERIFIED
• Expose a browser-specific entry point
• Define any custom shims for dependencies as
needed
• Setup source transforms

DEMO

USE CASE - TWILIO CLIENT (VOIP)
• Enable VoIP calling between browsers, mobile
apps, and standard PSTN phones
• Requires both a server and client component
• Lots of configuration when client and server are
disconnected

USE CASE - TWILIO CLIENT (VOIP)
BROWSER NODE
Request capability token

USE CASE - TWILIO CLIENT (VOIP)
BROWSER NODE
Hit Twilio REST API maybe,
return capability token

USE CASE - TWILIO CLIENT (VOIP)
BROWSER TWILIO
Ask Twilio to initiate VoIP call

USE CASE - TWILIO CLIENT (VOIP)
NODE TWILIO
Ask for instructions on how to
handle call

USE CASE - TWILIO CLIENT (VOIP)
NODE TWILIO
Return instructions for the
call

USE CASE - TWILIO CLIENT (VOIP)
BROWSER YOUR NANA
VoIP call connected!

DEMO

RESOURCES
• package.json docs: https://github.com/substack/node-
browserify#packagejson
• “browser” field spec: https://gist.github.com/
defunctzombie/4339901
• Transforms: https://github.com/substack/node-
browserify#btransformopts-tr
• ngrok: http://ngrok.com

THANK YOU!
@kevinwhinnery
kw@twilio.com
!
http://github.com/kwhinnery
http://slideshare.net/kwhinnery

More Related Content

What's hot

Introduction to Xamarin 2.0

Introduction to Xamarin 2.0

Introduction to Xamarin 2.0

This is the slide deck used in the "Building Cross-Platform JavaScript Apps using PhoneGap and Cordova" lecture I gave at the WDC.IL User Group in July 2014. The talk briefly shows how to get started with Cordova, discusses some of the differences between Cordova, Adobe PhoneGap and the Telerik Platform, and demonstrates using the Telerik Platform to build and LiveSync Android, iOS and Windows Phone apps. It also explains the role of plugins in building hybrid mobile apps that can utilize native APIs.

Building Cross-Platform JavaScript Apps using Cordova

Building Cross-Platform JavaScript Apps using Cordova

Building Cross-Platform JavaScript Apps using Cordova

JavaScript for ASP.NET programmers (webcast) upload

JavaScript for ASP.NET programmers (webcast) upload

JavaScript for ASP.NET programmers (webcast) upload

Cross Platform Mobile Development

Cross Platform Mobile Development

Cross Platform Mobile Development

Software Infrastructure

Building Native “apps” with Visual Studio 2015

Building Native “apps” with Visual Studio 2015

Building Native “apps” with Visual Studio 2015

Xamarin.Forms Hands On Lab (Advanced)

Xamarin.Forms Hands On Lab (Advanced)

Xamarin.Forms Hands On Lab (Advanced)

Hybrid App Development with PhoneGap

Hybrid App Development with PhoneGap

Hybrid App Development with PhoneGap

Flying High with Xamarin

Flying High with Xamarin

Flying High with Xamarin

Kevin Whinnery, Appcelerator Evangelist, shares best practices for creating mobile apps for cross-device deployment. Titanium Mobile is not a "write once, run everywhere" technology solution. Because Titanium provides the platform-specific APIs necessary to create best of breed native applications, the way in which you approach user interface development on one platform might differ significantly for another platform. It is, however, very possible to "write once, adapt everywhere" - to provide rich native experiences while achieving maximum code reuse. In this presentation, we will cover real world techniques for maximizing code reuse while leveraging platform-specific APIs in Titanium applications. Come with questions, and leave with multiple projects and code examples showing techniques Titanium developers use today to deliver sophisticated and performant cross-platform applications.

Kevin Whinnery: Best Practices for Cross-Platform Mobile Development

Kevin Whinnery: Best Practices for Cross-Platform Mobile Development

Kevin Whinnery: Best Practices for Cross-Platform Mobile Development

Axway Appcelerator

Xamarin Dev Days - Intro to Xamarin

Xamarin Dev Days - Intro to Xamarin

Xamarin Dev Days - Intro to Xamarin

Swaminathan Vetri

Have you ever wondered that how much would it cost you for hiring developers?? Well the cost of hiring a web or mobile app developer primarily relies on the platform on which the website or the mobile app is to be built. If the developer has working experience on advanced technologies like AI, IoT, and Blockchain, the cost may increase. In this blog you'll be able to calculate, how different technologies/platforms could cost you and will get to know the cost of hiring developers in India.

How much would it cost to hire developers in india

How much would it cost to hire developers in india

How much would it cost to hire developers in india

Your Dedicated Developers

Cordova and PhoneGap Insights

Cordova and PhoneGap Insights

Cordova and PhoneGap Insights

Silverlight vs WPF

Silverlight vs WPF

Silverlight vs WPF

Srisakthi Kannan

Amazon Final internship presentation

Amazon Final internship presentation

Amazon Final internship presentation

Flutter vs react native head to toe comparison [2021 edition]

Flutter vs react native head to toe comparison [2021 edition]

Flutter vs react native head to toe comparison [2021 edition]

A software developer/engineer is a broad term in it’s own right. It can mean that the company is looking for someone with design skills or writing and maintain software for running on computers. There is no relation to the end-user. Software developers thus work only on one layer of the development process. They build and develop software that are user-focused, like database programs, operating system, and even the web browsers. Software engineers also have extensive programming language knowledge, and operating systems and they apply their learning to create customized applications for their individual clients.

What software developers do

What software developers do

What software developers do

Windows Store Apps: Tips & Tricks

Windows Store Apps: Tips & Tricks

Windows Store Apps: Tips & Tricks

Xamarin 0

Xamarin is the only platform that allows you to build native iOS and Android apps in Visual Studio. Xamarin for Visual Studio lets developers use the tools, libraries, and design patterns they already know and love, including TFS and ReSharper, and allows developers to explore iOS and Android APIs fluently with IntelliSense, develop native iOS apps on Windows, and design incredible user interfaces for iOS and Android without leaving Visual Studio. Join Xamarin Developer Evangelist James Montemagno as he gives an in-depth look at one of the best environments for developing native cross-platform apps for iOS, Android, and Windows phone.

Developing and Designing Native Mobile Apps in Visual Studio

Developing and Designing Native Mobile Apps in Visual Studio

Developing and Designing Native Mobile Apps in Visual Studio

Importance Of Alert And Notification In App Dev

Importance Of Alert And Notification In App Dev

Importance Of Alert And Notification In App Dev

TMME - TECH MEETUP FOR MYANMAR ENGINEERS IN JP

What's hot (20)

Introduction to Xamarin 2.0

Introduction to Xamarin 2.0

Introduction to Xamarin 2.0

Building Cross-Platform JavaScript Apps using Cordova

Building Cross-Platform JavaScript Apps using Cordova

Building Cross-Platform JavaScript Apps using Cordova

JavaScript for ASP.NET programmers (webcast) upload

JavaScript for ASP.NET programmers (webcast) upload

JavaScript for ASP.NET programmers (webcast) upload

Cross Platform Mobile Development

Cross Platform Mobile Development

Cross Platform Mobile Development

Building Native “apps” with Visual Studio 2015

Building Native “apps” with Visual Studio 2015

Building Native “apps” with Visual Studio 2015

Xamarin.Forms Hands On Lab (Advanced)

Xamarin.Forms Hands On Lab (Advanced)

Xamarin.Forms Hands On Lab (Advanced)

Hybrid App Development with PhoneGap

Hybrid App Development with PhoneGap

Hybrid App Development with PhoneGap

Flying High with Xamarin

Flying High with Xamarin

Flying High with Xamarin

Kevin Whinnery: Best Practices for Cross-Platform Mobile Development

Kevin Whinnery: Best Practices for Cross-Platform Mobile Development

Kevin Whinnery: Best Practices for Cross-Platform Mobile Development

Xamarin Dev Days - Intro to Xamarin

Xamarin Dev Days - Intro to Xamarin

Xamarin Dev Days - Intro to Xamarin

How much would it cost to hire developers in india

How much would it cost to hire developers in india

How much would it cost to hire developers in india

Cordova and PhoneGap Insights

Cordova and PhoneGap Insights

Cordova and PhoneGap Insights

Silverlight vs WPF

Silverlight vs WPF

Silverlight vs WPF

Amazon Final internship presentation

Amazon Final internship presentation

Amazon Final internship presentation

Flutter vs react native head to toe comparison [2021 edition]

Flutter vs react native head to toe comparison [2021 edition]

Flutter vs react native head to toe comparison [2021 edition]

What software developers do

What software developers do

What software developers do

Windows Store Apps: Tips & Tricks

Windows Store Apps: Tips & Tricks

Windows Store Apps: Tips & Tricks

Xamarin 0

Developing and Designing Native Mobile Apps in Visual Studio

Developing and Designing Native Mobile Apps in Visual Studio

Developing and Designing Native Mobile Apps in Visual Studio

Importance Of Alert And Notification In App Dev

Importance Of Alert And Notification In App Dev

Importance Of Alert And Notification In App Dev

Viewers also liked

1st npm

Browserify

Get Pumped for the HTML 5 Gamepad API

Get Pumped for the HTML 5 Gamepad API

Get Pumped for the HTML 5 Gamepad API

Web development tools { starter pack }

Web development tools { starter pack }

Web development tools { starter pack }

François Michaudon

Lightning Talk: Making JS better with Browserify

Lightning Talk: Making JS better with Browserify

Lightning Talk: Making JS better with Browserify

JavaScript Dependencies, Modules & Browserify

JavaScript Dependencies, Modules & Browserify

JavaScript Dependencies, Modules & Browserify

npm + browserify

npm + browserify

npm + browserify

PHP and node.js Together

PHP and node.js Together

PHP and node.js Together

Chris Tankersley

Building testable chrome extensions

Building testable chrome extensions

Building testable chrome extensions

Seth McLaughlin

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

Viewers also liked (10)

1st npm

Browserify

Get Pumped for the HTML 5 Gamepad API

Get Pumped for the HTML 5 Gamepad API

Get Pumped for the HTML 5 Gamepad API

Web development tools { starter pack }

Web development tools { starter pack }

Web development tools { starter pack }

Lightning Talk: Making JS better with Browserify

Lightning Talk: Making JS better with Browserify

Lightning Talk: Making JS better with Browserify

JavaScript Dependencies, Modules & Browserify

JavaScript Dependencies, Modules & Browserify

JavaScript Dependencies, Modules & Browserify

npm + browserify

npm + browserify

npm + browserify

PHP and node.js Together

PHP and node.js Together

PHP and node.js Together

Building testable chrome extensions

Building testable chrome extensions

Building testable chrome extensions

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

Similar to Designing Modules for the Browser and Node with Browserify

The Cisco Jabber SDK for Web provides 3rd parties with the building blocks required to UC-enable Web-based applications. This javascript SDK is designed to simplify and accelearte the integration of pervasive UC into your Web portals and applications. It provides 3rd parties with APIs, reference clients and source code for Voice/Video, IM, Presence, WebEx meeting escalations and Visual Voicemail. Join this session to discover how adding real-time collaboration to your enterprise Web application can increase productivity for end users. You will learn what capabilities are available in the toolkit, how it works with the Cisco UC system and how to get started with your integration.

DEVNET-1122 Integrating Cisco Collaboration into Web Apps

DEVNET-1122 Integrating Cisco Collaboration into Web Apps

DEVNET-1122 Integrating Cisco Collaboration into Web Apps

Eclipse tools for deployment to was liberty profile in Bluemix

Eclipse Day India

News from hursley jens diedrichsen - may 2014

News from hursley jens diedrichsen - may 2014

News from hursley jens diedrichsen - may 2014

Jens Diedrichsen

With AWS companies now have the ability to develop and run their applications with speed and flexibility like never before. Working with an infrastructure that can be 100% API driven enables businesses to use lean methodologies and realize these benefits. This in turn leads to greater success for those who make use of these practices. In this session we'll talk about some key concepts and design patterns for Continuous Deployment and Continuous Integration, two elements of lean development of applications and infrastructures.

AWS Summit Stockholm 2014 – T4 – Continuous integration on AWS

AWS Summit Stockholm 2014 – T4 – Continuous integration on AWS

AWS Summit Stockholm 2014 – T4 – Continuous integration on AWS

Amazon Web Services

WSO2Con USA 2015: WSO2 Cloud: What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud: What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud: What it is, How it Works, and Where it’s Going

ThatConference 2016 - Highly Available Node.js

ThatConference 2016 - Highly Available Node.js

ThatConference 2016 - Highly Available Node.js

Developing Mobile Solutions with Azure and Windows Phone VSLive! Redmond 2013

Developing Mobile Solutions with Azure and Windows Phone VSLive! Redmond 2013

Developing Mobile Solutions with Azure and Windows Phone VSLive! Redmond 2013

Woodruff Solutions LLC

PHP Buildpacks in the Cloud on Bluemix

PHP Buildpacks in the Cloud on Bluemix

PHP Buildpacks in the Cloud on Bluemix

At this joint NYC Cloud Foundry and NY PHP meetup, we'll discuss the shift to Platform-as-a-Service and what it means for PHP development on the cloud. First, we'll take a look at the "traditional" cloud Infrastructure-as-a-Service (virtual servers and disks) model and describe how Platform-as-a-Service builds upon it to provide the runtimes and data services for hosting PHP applications. We'll then demonstrate how a PHP developer can use buildpacks and services within a Cloud Foundry PaaS to deploy scalable and resilient apps to his or her cloud of choice. Along the way we'll compare the variety of buildpacks available to PHP developers, show techniques for binding to services, and highlight best practices for creating born-on-the-cloud apps based on a microservices architecture. Special thanks to Dan Mikusa for helping with the buildpack comparison. PHP developers: Please give all three build packs a try. Provide your feedback and submit pull requests on GitHub.

Cloud Foundry for PHP developers

Cloud Foundry for PHP developers

Cloud Foundry for PHP developers

Managing microservices and associated continuous integration or continuous delivery (CI/CD) workflows is challenging, but AWS has services that can help. Getting the most out of the agility afforded by containers means building CI/CD pipelines that help teams iterate on code and quickly release features. In this talk, we demonstrate ways developers can build effective CI/CD release workflows to manage their containerized deployments on AWS. We cover infrastructure-as-code (IaC) application models with new IaC tools. We also demonstrate how to set up CI/CD release pipelines with AWS CodePipeline and AWS CodeBuild, and how to automate safer deployments with AWS CodeDeploy.

CI/CD for Containers: A Way Forward for Your DevOps Pipeline

CI/CD for Containers: A Way Forward for Your DevOps Pipeline

CI/CD for Containers: A Way Forward for Your DevOps Pipeline

Amazon Web Services

Zero to Portlet in 20 minutes or less

Zero to Portlet in 20 minutes or less

Zero to Portlet in 20 minutes or less

Automated Lifecycle Management - CloudFoundry on OpenStack

Automated Lifecycle Management - CloudFoundry on OpenStack

Automated Lifecycle Management - CloudFoundry on OpenStack

Slides from Workshop 'Cloud Foundry: Hands-on Deployment Workshop' http://www.meetup.com/CloudFoundry/events/150601282/ In this workshop you will learn Cloud Foundry fundamental concepts, setup, deployment and operations. We’ll cover a couple of alternatives to deploy CF in a local environment for learning and testing purposes as well as deploying Cloud Foundry atop IaaS production level environment, being able to manage hundreds of components and thousands of applications. If you did not have a chance to work with Cloud Foundry, it may be useful to test its features locally at first. Deploying this environment on a local machine allows you to get hands-on experience in the solution and, in case you are a contributor, to test some features before you commit them to a production environment.

Cloud Foundry: Hands-on Deployment Workshop

Cloud Foundry: Hands-on Deployment Workshop

Cloud Foundry: Hands-on Deployment Workshop

Delivered at IBM Innovate 2014. Original abstract: How can you improve your customer feedback loop using iterative, full stack application design for the cloud? In this presentation, we’ll cover an innovative new way of designing and versioning your cloud applications through a web-based environment development toolkit. With support for OpenStack and other cloud providers, we’re able to capture all aspects of your cloud-based application from compute, storage, and virtual networking all the way up to the application managed in UrbanCode Deploy. In a single click, you can stand up a new environment complete with application components deployed and ready to run. With built in configuration management, you can see the changes made by your automation to configure each node. And with UrbanCode Deploy’s inventory management system, you’ll always know what version of which component is deployed where. Come learn about our new take on cloud design and get involved to provide us with feedback to make this offering exactly what you need.

DBD 2414 - Iterative Web-Based Designer for Software Defined Environments (In...

DBD 2414 - Iterative Web-Based Designer for Software Defined Environments (In...

DBD 2414 - Iterative Web-Based Designer for Software Defined Environments (In...

Delivering value to the business faster thanks to Continuous Delivery and DevOps is the new mantra of IT organizations. In this webinar, CloudBees will discuss how Jenkins, the most popular open source Continuous Integration tool, allows DevOps teams to implement Continuous Delivery. You will learn how to: * Orchestrate Continuous Delivery pipelines with the new workflow feature, * Scale Jenkins horizontally in your organization using Jenkins Operations Center by CloudBees, * Implement end to end traceability with Jenkins and Puppet and Chef. http://devops.com/news/ci-and-cd-across-enterprise-jenkins/ https://github.com/CloudBees-community/vagrant-puppet-petclinic

CI and CD Across the Enterprise with Jenkins (devops.com Nov 2014)

CI and CD Across the Enterprise with Jenkins (devops.com Nov 2014)

CI and CD Across the Enterprise with Jenkins (devops.com Nov 2014)

Cloud Foundry at VMware

Cloud Foundry at VMware

Cloud Foundry at VMware

WSO2Con USA 2015: WSO2 Cloud - What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud - What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud - What it is, How it Works, and Where it’s Going

Rapid Application Development in the Cloud and On-Premises with Docker

Rapid Application Development in the Cloud and On-Premises with Docker

Rapid Application Development in the Cloud and On-Premises with Docker

Niklas Heidloff

UrbanCode Deploy provides extensive capabilities for configuring WebSphere Application Server (WAS) through plug-ins: Application Deployment for WebSphere – which enables the auto-discovery of WAS cells; and Middleware Configuration for WebSphere – which allows for management of WAS configurations. See how, when combined, UrbanCode Deploy and these plug-ins enable a rapid, controlled method for continuous delivery to WebSphere Application Servers.

Continuous Application Delivery to WebSphere - Featuring IBM UrbanCode

Continuous Application Delivery to WebSphere - Featuring IBM UrbanCode

Continuous Application Delivery to WebSphere - Featuring IBM UrbanCode

IBM UrbanCode Products

How difficult is it to port Flex and Silverlight applications to HTML5? That is the question we hear every day at ComponentOne. Instead of speculating about it, we decided to sit down and try it. Today we will discuss the process and tools we used when doing so. The approach we took was to use the MVVM pattern (from Silverlight) when developing the HTML5/JavaScript version. By choosing this method we were able to port our data access and UI layers quite easily. Our developers were able to minimize the cost of learning new paradigms in this migration by reusing most of their knowledge. What we ended up with was nearly identical applications in Silverlight and HTML5. Come learn how you can smoothly transition to HTML5!

A Smooth Transition to HTML5

A Smooth Transition to HTML5

A Smooth Transition to HTML5

Similar to Designing Modules for the Browser and Node with Browserify (20)

DEVNET-1122 Integrating Cisco Collaboration into Web Apps

DEVNET-1122 Integrating Cisco Collaboration into Web Apps

DEVNET-1122 Integrating Cisco Collaboration into Web Apps

Eclipse tools for deployment to was liberty profile in Bluemix

News from hursley jens diedrichsen - may 2014

News from hursley jens diedrichsen - may 2014

News from hursley jens diedrichsen - may 2014

AWS Summit Stockholm 2014 – T4 – Continuous integration on AWS

AWS Summit Stockholm 2014 – T4 – Continuous integration on AWS

AWS Summit Stockholm 2014 – T4 – Continuous integration on AWS

WSO2Con USA 2015: WSO2 Cloud: What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud: What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud: What it is, How it Works, and Where it’s Going

ThatConference 2016 - Highly Available Node.js

ThatConference 2016 - Highly Available Node.js

ThatConference 2016 - Highly Available Node.js

Developing Mobile Solutions with Azure and Windows Phone VSLive! Redmond 2013

Developing Mobile Solutions with Azure and Windows Phone VSLive! Redmond 2013

Developing Mobile Solutions with Azure and Windows Phone VSLive! Redmond 2013

PHP Buildpacks in the Cloud on Bluemix

PHP Buildpacks in the Cloud on Bluemix

PHP Buildpacks in the Cloud on Bluemix

Cloud Foundry for PHP developers

Cloud Foundry for PHP developers

Cloud Foundry for PHP developers

CI/CD for Containers: A Way Forward for Your DevOps Pipeline

CI/CD for Containers: A Way Forward for Your DevOps Pipeline

CI/CD for Containers: A Way Forward for Your DevOps Pipeline

Zero to Portlet in 20 minutes or less

Zero to Portlet in 20 minutes or less

Zero to Portlet in 20 minutes or less

Automated Lifecycle Management - CloudFoundry on OpenStack

Automated Lifecycle Management - CloudFoundry on OpenStack

Automated Lifecycle Management - CloudFoundry on OpenStack

Cloud Foundry: Hands-on Deployment Workshop

Cloud Foundry: Hands-on Deployment Workshop

Cloud Foundry: Hands-on Deployment Workshop

DBD 2414 - Iterative Web-Based Designer for Software Defined Environments (In...

DBD 2414 - Iterative Web-Based Designer for Software Defined Environments (In...

DBD 2414 - Iterative Web-Based Designer for Software Defined Environments (In...

CI and CD Across the Enterprise with Jenkins (devops.com Nov 2014)

CI and CD Across the Enterprise with Jenkins (devops.com Nov 2014)

CI and CD Across the Enterprise with Jenkins (devops.com Nov 2014)

Cloud Foundry at VMware

Cloud Foundry at VMware

Cloud Foundry at VMware

WSO2Con USA 2015: WSO2 Cloud - What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud - What it is, How it Works, and Where it’s Going

WSO2Con USA 2015: WSO2 Cloud - What it is, How it Works, and Where it’s Going

Rapid Application Development in the Cloud and On-Premises with Docker

Rapid Application Development in the Cloud and On-Premises with Docker

Rapid Application Development in the Cloud and On-Premises with Docker

Continuous Application Delivery to WebSphere - Featuring IBM UrbanCode

Continuous Application Delivery to WebSphere - Featuring IBM UrbanCode

Continuous Application Delivery to WebSphere - Featuring IBM UrbanCode

A Smooth Transition to HTML5

A Smooth Transition to HTML5

A Smooth Transition to HTML5

More from Kevin Whinnery

Second Screen Apps with the Google Cast SDK

Second Screen Apps with the Google Cast SDK

Second Screen Apps with the Google Cast SDK

Let's Write Better Node Modules

Let's Write Better Node Modules

Let's Write Better Node Modules

JavaScript as a First-Class Citizen on iOS 7

JavaScript as a First-Class Citizen on iOS 7

JavaScript as a First-Class Citizen on iOS 7

Taking UX to the Real World

Taking UX to the Real World

Taking UX to the Real World

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Lessons Learned From Applications That Kicked Titanium's Ass

Lessons Learned From Applications That Kicked Titanium's Ass

Lessons Learned From Applications That Kicked Titanium's Ass

Titanium Overview (Mobile March 2011)

Titanium Overview (Mobile March 2011)

Titanium Overview (Mobile March 2011)

What's New in Titanium 1.5

What's New in Titanium 1.5

What's New in Titanium 1.5

OSCON Titanium Tutorial

OSCON Titanium Tutorial

OSCON Titanium Tutorial

Titanium @ Minnebar

Titanium @ Minnebar

Titanium @ Minnebar

Whats New in Titanium 0.7

Whats New in Titanium 0.7

Whats New in Titanium 0.7

Getting Started with Titanium

Getting Started with Titanium

Getting Started with Titanium

More from Kevin Whinnery (13)

Second Screen Apps with the Google Cast SDK

Second Screen Apps with the Google Cast SDK

Second Screen Apps with the Google Cast SDK

Let's Write Better Node Modules

Let's Write Better Node Modules

Let's Write Better Node Modules

JavaScript as a First-Class Citizen on iOS 7

JavaScript as a First-Class Citizen on iOS 7

JavaScript as a First-Class Citizen on iOS 7

Taking UX to the Real World

Taking UX to the Real World

Taking UX to the Real World

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Write Better JavaScript

Lessons Learned From Applications That Kicked Titanium's Ass

Lessons Learned From Applications That Kicked Titanium's Ass

Lessons Learned From Applications That Kicked Titanium's Ass

Titanium Overview (Mobile March 2011)

Titanium Overview (Mobile March 2011)

Titanium Overview (Mobile March 2011)

What's New in Titanium 1.5

What's New in Titanium 1.5

What's New in Titanium 1.5

OSCON Titanium Tutorial

OSCON Titanium Tutorial

OSCON Titanium Tutorial

Titanium @ Minnebar

Titanium @ Minnebar

Titanium @ Minnebar

Whats New in Titanium 0.7

Whats New in Titanium 0.7

Whats New in Titanium 0.7

Getting Started with Titanium

Getting Started with Titanium

Getting Started with Titanium

Recently uploaded

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Maria Levchenko

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Advantages of Hiring UIUX Design Service Providers for Your Business

Advantages of Hiring UIUX Design Service Providers for Your Business

Advantages of Hiring UIUX Design Service Providers for Your Business

Pixlogix Infotech

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Recently uploaded (20)

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

Handwritten Text Recognition for manuscripts and early printed texts

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Advantages of Hiring UIUX Design Service Providers for Your Business

Advantages of Hiring UIUX Design Service Providers for Your Business

Advantages of Hiring UIUX Design Service Providers for Your Business

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

Partners Life - Insurer Innovation Award 2024

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Designing Modules for the Browser and Node with Browserify

1. Copyright © twilio Inc. 2013 DESIGNING MODULES FOR THE BROWSER AND NODE JSCONF 2014

2. HI. I’M KEVIN. developer evangelist @ twilio

3. MAKE AND RECEIVE PHONE CALLS

4. SEND AND RECEIVE TEXT AND PICTURE MESSAGES

5. ENABLE VOIP CALLING IN DESKTOP BROWSERS OR MOBILE APPS

6. NPM INSTALL TWILIO

7.

8. WHY BROWSERIFY? • Same module loading system • Same package manager • Same code style • Potential for code reuse • Many modules just work

9. DO I NEED TO BROWSERIFY? Maybe, if your module: • Has complimentary interfaces on client and server (ws) • Doesn’t just work with Browserify’s shims

10. DESIGN TO BE BROWSERIFIED • Expose a browser-specific entry point • Define any custom shims for dependencies as needed • Setup source transforms

12. USE CASE - TWILIO CLIENT (VOIP) • Enable VoIP calling between browsers, mobile apps, and standard PSTN phones • Requires both a server and client component • Lots of configuration when client and server are disconnected

13. USE CASE - TWILIO CLIENT (VOIP) BROWSER NODE Request capability token

14. USE CASE - TWILIO CLIENT (VOIP) BROWSER NODE Hit Twilio REST API maybe, return capability token

15. USE CASE - TWILIO CLIENT (VOIP) BROWSER TWILIO Ask Twilio to initiate VoIP call

16. USE CASE - TWILIO CLIENT (VOIP) NODE TWILIO Ask for instructions on how to handle call

17. USE CASE - TWILIO CLIENT (VOIP) NODE TWILIO Return instructions for the call

18. USE CASE - TWILIO CLIENT (VOIP) BROWSER YOUR NANA VoIP call connected!

20. RESOURCES • package.json docs: https://github.com/substack/node- browserify#packagejson • “browser” field spec: https://gist.github.com/ defunctzombie/4339901 • Transforms: https://github.com/substack/node- browserify#btransformopts-tr • ngrok: http://ngrok.com

21. THANK YOU! @kevinwhinnery kw@twilio.com ! http://github.com/kwhinnery http://slideshare.net/kwhinnery