Agenda  1st and 2nd June 2018  T.O.C. Telesur   

Friday, 1st June   7:30 - 7:45   

Opening 

7:45 - 8:35 

FaCSSt—CSS and Performance    Ahh…  CSS  and  performance.  Two  of  my  favourite  things!  But  how  well  do  they  play  together?  It  depends…In  this  very  matter-of-fact  talk,  we’ll  be  looking  at  all  of  the  different  ways  CSS  can  make  our  websites  faster  or  slower.  From  the  common  and  perhaps  more  obvious,  to  the  unusual  and  obscure ways in which CSS can impact performance for better or worse.    Keynote - Harry Roberts   

  8:45 - 9:35  UX/Design  Room 1         

  Talk over text: Conversational interface design and usability    In  this  session,  we'll  talk  about  how  to  handle conversational content, with  the  help  of  real  case  studies  in  the  wild:  how  to write, model, manage, and  organize  it;  how  to  design  conversational  interfaces  when  your  tools  are  aural,  not  visual;  how  to  perform  usability  tests  on conversational content;  and  how  to  ensure  your  information  architecture  works  for  both  web  and  conversational  cases.  We'll  also  talk  about  content  reusability  when  you  don't have the luxury to distinguish two separate channels for content.    Preston So   

8:45 - 9:35  JS  Room 2     

We need to talk about Preact 

   

I  know  many  of  you  have  heard  about  Preact  and  may  have  even  played  around with it but have you seen it's true potential? In this talk we are going  to have the needed discussion about Preact and why it's awesome.    Sara Vieira 

9:45 - 10:35  Future  products  Room 1         

Title of the talk yet to be published!     

Thomas Visser, Philips     

9:45 - 10:35  UX/Design  Room 2     

Creating daily art with code 

  10:35 - 11:05 

  Break     

11:05 - 11:55  UX/Design  Room 1     

A practical guide to style guide driven development    The  old-school  way of building interfaces screen by screen or page by page  is  slow,  full  of  mistakes  and  results  in a product that is difficult to maintain  and  takes  forever  to  change.  Style  guide  driven  development  is  about  creating an interface as a system of reusable components. Modular flexible  design,  well-organized  code  and  smooth  easily  controlled  process.  This  lecture  will  answer  how to begin working this way. We shall talk about what  style  guide  driven development means in practice both for the designer and  the developer.     Tatiana Kolesnikova     

11:05 - 11:55  JS  Room 2   

What's next for JavaScript?    With ES2015 a lot has changed in JavaScript-land. Lesser known releases  are the ES2016 and ES2017 releases. This talk not only touches these two 

As  I  have  been  fascinated  by  generative  art  and  drawing  with  code  for  a  long  time,  I  started  in  2014  to  explore  how  to  create  art  and  design  with  code.  Exploring  new  ways  and  learning  new  tools.  Due  to  being  a  perfectionist  and  too  scared  to  show  my  work  to  anyone,  I  started  a  challenge  to  create  and  post  an  artwork  every  day  for  a  month,  this  was  September  2014.  After  this,  I  continued  to  make  and  post  more  and  decided  to  start  a  new  daily  make  challenge  on the first of January 2015, it  still continues to this day.    Saskia Freeke   

new releases, but also looks forward at what's to come next for JavaScript  (ES2018 and more)    Bram Van Damme      12:05 - 12:55  Drupal 

  Title of the talk yet to be published!      Keynote - Dries Buyteart     

12:55 - 13:15 

Talk of the main sponsor - Closing of daily sessions in Utrecht 

 

13:15 - 14:00 

Lunch Break  

14:00 - 14:50  JS  Room 1 

Vue.js deep dive, looking to the future 

14:00 - 14:50  Accessibility  Room 2   

Title of the talk yet to be announced!      Bram Duvigneau   

14:50 - 15:20   

Break     

15:20 - 16:10  JS  Room 1 

Title of the talk yet to be announced!      Burke Holland     

