This workshop is aimed at both developers who want to learn to build Real-time REST APIs and designers who want to get first-hand knowledge of integrating APIs into their frontend client-side projects
What you'll learn
- Planning and Building an API
- Talking to an API via client libraries
- Build an app that lets users login and post news stories
What you'll learn
-Using npm and Browserify for managing front-end code
- Avoiding the jQuery spaghetti code problem
- Structuring code for re-usabiliy
- Building an app using [ampersand.js] modules.
Designing a 'mobile first' product is bigger than creating a responsive website, or submitting apps to iTunes and Google Play. Mobile first is about embracing the entire suite of capabilities that modern smartphones bring to bear: push interactions, virtual wallets, Bluetooth beacons, interactive SMS systems, and a seemingly endless array of interconnected sensors and services. Join Jonathan for a look at the true power of mobile where he'll separate the hype from the reality with pragmatic advice that you can put to use right away.
What you'll learn
- A summary of the current mobile landscape
- How to identify the emerging trends of the future of mobile-first
- How to develop a high-level strategic framework for the transition to a “mobile first” mindset
This workshop is based around the themes of Rachel's Pocket Guide to CSS3 Layout Modules and will cover the new CSS modules that have been developed for CSS Layout. This is a forward-thinking workshop, geared to ensuring that your CSS skills are right up to date with emerging technology. However there will be plenty of things you can use right now with a progressively enhanced approach. Using practical examples and code to demonstrate all of these modules, and you’ll be able to take away those examples to use as starting points and reminders after the workshop.
What you'll learn
- What these modules are and how to use them
- When you should use one layout method over another
- What the state of browser support is for each module
- Advice on current polyfills and approaches for dealing with older browsers
by Joe Leech
In this workshop we'll look at how people build models of the world around them and how we can use that knowledge to create great user experiences. We'll go right back to the basic psychology theories underpinning planning, decision making and perception. From there we'll build on how users decide what to do in certain situations and why many websites fail because they don't match the model and thus the expectation the user has for how a website or app will work. You'll be a designer, developer or product manager interested in making your stuff better. You'll need to care about doing the right thing and want to understand how people think, behave and feel. No previous psychology or UX experience needed. You'll learn to support users to do what they want and expect (and you want them) to do, improve metrics and success of your website, product or app, make your customers fall in love with your product and learn how psychology can help build a great user experience. Enthusiasm is a must as is a pen, paper and a mobile/tablet to look stuff up.
What you'll learn
- Why match design to behaviour and what goes wrong when you don’t
- The psychology theory behind how people model a task and the world around them
- The tools to understand and map the way people model a task
- How to match your design to the map/model and make it a success
- Mapping and designing the details - as it’s these that count
- Loads of little psychology tidbits that will improve a design and make you a better designer
In order to optimise your workflow you need to master the tools to do it right. In this workshop Jason will introduce the tools that will give you the edge and teach you how to automate much of your front-end work to allow you to concentrate on what truly matters! Whether you’re a designer or a developer, these tools don’t need to be scary and will really save you time in the long run.
What you'll learn
- Sass techniques, including variables, mixins, extends, loops and functions
- Dependency management: Bower, Node and Git (without being a back-end developer!)
- Using taskrunners for Sass compilation and minification, JS linting, auto-prefixing, PNG compression and more.
For decades, it has been safe to assume that every networked computing device had a graphical Web browser installed by default. With the rise of mobile computing, wearable tech, and the internet of things, this is no longer a safe assumption. Join Jonathan for this inspiring opening keynote talk where he will he explore what web professionals can do to thrive in a world without web browsers.
With the explosion of small-form-factor, low-cost connected devices like fitness trackers, medical devices and ‘smart dashboards’, the spectrum across which we communicate has gotten broader than ever. When thinking about using a wearable fitness tracker with a small screen, how it connects from a design perspective to the ‘connected app’, to the desktop health tracker portal and even to TV/print advertising for that product—there are very few elements that translate across all those screens and devices to tie the experience together. The type we use plays an increasingly important role in conveying critical information in a consistent and ‘glance-able’ way, and in getting across brand voice and creating emotional connection between user and device and organization. This talk will explore how new developments in technology and cognitive science extend the reach of our design landscape from the smallest to the biggest of screens.
'Yeah, you can get a lot done in a 40-hour workweek. But imagine how much more you could do with a 90-hour workweek!' That's the sound of the tech industry buying into the Overkill Cult. And in 2013, Jason Lengstorf was guzzling the Kool-Aid. He was on the computer for 13 hours or more per day, 7 days a week. He was working so much that his health and happiness were noticeably declining. And he still wasn't 'getting ahead' at work. In 2014 he scaled back drastically, dipping to below 6 hours a day on the computer. Now you might expect that Jason got half the work done with less than half the computer time. But in reality there was absolutely no negative change in his productivity. There was, however, a huge positive change in his physical and mental condition. In this talk, Jason will show that the key to sustained productivity and job satisfaction is balance, and that the current pressure to join the Overkill Cult is actually resulting in lower overall productivity and reduced happiness. a balanced schedule a win for employees, employers, freelancers, and families alike.
Modular front-end applications that can grow and evolve over time. Many front-end JS toolkits are optimized for building the first version of the app quickly. But for an app that powers a business, you have to think past initial launch. Your app will likely outlive the attention span of those who first wrote it. So, how do we pick tools and architectures that can be modified, maintained, and upgraded over time by a team of people?
by Ben Callahan
We’ve made a lot of assumptions about what makes for the most usable navigation experience on small screens—hamburger icons, off-canvas solutions, expanding elements. Countless options exist. This presentation is a careful examination of emerging patterns, as well as techniques for determining which of those patterns work best for specific architectures and project types. You’ll be encouraged to stop guessing and start testing—and leave with a clear understanding of what’s possible and the tools to make your case to a client or boss.
In this session Rachel will introduce you to configuration management using Puppet and why this is helpful, even for small infrastructures. You'll learn how using a tool like Puppet can make it simple to create development and staging environments that replicate production. This session will give you practical advice for things you can implement immediately in your own work. You’ll also take away plenty of resources to take your learning further.
by James Archer
Design is a disciplined approach to problem-solving that can radically transform how your customers (and employees) feel and behave. There's a common misconception that design is about 'making it pretty', causing companies to miss countless opportunities to become more productive, successful, and profitable. In this talk James will show you what design really is, how it works, and how anyone—not just designers—can use it to built a stronger company.
We design sites for a myriad of devices with varying connection speeds. More and more, we’re discovering the importance of fast page speed. Even 100 millisecond delays in load times negatively impact user experience and conversions. The problem is, making a site fast and lightweight is often at odds with other design goals—like creating visually immersive experiences or meeting all of an organization’s rich-media ad requirements. While a stripped down site with no images, set entirely in Arial, is certainly going to be light, it’s not going to accomplish all of our client’s business goals. In this talk, we'll discuss how we can make smarter design decisions, from the beginning of a project, to ensure that our sites perform well. Some topics Yesenia will discuss are optimizing typography and UI, responsive images, and how to get clients on board.
SVG is more than just an image format. It’s a solution that solves many problems with today’s rapidly growing web, especially in responsive design. SVG also contains many features to enhance the user's experience: accessibility, resolution independence, and interactivity. We'll see why we should use SVG, how to style SVG using CSS, how to animate SVG to bring the web to life, and much more.
by Eric Fleming
After years of building APIs for various kinds of businesses and consumers, Eric wants to share with you what he's learned along the way. You have lots of choices to make when creating an API. A lot of those choices will be made for you based on your business and development capabilities. Together you'll go through the different choices you can make, the pros and cons of each, and finally what to do after you've made some decisions. We'll cover everything from delivery protocols to marketing and everything in between. Along the way, Eric will walk you through the choices he made in developing the Traitify API and the analysis that went into each decision.
by Hiten Shah
Hiten Shah, co-founder of KISSmetrics and Crazy Egg, talks you through his 4-step data-driven process for successful A/B testing.
The days of complex backend systems are at an end, developers can build complex apps now without the time it takes to devote to a full backend system thanks to APIs. In this talk, developers will get introduced to using LevelDB, Node.JS and Socket.io to build a real-time REST API that can be integrated into any any client-side app quickly. Once built, developers can use this API for apps of all sizes and platforms without any extra work.
by Joe Leech
The poet John Keats famously blamed scientists experimenting with light for 'unweaving the magic of the rainbow'. Joe will look at applying science to design to make our apps and websites better. We'll look at different types of data, from user research and analytics, to psychology and multi-variant testing. How to research, collect, source, asses and most importantly design using data without losing the magic.
Color is one of the first things we learn how to do in CSS — and yet many of us don't ever go further than typing hex numbers handed to us by a designer. But getting colors to appear on a screen is just the beginning. Discover the secrets behind hex color values, and how to use simple math to adjust color attributes like saturation and brightness. Find out why colors look different on different devices, and what you can do about it. Learn how to adjust colors with media queries to make sure your colors look their best on any screen size. Find out how user context may affect the appropriate colors for a website. And finally, learn how you can make this whole color thing a lot less complicated by using a CSS preprocessor like Sass to manage your color choices and create color variations automatically.
by Aisha Blake
Working in tech can be an exciting, fast-paced adventure in which everyone is focused on solving a complex problem as efficiently as possible. When we put too much focus on the end goal, though, and not enough on how we function as a team, this sort of environment can be hard on those who don't fit the developer stereotype. Does your casual workplace culture encourage off-color jokes? Is there someone who has great ideas when speaking one-on-one, but doesn't contribute as much to group conversations? In this session, we'll talk about some of the unique challenges being a member of one or more minority groups poses to tech professionals. You'll walk away with strategies to help you actively work on recognizing those challenges and minimizing your contribution to them.
by Tim Brandin
In this talk about Meteor Tim will present the Meteor stack, consisting of Node.js, Mongo DB, Sock.js and the DDP protocol in the backend, and all the real-time reactive goodies in the frontend and lets not forget the amazing built in package management system. There's often a lot of experienced magic in Meteor, which most of the time scares experienced developers away. To fight this we'll dig down into some of the most mysterious aspects, like how the reactivity works in the frontend updating data all the way from Mongo to the clients browser.
Working with large CSS codebases can be hard. Large-scale refactors, or even just tweaking styles on our more general elements, could end up having unintended consequences on the rest of the site. To catch these problems, we manually check every page on our site, which is a slow and error-prone approach. We need a better way to test our CSS. This talk will walk through how we implemented a visual CSS testing framework using RSpec & Selenium, using automatic screenshot comparison to catch style regressions. This talk will go over figuring out exactly what we needed to create a framework that would catch style regressions, and then creating it.
Since Math and Physics are the essential languages of the design of our universe, why not use them as inspiration for how we approach designing the web? By looking at design through the lens of a Mathematician/Physicist, we'll see how it's only natural that modular strategies are taking over the digital landscape. Although it seems everyone is looking for the next big idea, the future of design really rests on well-designed
We know that designers need to code more, but we also need developers to design more. When developers are coding early in the design concepting phase, magical things start to take shape. Designers refine early design concepts by visually proofing live code. Developers code early design concepts rather than finished templates. Designers piece design as needed. Together, focus on CSS transitions and behaviors early and throughout the design process, not as an afterthought.
From NSA leaks and debates around Net Neutrality, to legal battles about the smart devices appearing in our homes, there's no doubt that privacy and transparency are the latest hot topics in tech. User security is about to enter the mainstream as a crucial element of any new web app or site. Our panelists give their views on privacy and transparency in the tech realm.
After attending the Performance Testing Crash Course you will walk away with an understanding of: How to capacity plan and load test server-side performance, instrumenting and understanding client-side performance. Automate performance testing for continuous integration and how to understand the business impact of performance.
by Matt Shull
Is it possible to develop large and complex web applications using smaller and less complicated custom elements? Wonder no more! Spend an hour with Matt Shull and prepare to walk away with an understanding of web components, as well as, why Google's Polymer is currently necessary to use web components. You’ll also see who is using web components in production, and learn how to create your very own web components. Get ready for an interactive look at how you can begin using web components today using Polymer!
Picture yourself in 10 years: you have a career and a life that you love. Now - how did you get there? Real success - the kind that builds unstoppable momentum and gets you more of what you want from life - doesn't just come from chasing your next raise or promotion up the corporate ladder. This talk will give you a brand new roadmap and set of tools so you can start building a future you love. In the tech industry today, you have to take your career growth into your own hands, and the most successful people will be those consistently learning and growing the right skills. If you're ready to truly level up in your career, it's time to start focusing on the things that really move the needle and take you where you want to go.
Join us round the pool for drinks and nibbles - a chance to meet fellow attendees and chat with speakers. Check your program guide for even details.
1st–4th June 2015