Friday 14th

8 AM Registration LASALLE College of the Art at 1 McNally St Please bring your ticket with the QR code and a photo ID to register

9 AM Opening Chen Hui Jing & Thomas Gorissen



9:30 AM artistic.css Agnieszka Naplocha @aganaplocha What does shape the current state of Web Design? How can we leverage CSS to support the art movement on the Web?

Let’s dive into art direction and trends to find a new way to express our design ideas in CSS. During my talk you will find more about the intersection of CSS code with collages techniques, anti-design aesthetics and much more. Everything will be combined with practical CSS and many examples you can use on your websites right away. I will be presenting some of my CSS experiments to show you that art has a true impact on CSS properties and new features.

Find your inner designer and join me on this artistic CSS journey. Agnieszka is a coding designer with a strong focus on UX-related issues, currently working at Adobe in Warsaw, Poland. She is the co-founder of The Awwwesomes an initiative teaching how to create awwwesome things on the Web, organizing coding & UX workshops for beginners, co-organizing conferences (Front Trends 2018 and Element UX Talks) and meetups in Poland. She loves pink color and Wes Anderson's movies.

10 AM Designing components for fun, profit and sanity Yishu See @yishusee In recent years, web applications have largely converged to a modular approach, where self contained components make up the basic building blocks of an app. Components have offered us a way to logic in bite size digestives but they can also grow to become huge unwieldy monsters.

Imagine you find yourself five years into a project, in a team of 10, over a thousand components, and a chance (albeit daunting task) to start with a fresh codebase. How would you begin designing the components? Yishu is bad at things. Bouldering, speaking Japanese, crow pose; all bad. Thank goodness she's okay at making computers do things. Currently she is a software engineer at Carousell, contributing to the web platform. Before that in her career, she has taken on multiple roles - iOS engineer, backend engineer and fleetingly a product designer. Her current favourite function is .split().

10:20 AM C 8 H 10 N 4 O 2 Caffination provided by Jimmy Monkey





10:40 AM Web Components and the AOM Léonie Watson @LeonieWatson We can use Web Components to create reusable solutions. With Custom Elements, the Shadow DOM, HTML Templates, the Web Speech API, and a little ARIA, we can create a progressively more advanced solution for anyone who wants to listen to content; and when the Accessibility Object Model (AOM) lands, we'll be able to do even more. Léonie is Director of TetraLogical; a member of the W3C Advisory Board; co-Chair of the W3C Web Platform Working Group; and a member of the Accelerated Mobile Pages (AMP) Advisory Committee. Amongst other things, Léonie is co-organiser of the Inclusive Design 24 (#id24) conference; co-author of the Inclusive Design Principles; and mentor to young people interested in the fields of accessibility and inclusive design.

11:05 AM Variable fonts and the flexible nature of screens, environments and devices Mandy Michael @Mandy_Kerr Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices. We can use variable fonts with pre-existing technologies to improve our font performance, design, accessibility and usability of our websites.

We can start to design our typography to adjust to various inputs, situations or events which might allow us to modify our fonts to aid in storytelling, or achieve improved readability and legibility in different situations, environments or on larger or smaller screens.

Let’s begin to explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts.

Mandy’s passion is CSS, HTML and JS, she has a particular interest in web typography, accessibility and modern layouts, and hopes to inspire that passion in others. With the aim to create a community of web developers who can share, mentor, learn and grow together she is a co-organiser and Director of Mixin Conf, the founder and co-organiser of Perth’s front-end developer meetup Fenders and currently works as a Development Manager at Seven West Media in Western Australia.

11:35 AM

Navigating the Wild Seas of Native ES Modules Gil Tayar @giltayar ES Module support in Node v12 is not just a refinement of the support it has in Node v10, but is rather pointing to a direction in which Node and browser ES Modules converge into one system, a system which will enable ES modules to "just work" within the native npm ecosystem, without the need for transpilers or bundlers. This talk will examine this, and show how this will be possible in the upcoming years. From the olden days of DOS, Gil was, is, and always will be a software developer. He has co-founded WebCollage, survived the bubble collapses, and designed cloudy projects at Wix.

His current passion is figuring out how to test software, a passion which he has turned into his main job as Senior Architect at Applitools, where he develops tests for software that tests software, which is almost one meta layer too many for him.

11:55 AM new Promise(lunch)



1 PM Breakouts You can pick up to two workshops or lectures during online-checkin from on June.





Faster & Easier App Innovation Darren Evans

Mayur Tendulkar @mayur_tendulkar

Vito Chin @vitoc Kubernetes for the impatient

Travel through the Cloud Native Computing Foundation’s most popular project as we delve into container orchestration using Kubernetes, so that you have more time to spend on coding, rather than managing yours apps. For this talk, I will be using Azure Kubernetes Service (AKS).



