All workshops are run on 9 November and include a conference pass for the 10 November for £445+VAT. You can request to change the conference pass day, which will be granted based on availability.

Advanced CSS Layout Training

Rachel Andrew
November 9 2016
09:00 — 17:00

What you'll learn on the day

  • Learning from the past

    What can we take from older layout methods that will still be helpful in the future?
  • CSS Layout today

    Multiple column layout, flexbox and CSS Shapes
  • Just Landing

    Find out about CSS Grid Layout, how it works with Flexbox and Box Alignment as a new layout system
  • Experimental

    What else is hiding in the CSS specifications? How can we encourage browser implementations?
  • Building the future

    Practical suggestions for using these techniques without locking out users of old browsers

Detailed description

CSS Layout has been stuck somewhere around 2006 for several years. We have had to attempt complex layout using tools such as floats and positioning. These methods never designed for complex page and application layout. However things are changing and it’s a great time to take a look at the layout methods that are now part of modern CSS, and those coming in the very near future.

This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving layout, from those you are safe to use right now even if you need to support older version of Internet Explorer through to things that while still classed as experimental, are likely to ship in browsers in the coming months. The aim is to teach you some tips that I’ve learned working on real projects, alongside sharing some of the exciting things that I’ve been experimenting with as I look into emerging specifications.

This will be a practical workshop, we will work through code examples together, and you’ll have those worked examples to take away to experiment with further or to share with your team.

Angular 2

Gerard Sans
November 9 2016
09:00 — 17:00

What you'll learn on the day

  • TypeScript

    ES6 and beyond.
  • Components

    Basic structure and best practices.
  • Dependency Injection

    How to make it work for you.
  • Data Architecture

    Covering XHR, JSONP, RxJS 5, EventEmitter and Async Pipes.
  • New Router

    How to setup, setting child routes and more.
  • Unit Testing

    How to unit test all pieces.
  • Migration

    How to prepare Today and migrate seamlessly step-by-step.

Detailed description

Angular 2 is a revolutionary platform for creating applications using modern web standards and powered by the Open Source Community following the success of AngularJS.

In this workshop you will learn the major improvements in Angular 2 so you can start creating your own projects and enjoy its full benefits today!

Mastering browser devtools

Remy Sharp
November 9 2016
09:00 — 17:00

What you'll learn on the day

  • Workflow

    How to make DevTools your development IDE
  • Console

    Going way beyond console.log
  • Memory leaks

    Identify and remediate
  • Network

    What's slow, why and the detail behind a request
  • Performance

    How to read and investigate rendering issues
  • Mobile & responsive

    Using the tools you know to debug tiny machines

Detailed description

Sure, you've moved past "alert" debugging and discovered console.log, but did you know you can replay XHR requests instead of having to repeat your steps to make the request? Or that you can proxy your local server through a browser configuration so your mobile phone can see it? This workshop is dedicated to learning the native developer tools baked in to the browser to make our life a little more bearable.

We will look at features of Chrome DevTools, what's available in Firefox debugging suite. We'll also look at remote mobile debugging using native tools and also look at the alternative tools where native support isn't available.

The workshop will mostly be about the foundation of debugging techniques, which apply way beyond just a single browser's debugger tool, but will raise your expectation of all web debugging environments.

See our sponsorship pack & get in touch today