Kito Mann
Raju Gandhi
Jordan Kasper
Kyle Simpson
Dr. Doris Chen
Luigi Ray-Montanez
Taggart Bowen-Gaddy
Cliff Seal
Kyle Simpson
Josh Jensen
Larry Garfield
John K. Paul
Jeremy Fairbank
Andrew Smith
Trevor Ward
Michael Crump
Mike Hartington
Joshua Silver
Brian Rinaldi
Ben Klang
Clint Ayres
Mark Mandel
Whitney Williams
Peach Pellen John Gould
Andy Watson
Jeremy Fairbank
Sarah Frisk
Marc Wright
Jordan Garcia
Romans Malinovskis
Jason Rhoades
Shawn Johnson
Paul M. Jones
Raju Gandhi
Keith J Grant
Paul M. Jones
Josh Jensen
Brian Mann
Sophia Voychehovski
Stephen A Thomas
Shawn Johnson
Arne Blankerts
Dylan Schiemann
Eric Ang
Gerry Pass
John K. Paul
Angie Terrell
Stephen A Thomas
Stephen Feather
Jeremy Fairbank
Christine Abernathy
Todd Gandee
Kendrick Coleman
Jordan Garcia
Brandy Porter Chris Aquino
Andrew Malek
Jason Weathersby
Rick Blalock
Ben Edmunds
Jakub Jedryszek
Michael Potter
Micah Wood
Vince Baskerville
Dan Boutin
Demian Borba
Arne Blankerts
Javan Makhmali Sam Stephenson
Marc Ferguson
kellyjandrews
Travis Tidwell
Matt D. Smith
Jonathan Martin
Terry Ryan
Toby Ho
Michael Johnson
Paul M. Jones
Laura Moore
Laurel Lawson
Micah Wedemeyer
Patrick Seda
Dave Stokes
Amjad Masad
Mark Lassoff
Paul M. Jones
Jordan Kasper
Wesley Hales
Mose Ngone
Burk Hufnagel
Jakub Jedryszek
Lance Gleason
Patrick Seda
Eric DeCoff
Joshua Silver
Stephen M. Carlson
Component-oriented UI development has been popular for over twenty years, with the introduction of Visual Basic. The promise is simple: packaged reusable code that makes powerful widgets like grids, toolbars, menus, smart input controls, panels, media players, charts, graphs, trees, image viewers, and so on, easy to integrate into applications. On the web, frameworks such as ASP.NET, JSF, Tapestry, Wicket, GWT, and Vaadin take advantage of component architectures, and there is no shortage of JavaScript/HTML5 widget libraries such as YUI, KendoUI, jQuery UI, Bootstrap, ExtJS, and so on. Each of these frameworks allows developers to build their own custom components, but those components won’t work outside of the framework. Wouldn’t it be nice if there were a standard way to build a UI component that runs in a browser? A component model that is part of the open web? Finally, there is: Web Components, an emerging standard from the Web Applications Working Group (WAWG). Web Components consists of five different standards: Templates, Decorators, Custom Elements, Shadow DOM, and Imports. Together, these standards allow you to build custom widgets with HTML5, JavaScript, and CSS that can be used just like native HTML elements. Since the standards are not fully supported in all browsers, you need a library to support them in non-compliant browsers. Google’s Polymer does just this, and more. Come to this workshop to learn about these exciting new technologies hands-on.
Kito Mann
Angular is a new JavaScript framework from Google. If you are looking into developing rich web applications, Angular is your friend. Angular embraces HTML and CSS, allowing you to extend HTML towards your application, and uses plain JavaScript which makes your code easy to reuse, and test. In this workshop we will start from the ground up, and build our way through a simple application that will let us explore the various constructs, and the familiarize ourselves with some of the new terminology in Angular.
In this workshop we will get down and dirty with Angular. In this workshop we will start with the very basics of how to boostrap our AngularJS application, and work slowly towards making REST-ful AJAX requests to a backend. List of topics include
Bootstrapping an AngularJS application using ng-app
ng-init and the evaluation {{ }} directive
A brief look at $rootScope
ng-model
Controllers, Dependency Injection, and the View-Model ($scope)
Looping using hg-repeat
Forms using ng-form, form validation and submission in AngularJS
Angular provided filters and how to write our own
Factories
Making AJAX requests using $http
Routing and route params using $routeProvider and $routeParams
If time permits we will discuss a few good practices when working with AngularJS applications.
This is a hands on tutorial so bring your laptops!Node.js is just JavaScript they said. All you need is basic JS skills they said. They were right! That said, as with any platform or framework there are many nuances to Node.js development that even experienced JavaScript developers need to learn. In this workshop we'll cover some of those details and put that JavaScript knowledge to work.
In this one-day intensive course, we will dive deep into core mechanisms of the JS language, probably more than you ever have before. Our goal is to not merely understand what these things do, but how and why. We will cover: • nested lexical scope • hoisting • closures • modules • 'this' keyword • common oo patterns • object prototypes • delegation vs inheritance
How to build web sites that work well across various browsers versions and devices is always challenging for web developers. In the session, you’ll learn the best practices and strategy to develop cross-browser web sites that will work with the existing and future browsers. Tools for interoperability tests, cross-browser fundamentals, and tips and tricks on HTML5, CSS, JavaScript development will be illustrated. Browser detection, UA sniffing, CSS prefix, and fallbacks will all be examined in the session. A real life example will be used to demonstrate step by step how to build cross-browser and plug-in-Free experiences. With a couple of simple changes to your sites, you can take advantage of web standards and HTML5 features today without breaking your sites in the future. Expect a lot of demos and code in the session.
Does caching object properties in for-loops really make your application faster? What about serving assets from multiple subdomains? Or using dynamic script insertion? In this talk, we revisit some common web performance best practices and discover how well they fare in 2015's browser and connectivity landscape. Spoiler alert: not well.
Static site engines (or generators) are incredibly powerful and popular tools for building web sites. However, there are currently almost 400 options available. In this session, we'll cover what types of sites static site engines are good for, the commonalities of all static site engines and then review several of the most popular options to compare features and differentiators.
Over the course of 50 minutes we’ll be covering an introduction to game development and the HTML5 canvas element. Through hands on code examples, we’ll be covering the basics of canvas manipulation by creating a JavaScript clone of the game Minesweeper. By the end of this talk, you’ll understand the basics of the canvas element and how to manipulate it without the use of a game framework.
If you think CSS is just for designers who tinker with pixels and colors, think again. It takes both sides of your brain to write CSS. If you are a left-brain thinker, come see why CSS is for you, too.
With the latest Windows 10 offering that includes Microsoft Edge, Dolby Audio is now available for playback through the web. In this session, Eric Ang, Head of the Dolby Developer Program will demo and provide the steps for Dolby Digital Plus playback online. He will also show how to take a existing piece of content, encode it, include it, and feature detect for Dolby playback since not all browsers are alike. Be sure to attend this session if you’re interested to hear the difference good audio can make in your web project.
Launched three and a half years ago, Upworthy quickly became one of the most popular brands on the Web. It's one of the most highly-trafficked sites built on Ruby on Rails and hosted on Heroku. Hear the story of how Upworthy started out as a modest Sinatra app, then moved to a monolithic Rails app, and has now been broken up into a set of services powered by Rails and JavaScript. Technical decision-making in the midst of massive growth will be described in detail.
When we want to offer customizability to the users of our applications, things can get tricky. How do we allow users to customize the look of the user interface while reusing the static CSS we’ve already designed? There is a way, but it is fraught with many dangers. Learn about the power of dynamically generating CSS from Sass files in Rails. Tackle the foes of dynamic content injection, rendering, caching, and background processing. In the end, we will look triumphantly at our ability to reuse our application styles to create customizable interfaces for our end users.
When you want to talk to someone, where do you turn? Skype? Slack or HipChat? Maybe even an old-fashioned telephone? As great (or not) as these are, they all fail in one important way: Context. As developers, why don’t we enable our users to communicate where they are doing everything else, right inside the browser or mobile app? The technology to create contextual communications is evolving quickly with exciting technologies like WebRTC. This talk is about how to use WebRTC with Rails to enhance almost any application with voice, video & text. We will cover some of the ways communications can be best employed, including design considerations, as well as available Open Source projects. We will feature a recently released Rails Engine called Talking Stick that makes adding WebRTC to any Rails app a snap.
We'll take a look at how to configure a Rails API for your Javascript front-end framework.
Patterns are not just for programs; we also see them in people and processes. In this presentation, we will explore patterns found in popular hero(ine) stories like Star Wars, Princess Bride, Tron, The Matrix, Star Trek, The Hunger Games, The Last Airbender, Harry Potter. We will then use those lessons to work through some patterns in the workplace, including the people you meet and the organizations they belong to, with an emphasis on how to work effectively with them.
<p>We're taught to "always code as if the person who ends up maintaining your code is a violent psychopath who knows where you live," yet every dev has at least one horror story (pun intended). In this talk, I propose a new idea: think of yourself as a writer who has to read his own work six months from now. With this me-first mindset (and greedy motivation), we'll discuss the benefits of refactoring that will benefit #1 (aka you).</p> <p>We'll focus 80/20 on Ruby/JavaScript, but these principles will extend to any language/framework.</p>
Gerry is a former Sales Engineer with one of the largest companies in the world who made a career change into web development in May 2013. He is dedicated to continuous growth, clean and simple code, and teaching others about technology and development.
React.js is a view library from Facebook for building performant user-interfaces in JavaScript. In this session, we'll explore React.js and understand why it's a great step forward for building complex UI's that run fast. We'll code up an example web application using React.js and step through the basics of using the library while discussing concepts like the virtual DOM and components.
When Facebook debuted Flux, they were not only introducing a new pattern for UI development, but also presenting lessons learned of their problems encountered with <abbr title="Model View Controller and its derivatives">MVC</abbr> implementations. Additionally, following its announcement, there has been a wave of flux implementations and it's easy to get lost trying to understand the core motivations behind the pattern. We'll cover problems intrinsic to <abbr title="Model View Controller and its derivatives">MVC</abbr> and the motivating factors that led to the creation of Flux.
React is declarative, fast, properly couples HTML with JavaScript, and is easy to reason about. However, the first hurdle you face when building UI components with React is how your data will flow through your app. Let's examine modern best practices of building loosely coupled, well architected React components.
Flux Architecture is quickly becoming the widely accepted standard for building scalable frontends that are easy to understand and test. The main issue is that there is no single Flux framework nor a prescribed way to organize and test very large codebases. In this talk you will see real examples of flux directory structure, architecture patterns built to scale and learn about a very opinionated way of thoroughly testing Flux applications.
React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about — learn once, write anywhere.
We all know that React works, but being functional implies so much more than the typical dictionary definition would imply. Using React and Om as an example, I’d like to walk you through some tenets of functional programming. A win much bigger than the words ‘virtual dom’ exists in React, and through my examples, you’ll see what makes reasoning about functional systems such a treat.
Code-heavy demonstration that shows how to unit-test Node.js using Mocha, Chai, and Sinon. The focus will be on using Sinon stubs for functions that contain external dependencies such as ExpressJS and MongooseJS.
How using Grunt can aid in the development of JavaScript code.
Writing the code for your applications is loads of fun, but often deploying your application and then scaling it to match your load can be hard and frustrating. The new world of software containers such as Docker can provide you with standard and repeatable ways to solve these problems, and manage a large chunk of your application deployment and scaling needs. In this talk we will take a simple Node.js application, and use it look at some of the basics of Docker, such as writing Dockerfiles, building images and pushing to registries. Finally we will deploy our code to the open source Kubernetes project so we can then scale our application across multiple running containers and machines.
In this session Romans will tell you about a computing engine that is built into the database and allows arbitrary JavaScript-based code to be executed directly inside the database. This setup provides a simple and powerful computational model that ensures data is accessed through efficient indices directly in the database, thus massively accelerating data manipulation operations. Throughout this talk, Romans will present examples of how advanced computation can be done directly in the database, including an analysis of geospatial data, and the application of statistical model-like logistic regression to derive predictions.
Testing is the essential bedrock of software, and we can all agree it's a must-have. There are many testing tools for the front end, but most (if not all) suffer from some crippling problems. We’ll explore these problems and the solutions Cypress.io offers to take the pain out of testing.
You know you should write tests, but do you? Testing your client side code is more important (and more complex) than ever. This session will discuss why you should test your code and what your test suite should include. Using an Ember.js application, we will also cover best practices, tips for how to implement testing using a TDD approach, and lessons we have learned along the way.
Join me as we talk about the foundation of great UX and how to scale our methods. Subtle shifts in thinking can help us continually improve our work for the benefit of everyone it touches, because every great UX method is based in the humanity that surrounds us.
What’s in an online community? It’s more than you think. From sharing knowledge to organizing events, “lurking” to influencing, everyone wants to be heard online — and no one wants to be left behind.
The belief that design and development have competing interests can stand in the way of successful collaboration. In reality, the principles of good design often mirror those of good development. By throwing away stereotypes and allowing both designers and developers to contribute at each step, we can harness the skill sets of each team member to push the boundaries of technology.
User Experience strategy, design, and development are intertwined more than ever. New workflows are emerging, and most companies are un-prepared for the change. This talk will delve into the collaboration methodologies which combine Creative and Development resources into patterns which increase collaboration and communication, speed delivery, and ultimately lead to better user experiences.
Information Architecture has changed. We no longer design in pages, we design in systems, and more specifically, in objects. Tree-like site maps are rarely relevant or helpful anymore, instead we need to design webs of interlocking, nesting, Rubik's cubing, intertwingling objects.
Interfaces that move and react in life-like ways to human behavior used to be the stuff of movies and science fiction. But as devices and software have improved, animation in the UI has quickly become a user expectation. In this talk, Angie Terrell will walk through essential interaction design principles to consider when designing animation for user interfaces. She will also discuss how designers can create animated prototypes to test and deliver their ideas.
"Callback hell" has little to do with callbacks. Are promises delivering on the promise of better async flow control, or muddying the waters? Generating general generators, WAT? Let's wade through the world of async in JS to find order in the chaos.
If you're like me, you've probably heard of TypeScript but never used it. This talk provides a down-to-earth look at TypeScript, a statically typed superset of JavaScript that compiles to plain JavaScript. TypeScript also adds optional static types, classes, interfaces, and modules to JavaScript. This session will consist of a guided tour of TypeScript, showing how the language and toolset makes it easier to write cross-platform, large-scale JavaScript applications.
This will be an introduction to ES6 focused at intermediate to advanced JavaScript developers that are looking to take their first dive into ES6.
Treating JavaScript code after it goes through a build system like grunt or gulp as a build artifact solves specific problems as projects grow in size, complexity, and number of supported platforms — particularly mobile. This talk focuses on the technical details of how artifact repositories work with a modern JavaScript development workflow and why it’s useful we think about the JavaScript code we write for the web this way.
Do you need to visualize data on your web site? If so, there are many great JavaScript libraries that can help, and this talk will introduce you to many of them. We'll cover the different types of visualizations and the best open source libraries for creating them.
There's no better tool than D3.js for creating advanced, interactive data visualizations. This talk explores that library by dissecting an advanced, custom visualization. In addition to learning about many of D3's advanced capabilities, we'll cover important visualization principles such as structuring data, color theory, and animation.
Titanium, Native Script, React Native, and others promise cross platform mobile applications from a common code base. Let's take a closer look at each platform's advantages and disadvantages to find out what is the best option for you and your project.
Ionic provides a solution for all of these platforms and uses a language that runs on every one of them: Javascript. Learn more about Ionic and create your cross platform app in this talk.
See your favorite arcade games, recreated as truly native iOS and Android apps, using only a single code base written entirely in JavaScript. Peach Pellen and John Gould will demonstrate how you can build a clone of any classic or modern arcade game, from PAC-MAN to Flappy Bird, using Platino; a mobile game engine built on the idea that JavaScript is the future of programming.
Intro to Mobile Development with IOS and Swift
Intro to Mobile Development with IOS and Swift
Learn how to leverage Nativescript's meta generator to access external native libraries from within your mobile apps JavaScript code.
Functional programming isn't a language, but a powerful approach to problem solving. And it's fully available to us in PHP! Let's see what functional programming is, and how PHP developers can leverage it to develop robust and comprehensible programs.
This talk covers the basics of creating a web application in Go and shows how to do things like session handling, templating and posting forms that you're used to doing in PHP.
Using Model-View-Controller as a pattern to describe stateless HTTP interactions has always been a bit of a kludge. There simply hasn't been a better pattern web applications -- until now. ADR (Action-Domain-Responder) represents a refinement of generic MVC as an application architecture specifically tuned to the web. In this talk, we will discuss various patterns of overall application architecture, including MVC, MVP, PAC, DCI, RMR, and others. We will find out how the ADR pattern arises from generic MVC, and how it provides a better description of how web applications actually work. Finally, we will go over examples of how to architect an ADR application, as well as how to convert from an MVC architcture to an ADR one.
When Node.js made its first appearance in 2009 many declared that to be the end of PHP. Yet today, about 6 years later, both environments are very much alive and kicking! Even better: Combining the two may very well be the answer to the needs of the next generation of web applications.
When dealing with databases, developers frequently run into the N+1 problem, in which they populate domain objects via queries in loops. This causes terrible performance drags. There is a solution in plain PHP that makes the number of queries constant to increase performance overall. The talk shows typical PHP code involving the N+1 problem, then shows how to solve the problem in plain PHP (that is, without a framework or ORM), and includes editorializing about the origins of the N+1 problem in the developer mindset.
You’ve been programming for a while now. You’re beginning to feel that you’ve got a handle on things but at the same time can’t escape the feeling that you’ve somehow plateaued in your growth as a software developer. In this talk Yitzchok, a rabbinic scholar and software developer, shares the “wisdom of the sages” as practical, actionable advice – strategies and tactics – that you can use to reinvigorate your growth as a software developer.
Coming soon, in a theater near you. It’s bigger than Ultron. It’s better than Ultron. It’s more ubiquitous than Robert Downey Jr. It’s ES6, JavaScript’s next in-your-face revsion. You’ve never seen a sequel, until you’ve seen this. I’d like to take you all to the movies. Explain to you all about ES6, and what new features are accessible now, even in older browsers or node.js. You’ll see what we can access with a single new script tag. I’ll also go through many of the features that are “transpilable” and explain what that means. I’ll even go so far as to say why some don’t like the word “transpile” at all. It’ll be an excuse for me to get into the fun and tangled web of compilers. The goal of this workshop will be to give everyone a taste and experience of the future JavaScript features that we can all use with only a few tweaks to our current processes.
There are numerous component-based web frameworks and JavaScript widget libraries. They allow you to build custom UI components, but those components won’t work outside of the framework. It's also hard to mix and match UI components from different frameworks. Wouldn’t it be nice if there were a standard way to build a UI component that runs in a browser? A component model that is part of the open web? Finally, there is: HTML5 Web Components, an emerging standard from the Web Applications Working Group (WAWG).
Building large apps in Angular can be tricky. If we’re not careful, we can still build monolithic applications even with the wonderful magic of Angular. We still need the principles of modularity and separation of concerns. Learn how we can get behind the reusable component movement and compose directives to build applications.
Asynchronous AJAX calls, especially those that deal with REST principles are something that all client side frameworks support, and AngularJS is no different. However, in order to truly benefit from AngularJS's support for asynchronous calls, one must understand the various moving parts that make this a reality. This includes promises (with AngularJS' $q library), $http and $resource. In this session we will explore all the three components that make async calls in AngularJS possible. We will start with understanding the “why” of promises, and how we are to consume and produce promises. We will then dive into some of the inner workings of $http and how it leverages promises under the covers. We will end with an overview of $resource, which combines $http and promises to make working with REST-ful resources a breeze.
We've learned many lessons with TypeScript and ES2015 in working on Dojo 2.
With all the hubbub over functional programming in JavaScript land, you might be confused what it’s all about. Let’s look at the problems that functional programming can solve more elegantly than imperative programming. We will see why functional programming is an important tool in our bag by enforcing modularity and readability, making code more understandable and easier to test.
Facebook has a large portfolio of open source projects, each from the company's own production stack, and in areas as diverse as native mobile tools, big data systems, client-side web libraries, backend runtimes, infrastructure, and even hardware designs. Getting to this point has been a journey! - and this keynote will discuss how we got to the point at which Facebook is able to ship new open source projects twice a week, maintain the quality, pace, and community interactions on the existing portfolio, and even a few other lessons and war stories from along the way.
Bootstrap (http://getbootstrap.com/) is a bonafide sales and marketing term for selling cheap design for a good-looking prototype or minimum viable product. This will be an introduction to navigating the toolset, documentation, and adding the Bootstrap UI library to your workflow. I will cover basic components, variables, tooling implementation, and my workflow to customize the components with Sass.
Built-in browser development tools are excellent for speeding up webapp development and debugging common issues. But when it comes to the more specific needs of you and your application, you're often on your own. Learn how to create custom, in-browser tools that help you save time developing and supporting your application.
The goal of this talk is to introduce flexbox. This talk will briefly cover CSS float, the original layout design method, and its counterpart, the "clear:both" fix. A review of the history and continued revisions of flexbox will also be included. Examples of why flexbox became a staple in Autotrader's mobile rewrite and suggestions on incorporating flexbox into your core website will be provided along with graceful degradation techniques.
For years, we've been under the assumption that JavaScript based animations were the antithesis of performance. Greensock (yes, Flash refugees, that Greensock) is here to challenge that, then bury it. If you need advanced animations in your application, you probably need to have a look.
HTML5 presents a great opportunity to create browser based games that work across the array of tablet and smartphone based devices. In the near future, as the device environment becomes more diverse, developers will begin to adopt standards that work across all devices. With HTML5, Javascript and the free createJS engine, surprisingly sophisticated games can be created. In this workshop session, you'll be invited to code along with the instructor as you create the game Whack-a-mole and deploy it to a mobile environment. The games graphical and audio assets will be provided to you as you learn the techniques to create HTML5 based game that includes sprite-based graphics, audio, animations and more.
Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity created by Rob Eisenberg, creator of Durandal, who left Angular 2 team to create cleaner and simpler JavaScript framework of tomorrow written in ECMAScript 7!
<p>Have you been building applications in Ruby on Rails? Been wanting to take that leap in Node.js? Wait no longer! <br>In this talk, we will cover how Ruby and Node.js compare, why I loved Rails, and how to build a complete CRUD application with all the REST baked in using MongoDB, Express.js, and Node.js.<p>
Kendrick Coleman is a reformed sysadmin/virtualization ninja/cloud junkie turned coder and awaits for an idea to spawn to tackle it with Ruby or Javascript. In his daily role a developer advocate for EMC {code}, he works with a team to focus and publish all things open source.
For those of us using web servers on Linux we eventually all use bash to automate starting and stopping the server and running cron jobs for maintenance. This talk will show you little used features of bash to make it a more reliable.
At one time or another, every developer will be faced with having to handle some technical aspects of product management - whether it's dealing with scheduling issues, negotiating project scope, prioritizing bug fixes, or even helping to analyze the cost structure for a new feature. I'll give you some hands-on tips and tricks you can immediately put to use to help you be a more well-rounded developer and contribute to technical product management.
The codebase at work is absolutely terrible. It's a mess of spaghetti that has been around for years and is and completely untestable. Any time you fix a bug right here, a new bug appears over there. In this talk, we will find out why the code is so bad, and go through some practical steps on how you can start digging your way out of the legacy hole while keeping the system running the whole time.
Spaghetti jQuery code, DOM selectors everywhere, and a pyramid of object soup are the best ways to describe Optimizely’s front-end codebase in early 2014. So we made a decision to refactor from jQuery spaghetti code to UI components and Flux Architecture. But with a new architecture came a new challenge. This session will present the unique challenges faced with UI components and how we have leverage Flux Architecture and Immutability to solve them!
Come hear a down-to-earth walkthrough of lessons learned from a first-time React.js user who decided to use React to replace his Backbone views and templates.
ECMAScript 6 has been approved, and now we are ready to use it in all things React, or are we? Let's explore not only what you can and can't do, but also what you should.
The trick to building apps that leverage the new LeapMotion Controller is staying responsive in the face of a continuous stream containing tons of data. I found that ReactJS and Flux are a natural fit to solving for this problem.
The Internet of Things, hand-crafted goods, and cats. Presented by Big Nerd Ranch.
Over the past two decades JavaScript has spread across the Internet, through web browsers, into the enterprise and even onto backend servers through technologies like node.js. Written over just a few short weeks, JavaScript has steadily grown in popularity, matured through various libraries and frameworks, and is now one of the major languages that drives line of business mobile, desktop, and server applications. Programming with JavaScript does not come without costs and tradeoffs, and this talk focuses on lessons learned in the trenches building JavaScript applications with large, globally distributed teams. From frameworks that ease development, libraries that facilitate testing, to languages that improve the development experience, Jeremy Likness shares the tips, tricks, and techniques he has employed over the past 15 years to successfully deliver web-based applications to corporate customers.
“Mobile first” is no longer good enough. With the latest trend of the Internet of Things, there is a major shift occurring in the web development community. Web applications are no longer being built to cater to human interaction, but now must adapt to be able to handle multiple interfaces for machines and humans alike. This new requirement has placed a dramatic emphasis on API interfaces and has ushered in a new development methodology called APIfirst development. With this new mandate, developers now must concern themselves with their API platform before they build the multitude of disparate applications that depend on it. These applications must also be built differently, where status quo techniques are no longer good enough. We are now in a time where the web application server should no longer be responsible for serving application interfaces, but instead must only support external applications through a stateless RESTful API. This method finally releases the application from the confines of the server and allows it to interface to multiple Micro services to become a standalone multiservice application. With this shift, we have also seen a rise in many different technologies that support this movement. Technologies such as Angular.js and React provide developers a way to create frontend applications that are performant and robust, while on the server side, we have seen a rise of JavaScript based frameworks rooted in the Node.js community that enable web application servers to support a large amount of concurrent applications. Application sessions are also evolving as new token based authentication (JWT) paired with a stateless REST API architecture enables rapid dynamic horizontal scaling. Pair this architecture with containerized deployments with tools such as Docker and you have yourself a trend that isn’t stopping. In this presentation, Travis Tidwell, will walk you through the evolution of the web and how we got to where we are today. We will deep dive into the architectures of current technology stacks and discuss why they must adapt to handle the next generation of the web. The following items will be discussed. ● The evolution of the web and where we are today. ● Web 3.0 and what it means to developers ● Why “Mobile First” is no longer good enough. ● API first development ● Multiservice applications on top of Microservice architectures. ● The rise of Angular.js, React, M.E.A.N stack, and other technologies that support this movement.
Learn how to easily support a flexible data model, designed to scale, using Couchbase Server and the Node.js Couchbase SDK. Come ready to read code and see some of the great things you can accomplish with Couchbase NoSQL and Node.js.
One of the hardest parts of any front end testing strategy is eliminating dependencies; in particular, your own server and data source. This talk will introduce attendees to the problem, why it's important, and how Ajax mocking can make their lives easier. We'll also cover a couple of methods for mocking out server requests using jQuery and Angular. Attendees will leave this session ready to test their front end code without waiting for any back end code to be finished, speeding up development time and reducing headaches!
Prototyping wearable devices used to be something that required specialized skills in electrical engineering, embedded development and mechanical engineering. Today, thanks to the maker revolution, we can combine our deep knowledge of programming with basic electronics/soldering skills and access to a 3D printer to create useful devices. More importantly, there are now boards that give us as Javascript developers the ability to interact with them without needing to create our own custom Bluetooth Drivers, and writing firmware in C++. In this session, we’ll take a quick tour of some of the options and then do a deep dive into creating a wearable prototype writing only Javascript code using the Metawear board. This will be a hands-on session where we show working demos everything from how to connect with the board, to accessing the onboard sensors and maybe even how to storing data on the device for offline tracking as we build our own running application.
This session explores why choosing a good responsive framework, while assisting in development and ensuring a consistent look-and-feel, is just one piece of the much larger process of creating a truly engaging website or web application. Topics include why using the latest swiping motion du jour may not immediately make sense to all users, how a site's layout and content must truly be thought of as an architecture project to get the most "bang for the buck", and what problems that interactivity in the form of form entry can result in driving potential users and customers away, never to be seen again.
Small UX teams have unique challenges, however knowing what those are only part of the battle — how you then deal with having fewer resources and possibly feeling creative isolation, or worse organizational ignorance and/or hostility is the fun part. This workshop will explore some real life team situations that small teams and solo UX practitioners work in, walk you through a UX Strategy blueprint thats small and agile enough to not feel like you're bringing 'process in for process sake', but powerful enough to actually track, measure and learn how to continuing building great products. The goal of this talk is to arm every attendee with better tools and knowledge by creating a personalized plan for their UX practice. This workshop is less about generating design artifacts, and instead focused on ensuring the problems, assumptions and success criteria have been outlined that would then lead feed into how the designs would be created & iterated on.
<p>Making responsive websites is hard. Throw a bunch of opinionated people in the mix and it can feel nearly impossible. Let’s dig into what it takes to handle the pixels and the people really well. From beginning to end, we’ll walk through a solid, designer-focused process to make your next project a success.</p>
Matt D. Smith is the owner and Design Director at Studio Mds, a small independent design studio in Athens, GA.
Power, flexibility, and usability: where do we draw the lines? Learn about refining complexity, working with users, when to compromise, and how to effectively design usable, complex, and highly featured interfaces.
It’s amazing what the physical world can teach us about the digital landscape. Good (and lasting) design is all around us, even in things we take for granted. The classic and ubiquitous design of road signs, for example. This talk draws on the lessons learned during the creation of the road sign system in the 1950s and how those decades-old lessons can be applied to web design in 2015.
One of the best ways to keep a mobile app user engaged is through gamification and a well thought-out reward system. Accomplish certain goals, and you'll be rewarded with anything from points to badges to real world goods. But the real satisfaction is through elevating your social status ... be the best amongst your friends! This is most certainly true in mobile games. But does it really hold up in the domain of children's games? Perhaps, but not all gamification is created equal when targeting children. The games must be fun, engaging, and keep a child wanting more. But what is the 'more' that you should actually be targeting?
Mozilla continues to improve Firefox Developer Tools — recently Firefox Developer Edition saw the addition of many new performance-related features to help developers troubleshoot and fix poorly behaving HTML5 apps. These include new tools for pinpointing frame rate problems, JavasScript bottlenecks, processor-intensive CSS, and memory issues. In this talk the new performance tools will be demonstrated, with practical examples.
This session will delve deep into the technical trade-offs and selection process involved in choosing the underlying architecture for the data warehouse that is to contain the real user beacon data that is collected from web & mobile users by the billions every second of every day. This beacon data can then be used for marketing campaigns, performance enhancements and any other types of data analysis required by a business to use the information to increase bottom line revenue.
Closures are undoubtedly the most powerful feature JavaScript inherited from its Lisp forbears. But would JS be so powerful… without them? We’ll <strong>reimplement closures entirely from scratch</strong> without the convenience of native local variables or function parameters. Entirely in JavaScript. Using <strong>prototypal inheritance,</strong> some clever <strong>hat-tips from graphics programming,</strong> amnesic <strong>function bodies,</strong> and this <strong>one weird global variable.</strong>
Come learn about the state of the art when it comes to electronics and Internet of Things prototyping with JavaScript. We will talk about Arduino, Raspberry Pi, Espruino, Johnny Five, and all the various ways you can get started with making your own custom electronic widgets.
Navigation Timing APIs, available in most web browsers, give developers a way to measure and visualize web performance at a very fine grained level. This data can be used to drive business level decisions on user experience and overall web best practices. This talk will equip attendees with the knowledge and tools to measure web performance and automate the process with a single PhantomJS 2 JavaScript file.
Setting up a Continuous Integration and Continuous Deployment system for a JavaScript project can be tedious and frustrating. You want this system to work for you, not the other way around. With this talk you will be able to do just that.
I am the founder and head of Whitehall Technologies (proprietary and open source software development), as well as Whitehall Studios (agency). I am also the founder and maintainer of the Atlanta Ionic Developers group.
There's been a lot going on with the Titanium SDK this year. Come find out about improvements to Titanium and all the new features available.
What is UX? Is it important? Is it really a thing? If it is, how can you become better at it? In this talk, Demian will take you on a journey from key principles of User Experience Design for Mobile and Web, covering which hats to wear and why empathy plus learning is key for crafting amazing interfaces that will lead to conversion and success. Be one of the first people on the planet to see Project Comet, a brand new tool from Adobe, tailored to UX Design focused on Mobile Apps and Web Sites, enabling UX Designers to design and prototype at speed of thought.
One day you discover WebViews are a thing that make cross-platform development possible. OMG YAY - develop once, ship everywhere. Then because you’re a good coder, you’re going to test drive your development all the way through. . You start setting things up… and then find yourself absolutely mired in emulation mud. Welcome to the swamp that is TDD-ing WebViews on a Hybrid App. Never fear though because together we can navigate out of this swamp, and turn it into a beautiful garden of TDD-ness.
The current speed of Mobile app development is fast and furious. Development shops are happy to crank out apps at this pace, but in the Enterprise world, the unfortunate carnage is an embarrassing product and a mess of crappy unmaintainable code. This talk will guide you towards quality and usability, and ultimately show you the steps to produce your most excellent kickass apps! Awesomeness will prevail!
What happens when your mobile device does not have a network connection? That device will have no content, no experience and the amazing application that you spent so much effort to build just simply will not work. This talk would be around the implementation story of creating offline and online applications on Mobile. With offline mobile apps, you are able to have a full experience without relying on network connectivity.
A Simple Introduction into Hybrid Mobile App Development Using Ionic, AngularJS, PhoneGap Build
This is not the PHP of old. Learn what's changed in the PHP world over the last few years. Classes, objects, statics, traits, unit testing, composer, password hashing; it's a whole new ballgame. Learn what has changed in the PHP world over the last several years. We'll cover The newest PHP language features. Community efforts such as the PHP Framework Interoperability Group, Composer, and PHP the Right Way. How to secure your application using up to date techniques.
Cross Site Scripting - or short XSS - is a security vulnerability as old as the web. Despite continuous efforts to educate developers to properly escape values before outputting though XSS are still a common problem. To mitigate XSS attacks at the browser level the Content Security Policy (CSP) have been developed.
Google's infrastructure powers our crazy ideas, like Gmail, Google Maps, or Android. The same infrastructure that powers us can power you on Google Cloud Platform. However, the different ways that you can host your PHP apps on Google Cloud Platform can be daunting. This session will show you the commands and code to get your crazy idea running next to ours.
Databases are often difficult for developers as they are trying to use a Descriptive Language (SQL) with a procedural or object orientated language. This session will cover the basics of SQL design, thinking in sets (avoid N+1 problems), and code for using databases.
This talk will look into how one can get started in building php applications that run them on devices like the raspberry PI and Arduino among others.
Mental disorders are the largest contributor to disease burden in North America, but the developer community and those who employ us are afraid to face the problem head-on. In this talk, we'll examine the state of mental health awareness in the developer workplace, why most developers feel it isn't safe to talk about mental health, and what we can do to change the culture and save lives. Attendees will leave with 5 things they can do to make their workplace safer for those dealing with mental health disorders.
Let’s take a look how we can use TDD for building web applications with TypeScript on the client side (with AngularJS) and server side (with NodeJS).
Javan Makhmali and Sam Stephenson will unveil Trix, the rich text editing system featured in the next generation of Basecamp. An open-source release will immediately follow the presentation.
In the software profession, learning is an integral part of our job. I will describe a few techniques - which, taken together, comprise a loose framework for learning any new complex piece of technology, whether it be a new framework, library, platform, or programming language - using resources you can readily find on the internet.
Coroutines, Goroutines, Fibers, Generators, and Continuations are all different ways to suspend the execution of functions in programs. Since we're very close to getting async/await in JavaScript -- it's time to buckle down to understand what's the big idea behind suspending execution, the different implementations, and their applicability in the Web and JavaScript.
This session is for JavaScript developers. In it, you'll learn how to use and abuse your TDD framework to improve the design of your application, modules, and functions.
Becoming an expert coder involves much more than learning the coolest new framework or becoming a design pattern ninja. Becoming an expert coder is about passion and craftsmanship.
Raju Gandhi
Jordan Kasper
Kyle Simpson
Dr. Doris Chen
Ben Vinegar
Brian Rinaldi
Sarah Frisk
Keith J Grant
Eric Ang
Luigi Ray-Montanez
Jeremy Fairbank
Ben Klang
Marc Wright
Paul M. Jones
Gerry Pass
Taggart Bowen-Gaddy
Andrew Smith
Clint Ayres
Jordan Garcia
Josh Jensen
.jpg?1435532764)
John K. Paul
Lee Carter
Trevor Ward
Mark Mandel
Romans Malinovskis
Brian Mann
Kelly Senna
Cliff Seal
Jenny Sun
Whitney Williams
Jason Rhoades
Sophia Voychehovski
Angie Terrell
Michael Crump
JD
Clay Smith
Stephen A Thomas
Mike Hartington
Peach Pellen
John Gould
Shawn Johnson
Stephen Feather
Larry Garfield
Joshua Silver
Andy Watson
Arne Blankerts
Yitzchok Willroth
Dylan Schiemann
Christine Abernathy
Todd Gandee
Lyle Shearer
Marc Ferguson
Michael Johnson
Mark Lassoff
Jakub Jedryszek
Kendrick Coleman
Michael Potter
Micah Wood
kellyjandrews
Laura Moore
Brandy Porter
Chris Aquino
Jeremy Likness
Travis Tidwell
Nic Raboy
.jpg?1439153707)
Lance Gleason
Andrew Malek
Vince Baskerville
Matt D. Smith
Laurel Lawson
Duncan Jimbo
Patrick Seda
Jason Weathersby
Dan Boutin
Jonathan Martin
Micah Wedemeyer
Wesley Hales
Bryan Oliver
Rick Blalock
Demian Borba
Laura Ku
Eric DeCoff
Ben Edmunds
Terry Ryan
Dave Stokes
Mose Ngone
Ed Finkler
Javan Makhmali
Sam Stephenson
Toby Ho
Amjad Masad
Burk Hufnagel
Stephen M. Carlson