App Innovation and Devops

We created a rich learning experience to show-case the speed and ease at which you can leverage Microsoft's cloud platform to build data-driven intelligent apps. This program will give you insights and demos on how to leverage innovative scalable Cloud Backend Services for your applications. Join us! We'll cover:

- Azure App Services

- Azure Kubernetes Services

- Azure Dev Spaces



JS adventures in Azureland

Come have a whirlwind tour of the Azure cloud where you'll be travelling through the seas of Javascript on a boat christened VSCode. Darren is based in Singapore and currently works at Microsoft as an Open Source Technology Solutions Professional, working with customers on Kubernetes, Linux, microservices, Azure Services and open source software in general.



Mayur was selected for Hogwarts School of Witchcraft and Wizardry, but couldn't get through Platform 9 3/4. So he joined Microsoft and is now spreading the love for technology. Mayur is Technology Solutions Professional working at Microsoft in Singapore, helping people with technology. Previously he was a Program Manager on Xamarin team at Microsoft, working from Pune, India. Since 2013, he was awarded as Microsoft Most Valuable Professional on Windows Development and worked as Developer Evangelist with Xamarin. He is writing mobile applications since the days of Windows Mobile 5.0 and love to talk about everything mobile and cloud these days.



Vito is the resident Node.js punter at Microsoft APAC where he guides partners and tourists on Azureland tours with his mighty VSCode gondola.



Pair Programming & Test Driven Development done right Kevin Aubry & Lin Oon Kean @PALOITSingapore So you’ve heard about Pair Programming, but how much do you really know about it? Few are aware of the complexities involved, resulting in a waste of money, siloed knowledge and even internal scuffles!

With PALO IT’s 'Pair Programming Done Right', you will learn how to navigate this potentially chaotic practice. Join Kevin Aubry to discover how you can Pair Program the Agile way. To supplement your learning experience, you’ll also learn how to leverage on Test Driven Development to create even higher quality software in a fraction of time.

In this session, attendees can look forward to:

- A deep understanding of Pair Programming and Test Driven Development

- Better software through faster feedback

- Improved development speeds

- Purpose-driven formulation of solutions

- Higher job satisfaction and team morale

- And more…



Requirements:

Bring a laptop. Have a recent Node.js, code editor and web browser installed. You'll need a Github account. Having the first-hand experience using various programming languages to design and implement software applications, complemented by his advisory position, Kevin has proven to be a valuable asset to numerous successful projects. Constantly keeping up with innovation and new technologies, he enjoys challenges that take him out of his comfort zone.



Kean is a pragmatic leader principled strongly by Scrum and XP practices to coach and support development team collaboration in software delivery. A firm advocate for Agile software development since 2003, Kean has been on both sides of the equation long enough to know what makes Agile software development successful: Human collaboration and Agile engineering skills.

SVG Animation with GreenSock & VueJS Thong Yong Jun @yongjun21 Learn from the Straits Times Interactive Graphics team how we integrate animation into our stories using SVG and GreenSock. If you love VueJS and love using animation, come join us in this hands-on session to pick up a trick or two. Specifically, learn how to:

- Create self-contained animated component

- Compose complex animation sequence from a set of animated components

- Create an self tracing path

- Animate an object along a SVG path

- Animate your viewport



Requirements:

Bring a laptop. Please make sure before the workshop you have:

- Git installed

- Node 8+ & NPM 5+ installed

- Browser Chrome or Firefox with DevTools installed

- Editor installed with Eslint plugin. (Not required but highly recommended because we will be going really fast and couldn't afford to waste time on syntax bug) Yong Jun produces data stories and interactive graphics for SPH Straits Times as a Senior Web Developer. An early adopter of VueJS, he thinks Vue is the best thing to have come to the Javascript world since ES6. The popular GovTech visualization project SchoolPicker.sg was created by him using VueJS. He enjoys writing code and teaching people the art of code writing.

Practical NuxtJS Aaron Gong @aaronghj

This workshop will show participants how to build applications using NuxtJS (A VueJS Framework), based on real-world experience in shipping products from scratch. In the process, we will also look at various means of building performant websites.

Within the 3 hours (remaining 0.5 hours will be for Q and A, as well as helping slower paced participants), we will cover the following:

- SPA, SSR and Static Websites, which one to use.

- Building for performance, code splitting, tree shaking, lazy-loaded resources

- Important points on NuxtJS such as architecture, configuration, SSR features & lifecycle, etc.

- Creating your first NuxtJS project and explanation on options available

- What are plugins, modules and which one to use

- Sign In Page & Crud Page

- Hands-on learning Of VueJS and NuxtJS concepts

- there will be a local backend API with authentication to test things out).

- Gotchas & Edge Cases

- Coding problems that can occur in SSR