Vue.js  is  a  progressive  framework,  we  will  entangle  into  the  internals  of  Vue.js.  Looking  at  the  principles,  benefits,  caveats  of  many  powerful  features.  Including  Reactivity,  Templates,  Render  Functions,  Hydration,  Single  File Components. While doing this we will look at how modern ES(X)  features will evolve Vue to be an even more powerful.    Blake Newman   

16:20 - 16:45  CSS  Room 1   

Breaking the norm with creative CSS    Feeling  uninspired  and  tired  of  constantly  building  the same layouts? Let’s  leverage  the  CSS  superpowers  you  might  have  heard  about  before,  but  haven’t  already  used.  Let’s  explore  new  CSS  features  that  give  us  a  great  set of tools and enable to do amazing things on the web! The future of web  graphics  and  CSS  as  a  design language is bright, and finally it will make us  less  dependent  on  the  image  editors.  We’re  entering  the  new  era  with  in-browser  designing. Don’t stay behind and get some fresh air of creativity  directly in the web browser.    Aga Naplocha     

16:20 - 16:45  Being Human  Room 2   

Debunking the Imposter Syndrome Myth    Imposter  syndrome  is  a  term  often  used  to  explain  feelings  of  incompetence  or  a  lack  of  confidence  when  one  is  surrounded  by  a  group  of  peers.  In  this  talk,  I  make  the  case  that  the  use  of  the  term  'imposter  syndrome'  is  an  inadequate  descriptor  of  pedagogical  pathologies  in  the  tech  world.  Rather  than  excuse  the  feelings  of  inadequacy  as  a  natural  aspect  of  a  career  in  tech,  we  can  access  tools  that  will  aid  in  acquiring  new  skills  and  create  a  more  hospitable  environment  for  promoting  collaboration  in  teams  and  engendering  open  and  supportive  communities.    Necoline Hubner 

 

 

 

Saturday, 2nd June   

7:30 - 7:45   

Opening 

7:45 - 8:35  Digital Law    

Privacy, data protection, and open source development    Open  source  content  management  systems  are  made  by  those  who show  up.  This  creates  a  unique  challenge  when  developing  for  privacy  and  data  protection,  as  contributors  bring  very  different  cultural  and  legal  approaches  to  the  table.  As  project  contributors,  we  need  to acknowledge  those  differences,  and  the  issues  they  create,  so  that  we  can  provide  a  better  standard  of  privacy  for  those  who  use  our  CMSes  and  those  who  visit  the  sites  made  on  them.  In  this  session,  we  will  discuss  different  cultural  approaches  to  privacy,  summarise  different  legal  approaches  including  GDPR,  and  will  also  reflect  on  the  impact  that  open  source  CMS  development  can  have  on  privacy  across  the web. We will take a brief look  at  recent  data  protection  scandals  which  have  brought these issues to the  fore,  including  those  involving  open  source  CMSes.  And  for  a  case  study,  we’ll  explore  how  the  WordPress  project  has  approached  improving  privacy standards in advance of GDPR.    Keynote - Heather Burns     

 

 

8:45 - 9:35  UX/Design  Room 1     

Decrease your conversions – common ways to lock people out     Building products for the web means building products for everybody. We  spend hours and hours on optimising user flows, tweaking designs and  A/B testing the heck out of everything. The problem is that we as  developers, product owners and designers often think about the targeted  customer under optimal conditions and ignore minorities. In this talk, we  will take a look at common problems of the web today and demonstrate  how we can make it a more welcoming place.    Stefan Judis     

 

 

8:45 - 9:35  Drupal  Room 2     

