Workshops
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
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 ShapesJust Landing
Find out about CSS Grid Layout, how it works with Flexbox and Box Alignment as a new layout systemExperimental
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
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
What you'll learn on the day
Workflow
How to make DevTools your development IDEConsole
Going way beyond console.logMemory leaks
Identify and remediateNetwork
What's slow, why and the detail behind a requestPerformance
How to read and investigate rendering issuesMobile & 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.
