/ The international Javascript Conference Wed, 11 May 2016 15:18:08 +0000 en-US hourly 1 https://wordpress.org/?v=4.7.2 /talk/shipping-one-of-the-largest-microsoft-javascript-applications-visual-studio-codes-story/ Sat, 23 Apr 2016 07:31:45 +0000 /?post_type=talk&p=510 How can you survive a project that uses JavaScript massively and must be continuously evolved?
Visual Studio Code is a cross platform code editor indistinguishable from a native editor, but its code base was not always meant to be for a desktop application. In this talk I will share the key insights that allowed us to create a rich code editing experience and that will help you in managing a large, always evolving, JavaScript code base. We will take a deep look into the major steps in the evolution of VS Code from its humble beginning more than 4 years ago to one of the largest TypeScript code bases at more than 350k lines of TypeScript.

]]> /talk/discover-the-information-within-your-data-with-d3-js/ Sat, 12 Mar 2016 13:35:14 +0000 /?post_type=talk&p=469 As W. Edward Deming said, “In God we trust, others must bring data”. In the last decades, the importance of data has increased consistently in many application fields, e.g. medicine, marketing, computer science and so on. However, raw data need to be processed in order to exploit useful information. In particular, the dynamic visualization of data is a key element in the data manipulation workflow. Inspired by the previous consideratons, this talk focuses on data-driven approaches that, linking data with SVG and DOM elements, help you design clear and interactive data visualizations. At the Umbrian Cancer Registry (R.T.U.P.), working side by side with physicians, we used d3.js to provide several statistics about the cancer incidence and mortality including temporal trends, age distributions and geographical distributions (http://www.rtup.unipg.it/SGrtup/Statistiche). Starting from the R.T.U.P. case of study, we show the basis and the underlying concepts of d3.js library. Methods to perform efficient document manipulation based on data are presented, applying data-driven transformations to the DOM in order to pair each element in the data array with the corresponding DOM node. The main elements of d3.js library, including selections, scales, axis and d3 layouts, are described providing specific examples.

]]> /talk/blazing-fast-css3-transitions/ Sat, 12 Mar 2016 13:32:24 +0000 /?post_type=talk&p=466 Learn how to replace jQuery animations with blazing fast CSS3 transitions. All you need to know about hardware acceleration, browser support and profiling. Learn the techniques to have smooth transitions across mobile and web! If you’ve never animated on the web before, then this talk will put you on the right track. If you’ve already animated using CSS3, you’ll definitely want to attend to master your animation skills.

]]>