Ambitious Editorial Experiences with Headless Drupal    "The front-end moves faster than Drupal, whether Drupal likes it or not" This reference from "The state of the Front-end" session at DrupalCon Amsterdam explains that we need different ways to retrieve content from a Drupal site for an easy integration with new front-end frameworks and other 3rd-party applications. This allows non-experienced front-end developers to start theming Drupal using the tools they are used to, providing at the same time multiple integrations with other platforms through APIs. Currently there is a debate about how to achieve this and what direction Drupal will take in the future. In this workshop there will be explained different approaches to solve common problems and what possible solutions are provided by Drupal and its contributed modules. You can join this discussion, share your thoughts and experiences with others, and help Drupal to go on the right track. Ruben Teijeiro   

  9:45 - 10:35  JS  Room 1   

  Fun with Bluetooth    Time  for  JavaScript  to  get  physical.  With  WebBluetooth  the  Chrome  browser  can actually take control of all kinds of physical devices in the real  world  like  lightbulbs,  robots  and  even drones. And nowadays you can even  run  JavaScript  straight  on  microcontrollers  and  even  little  Bluetooth  beacons.  This  talk  will  teach  you  the  basics  that  you  need  to  get  started  and  give  a  peek  at  some  more  advanced  topics  like  building  your  own  Bluetooth devices using just JavaScript.    Niels Leenheer   

  9:45 - 10:35  Performance  Room 2   

  Debugging, Profiling, & Rocking Out with Browser-Based Developer  Tools!    Browser  based  developer  tools  have  become  an  indispensable  tool  for  modern  front-end  web  development.  New  features  and  changes  are  being  added  at  a  rapid  pace,  and  keeping  up  with  all  of  the  changes  is  difficult,  but  well  worth  it!  In  this  presentation,  I’ll  walk  the  attendees  through  the  tricks  of  the  trade  of  Chrome  developer  tools,  in  addition  to  Firefox  and  Safari’s developer tools.     Mike Herchel 

    10:35 - 11:05 

  Break   

  11:05 - 11:55  JS  Room 1 

  Building a component based library with React

11:05 - 11:55  UX/Design  Room 2   

Designing Anticipated User Experiences    The  development  towards  anticipatory  experiences  is  welcome  by  most  since  the  human  brain  is  not  made  for  the  number  of  choices  we  have  to  make  on  a  daily  basis.  For  his  Masters  Digital  Experience  Design  at Hyper  Island,  Joel  has  researched  within  the  field  of  design  and  the  ethical  challenges  we  face  during  the  development  of  machine  learning-based  anticipatory  systems.  In  this  meetup,  he  will  guide  a  discussion  around  topics  like  privacy,  ownership  (of  data),  level  of  automation,  experience  bubble and free will.    Joel van Bodegraven     

12:05 - 12:55  Accesibility   

Title of the talk yet to be announced !    This  is  a  description  of  the  talk  This  is  a  description  of  the  talk  This  is  a  description  of  the  talk  This  is  a  description  of the talk This is a description  of  the  talk  This  is  a  description  of  the  talk  This  is  a  description  of  the  talk  This  is  a  description  of  the  talk  This  is  a  description  of  the  talk  This  is  a  description of the talk    

Building  a  component  based  library  with  React  for  re-use  in the real world!  How  Justlease  adapted  React  in  their  white-labeled  headless  setup.  A  deep  dive  into  setting  up  a  multi  themed  React  environment.  Using  tools  like  storybook,  flow  and  styled  components  to  create  an  abstract  layer  to  serve  multiple  web  and  mobile  applications.  In  this  talk  I  will  explain  what  real-life  problems  we  ran  into working for a marketing based company and  how  we  solved  them  by  creating  a  React based component library. We will  discuss  shortly  the  issues  we  ran  into  and  we  will  take  a  deep  dive  into  how we solved it with a new development stack.    Ferry Kobus     

Keynote - Heydon Pickering      12:55 - 13:15 

  Closing of the conference in Netherlands   

13:15 - 14:00 

Lunch Break  

  14:00 - 14:50  JS  Room 1   

  PWAs, are we there yet?!    Progressive  web  applications  are  the  new  hip  and  all  the  cool  kids  are  on  board.  They  are  slowly  becoming  an  industry  standard  for  building  web  applications.  With reliability, speed and immersive user experience in mind,  PWAs  help  you  reach  a  broader  audience.  But  what  are  the gotchas? Let's  explore  some  of  the  limitations  we  might  encounter  compared  to  native  applications.  Which  traditionally  native  features  are  now  available  for  PWAs  to  use  and  which  are  in development? All browsers are on the same  page,  supporting  features  like  Service  Workers  is  key  but  which  are  differences  in  API  implementation  and  what  bugs  should  we  be  aware of?  After  this  session  you'll  walk away with a clear idea on which is the current  state of PWAs, its limitations as well as its strengths.    Simona Cotin   

 