- How to get dynamic Vuex store to work

- Deployment as SPA, SSR, Static Website

- Q&A Session



Requirements:

Bring a laptop. Please have the following software installed before attending, we will not have time to troubleshoot installation issues

- NodeJS version 10 and above, NPM

- Git

- Code editor (VS Code recommended) Aaron is a Consultant with Zenika. Ever since his first VueJS experience in an opensource project (vue-crud-x). He has decided to work exclusively with VueJS and web components to ship products. He co-organises VueJS meetups to share experiences and help others. He feels that one should know fundamentals before frameworks.

Unlocking Progressive Web Applications Tamas Piros @tpiros During the workshop we will take a regular web application and convert it into a Progressive Web App. This workshop is for people wishing to learn more about Service Workers, Workbox.js and web performance/caching in relation to PWAs.



Requirements:

Bring a laptop. Attendees should make sure that they have their favourite code editor, an up-to-date version of Google Chrome as well as NodeJS installed (either LTS or Current) Tamas is an experienced Developer Evangelist, Google Developer Expert and Technical Instructor. He has more than a decade of experience working with large, prestigious organisations and throughout his career, he has delivered training classes all over the world to both technical and non-technical audiences.

Nodebots Part 1 Pasindu De Silva @Ghosteyes1

Chathu Vishwajith @iamchathu

This workshop constists of two afternoon sessions on Friday and Saturday!



We are going to build electronic bots that we can control using NodeJS.

Requirements:

Bring a laptop and please follow these setup instructions before the workshop. Pasindu works on building open source text to speech systems for low resource languages by day and does various JavaScript Nodebots projects by night.



Chathu is Co-Founder of a Startup where few of its products are powered by Full-stack JS. He is an Auth0 Ambassador, Co-Organizer of Colombo JS Meetup and Organizer of Sri Lanka Unity Developers User Group. He has started working with NodeJS since 2012 and He love it. Currently working on POS Dashboard which is powered by NodeJS backend and React Dashboard with React Native Mobile app. In nights he struggles with Nodebots.

4:30 PM Drinks at the bar

5:00 PM The browser as a modular, networked video synthesizer Olivia Jack @_ojack_ Most libraries and abstractions for creating graphics in Javascript are focused on 2D shapes (SVG and canvas) or simulating 3D rendering. The talk will instead explore generative graphics inspired by modular, analog video synthesizers from the 1970s, in which visuals are created by routing, transforming, and recombining multiple sources and outputs in realtime (such as cameras, videos, and application windows).

By using WebRTC to share video peer-to-peer, each browser/device can output a video stream, and receive and modify video streams from other browsers/devices. Transformations to the color, coordinates, and blending of a visual source are abstracted as separate Javascript functions which can be chained and composited to create complex visual patterns. The talk will explore technical, aesthetic, and collaborative possibilities of treating a web app as a series of interconnected and heterogeneous nodes, rather than as a specific “site” or “place”. Olivia is an independent programmer and artist who works frequently with audiovisual installations, interactive visuals for dance performances, cartography, live-coded visuals, and experimental interfaces. She is the developer of Hydra, a browser-based platform for networked visuals that is inspired by analog modular synthesis. Originally from San Francisco, she currently lives and works in Bogotá, Colombia.

5:25 PM Real World Problems - Internet beyond the First World Bubble Keerthana Krishnan @KeerthanaK17 The Internet of today originated as an experiment in the West. But as it expands to accommodate a larger user base in Asia, huge gaps are created between what the consumers want and what engineers build in a digital solution.

* How can we build websites for illiterate people?

* How can we improve the performance of our websites in spite of terrible infrastructure?

How can we come together to make the best digital experience we can for the people who have only started embracing the internet recently?

Because they will be the users of tomorrow. Keerthana is a software engineer living in the sunny town of Cochin, India where she works as a full stack web developer. She is passionate about building the best websites she can and made her conference stage debug at Node + JS Interactive 2018.

5:55 PM Music and Art with ML Monica Dinculescu @notwaldorf People make things. You make things. Most of the time you make Very Serious Things™️ that help your bosses sell more shoes or saxophones or those tiny coffee packets. And that’s good, because you gotta eat and stuff. But something else has gotta eat, too: your brain. Music is creation, art is creation, code is creation. I think it’s important to goof around with code sometimes, or make things that let other people goof around with code. And sometimes, that becomes the Very Serious Thing™️. Magenta.js is one of these things; let's talk about it! Monica works on Magenta, in Google Brain, where she makes generative music and art with Machine Learning. In the past she's worked on Polymer, web components, and Chrome, and has probably at least once broken the Internet for you. She is unreasonably excited about emoji, wary of web fonts, and will become your best friend if you bring her cheese. On second thought, she may be a mouse.