14:00 - 14:50  CSS  Room 2   

The web is ready for great graphic design    Some  of  the  world's  greatest  print  design  was  made  on  known  canvases,  with  known  content  using  known  color  options.  On the web, we have more  flexible  tools.  Media  queries,  flexible  units,  Grid  Layout  and  Flexbox  let  us  do great graphic design. With flexibility.    Hidde de Vries   

 

14:50 - 15:20 

Break    

  15:20 - 16:10  JS  Room 1 

I’ve built an SPA, now what?    What  to  do  now  that  you’ve  built  your  SPA  using  create-react-app,  angular-cli,  vue-cli,  how  do  you  host  it?  How  do  you  host  it  so  it  scales  automatically?  How  do  you  host it so it scales automatically and is cheap?  SPAs  are  only  half  the  story,  what  about  the  rest  of  your  app?  What about  that  cron-job  that  sends  emails?  What  about  the  API,  where  do  you  put  that?    Asim Hussain   

 

15:20 - 16:10  UX/Design  Room 2   

Atomic design in responsive design    Marija  will  talk  about  the  concept  of  atomic  design  in  responsive  design  and  its  elements:  atoms,  molecules,  organisms,  templates  and pages with  an  example  and  her  working  process.  Where  does  she  see  Atomic  design  in  1 to 2 years? We are creating the systems of fragments that will connect  to  create  components,  modules  and  templates  that  we  can  reuse  all  over  again.    Marija Zaric 

 

16:20 - 16:45  CSS  Room 1 

In Defence of CSS and the Cascade    CSS  is  magical.  It's  magical  because  of  the  one  part  that  everyone  complains  about,  the  one  part  that  it  has  become  popular  to  try  and  remove - the cascade!      This  talk  will  will  show  how  the  cascade  isn't  just  about  specificity  and  overriding  properties.  The  cascade  is fractal, existing at every level of CSS.  It's  about  how  we  write  CSS  that  works  for  everybody.  It's  about  writing  CSS  that  copes  with  the  past  and  with  the  future.  It's  about  writing  CSS  that's  robust  and will work on every device. Feature queries, media queries,  CSS Grid, and even Houdini are all part of the cascade!    As  well  as  practical  examples  of  how  the  cascade  works,  this  talk  will  show  some  of  the  history  of  CSS,  how  it  has  evolved,  and  how  to  make  your CSS flexible for the future.     Charlie Owen 

   

16:20 - 16:45  JS  Room 2       

What Can We Learn With JavaScript Fatigue?    By the time I'm writing this abstract NPM has 568,191packages. Tomorrow  an average of 447 new ones will be published.  In  this  talk,  I  will  not  complain  about  it.  Instead,  we  will  study  this  phenomenon  in  depth and see what can we learn from JS Fatigue and how  to  deal  with  it  without  headaches.  The  whole  reason  for  JS  Fatigue  is  not  the  huge  amount  of  modules  we've  got  available,  the  real  issue  is  the  mindset we have when writing code. With an average of 447 new packages  a  day  and  lots  of  new  technologies  appearing it seems impossible to keep  up  with  the  insane  velocity things happen in the JavaScript ecosystem, but  actually you don't necessarily need to.   In  this  talk,  I  won't  talk  about  the  language  itself  and  I  won't  talk  about  frameworks.  I  will  talk  about  what  how  this  ended  up  happening  and  why  we  should  see  it  as  a  positive  thing  from  a  software  engineering  point  of  view.  For  a  very  long  time  we  have  been  talking  about  componentization  and  reusability  and  now  that  we've  got  it  we  started  complaining  about  it,  how did that happen?     Lucas da Costa   

16:55 - 17:15 

Closing of the event in Paramaribo