Save 10% off ANY FITC event with discount code 'slideshare' - http://www.fitc.ca
OVERVIEW
Node.js is a runtime environment and library for running JavaScript applications outside the browser. Node.js is mostly used to run real-time server applications and shines through its performance using non-blocking I/O and asynchronous events. This talk will introduce you to Node.js by showcasing the environment and its two most popular libraries: express and socket.io.
TARGET AUDIENCE
Beginner web developers
ASSUMED AUDIENCE KNOWLEDGE
Working knowledge of JavaScript and HTML5.
OBJECTIVE
Learn how to build a chat engine using Node.js and WebSockets.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Node.js environment and basics
Node Package Manager overview
Web Framework, express, basics
WebSockets and Socket.io basics
Building a chat engine using Node.js
An Introduction to Node.js Development with Windows AzureTroy Miles
Node.js has taken off in popularity. Find out why major internet companies like Yammer, CouchOne, DocumentCloud, and LinkedIn are using Node to power their servers. And why Microsoft added support for it to Azure. In this session we will build a simple yet functional web server using Node, enhance it using plugins known as Modules, and hopefully explain why Node is such a powerful new web server paradigm.
An absolute beginners guide to node.js . Done for a presentation at college. The presentation contains data from various sources ,sources are noted at the end slide. please inform me any mistakes ,since at that time i was in a bit of hurry :)
An Introduction to Node.js Development with Windows AzureTroy Miles
Node.js has taken off in popularity. Find out why major internet companies like Yammer, CouchOne, DocumentCloud, and LinkedIn are using Node to power their servers. And why Microsoft added support for it to Azure. In this session we will build a simple yet functional web server using Node, enhance it using plugins known as Modules, and hopefully explain why Node is such a powerful new web server paradigm.
An absolute beginners guide to node.js . Done for a presentation at college. The presentation contains data from various sources ,sources are noted at the end slide. please inform me any mistakes ,since at that time i was in a bit of hurry :)
Building a smarter application stack - service discovery and wiring for DockerTomas Doran
There are many advantages to a container based, microservices architecture - however, as always, there is no silver bullet. Any serious deployment will involve multiple host machines, and will have a pressing need to migrate containers between hosts at some point. In such a dynamic world hard coding IP addresses, or even host names is not a viable solution.
This talk will take a journey through how Yelp has solved the discovery problems using Airbnb’s SmartStack to dynamically discover service dependencies, and how this is helping unify our architecture, from traditional metal to EC2 ‘immutable’ SOA images, to Docker containers.
This is a presentation I prepared for a local meetup. The audience is a mix of web designers and developers who have a wide range of development experience.
Building with Virtual Development EnvironmentsOscar Merida
Struggling with getting Apache, MySQL, PHP and everything else you need to start working on your next project? In this talk, we'll look at how to use Vagrant to setup a reusable development environment for Drupal. Vagrant automates setting it up so you can focus on getting work done, share identical environments with colleagues, and precisely match your local and production environments.
Building with Virtual Development EnvironmentsOscar Merida
Struggling with getting Apache, MySQL, PHP and everything else you need to start working on your next project? In this talk, we'll look at how to use Vagrant to setup a reusable development environment for Drupal. Vagrant automates setting it up so you can focus on getting work done, share identical environments with colleagues, and precisely match your local and production environments.
“Node's goal is to provide an easy way to build scalable Network programs”
Asynchronous i/o framework
Core in c++ on top of v8
Rest of it in javascript
Swiss army knife for network Related stuffs
Can handle thousands of Concurrent connections with Minimal overhead (cpu/memory) on a single process
It’s NOT a web framework, and it’s also NOT a language
• Created by Ryan Dahl in 2009
• Development && maintenance sponsored by Joyent
• License MIT
• Last release : 0.10.31
• Based on Google V8 Engine
• +99 000 packages
Its a presentation about node.js. Here I have covered the basic things of node.js. Like what is node.js how it can be used. and explanation about some node.js frameworks
Часто бывает так, что нужно делать фронтэнд когда бэкэнд еще не готов. В таком случае очень пригодится навык написания простенького сервера, который будет отвечать на запросы и возвращать JSON заготовки. Во время доклада Дмитрий Миндра делает такой REST сервер при помощи Node.js и показывает как им пользоваться. Также, Дмитрий рассказывает о технологиях, которые используются в SaaS проектах компании Oracle.
Building an ActionScript Game Server with over 15,000 Concurrent ConnectionsRenaun Erickson
Building a server to manage high concurrent connections is non-trival task. For those developers that use ActionScript 3 to build games on the client side it means having a totally different skillset. Being able to use ActionScript 3 on the server to build MMO’s or port client code to the server allows developers to leverage their skills on the server.
By walking through a live game example with more then 15,000 concurrent connections running on a medium Amazon EC2 server the presentation will:
1. Introduce Linux server configuration for high concurrent connected usage.
2. Introduce Socket class based on libev library for high concurrent connection.
3. Introduce leveraging Tamarin project for ActionScript 3 on the server.
How to create a OSGi Servlet that runs on a Domino server using code from another plugin. Extra is a web app servlet which runs on every other Java Server
This presentation provides a brief overview on becoming a member of the Node.js Foundation. For more information, visit https://nodejs.org/en/foundation/members/.
MEAN is an acronym representing a suite of opensource tech: MongoDB, Express, AngularJS, and Node.js.
In this presentation, Leila Adams, software developer at Aspenware, explores the MEAN stack from a .NET context for the Boulder Colorado .NET user group.
Participants learned how to play nice with Node.js without leaving the comfort of their Microsoft environment, how to get started creating a MEAN project and current web trends influencing the upcoming version of .NET.
Building a smarter application stack - service discovery and wiring for DockerTomas Doran
There are many advantages to a container based, microservices architecture - however, as always, there is no silver bullet. Any serious deployment will involve multiple host machines, and will have a pressing need to migrate containers between hosts at some point. In such a dynamic world hard coding IP addresses, or even host names is not a viable solution.
This talk will take a journey through how Yelp has solved the discovery problems using Airbnb’s SmartStack to dynamically discover service dependencies, and how this is helping unify our architecture, from traditional metal to EC2 ‘immutable’ SOA images, to Docker containers.
This is a presentation I prepared for a local meetup. The audience is a mix of web designers and developers who have a wide range of development experience.
Building with Virtual Development EnvironmentsOscar Merida
Struggling with getting Apache, MySQL, PHP and everything else you need to start working on your next project? In this talk, we'll look at how to use Vagrant to setup a reusable development environment for Drupal. Vagrant automates setting it up so you can focus on getting work done, share identical environments with colleagues, and precisely match your local and production environments.
Building with Virtual Development EnvironmentsOscar Merida
Struggling with getting Apache, MySQL, PHP and everything else you need to start working on your next project? In this talk, we'll look at how to use Vagrant to setup a reusable development environment for Drupal. Vagrant automates setting it up so you can focus on getting work done, share identical environments with colleagues, and precisely match your local and production environments.
“Node's goal is to provide an easy way to build scalable Network programs”
Asynchronous i/o framework
Core in c++ on top of v8
Rest of it in javascript
Swiss army knife for network Related stuffs
Can handle thousands of Concurrent connections with Minimal overhead (cpu/memory) on a single process
It’s NOT a web framework, and it’s also NOT a language
• Created by Ryan Dahl in 2009
• Development && maintenance sponsored by Joyent
• License MIT
• Last release : 0.10.31
• Based on Google V8 Engine
• +99 000 packages
Its a presentation about node.js. Here I have covered the basic things of node.js. Like what is node.js how it can be used. and explanation about some node.js frameworks
Часто бывает так, что нужно делать фронтэнд когда бэкэнд еще не готов. В таком случае очень пригодится навык написания простенького сервера, который будет отвечать на запросы и возвращать JSON заготовки. Во время доклада Дмитрий Миндра делает такой REST сервер при помощи Node.js и показывает как им пользоваться. Также, Дмитрий рассказывает о технологиях, которые используются в SaaS проектах компании Oracle.
Building an ActionScript Game Server with over 15,000 Concurrent ConnectionsRenaun Erickson
Building a server to manage high concurrent connections is non-trival task. For those developers that use ActionScript 3 to build games on the client side it means having a totally different skillset. Being able to use ActionScript 3 on the server to build MMO’s or port client code to the server allows developers to leverage their skills on the server.
By walking through a live game example with more then 15,000 concurrent connections running on a medium Amazon EC2 server the presentation will:
1. Introduce Linux server configuration for high concurrent connected usage.
2. Introduce Socket class based on libev library for high concurrent connection.
3. Introduce leveraging Tamarin project for ActionScript 3 on the server.
How to create a OSGi Servlet that runs on a Domino server using code from another plugin. Extra is a web app servlet which runs on every other Java Server
This presentation provides a brief overview on becoming a member of the Node.js Foundation. For more information, visit https://nodejs.org/en/foundation/members/.
MEAN is an acronym representing a suite of opensource tech: MongoDB, Express, AngularJS, and Node.js.
In this presentation, Leila Adams, software developer at Aspenware, explores the MEAN stack from a .NET context for the Boulder Colorado .NET user group.
Participants learned how to play nice with Node.js without leaving the comfort of their Microsoft environment, how to get started creating a MEAN project and current web trends influencing the upcoming version of .NET.
TypeScript 101. TypeScript is a tool that allows you to utilize object oriented programming techniques with your JavaScript code. With TypeScript you have the same sort of namespaces and classes that you use to build your business objects. TypeScript classes support both inheritance and interfaces. We’ll introduce you to these concepts and show you how to use TypeScript to manage and organize your JavaScript code.
This meetup will bring us back to basics with a bootstrapping session on building an all Javascript web application on a MEAN Stack:
• MongoDB - NoSQL DB
• ExpressJS - Server Application Framework
• AngularJS - Client Application Framework
• NodeJS - Application Platform
I'll cover the basics of getting bootstrapped with Node.js and building out a fully featured web application from backend-to-frontend. I'll highlight some of the advantages of an all javascript web application as well as show some development tips leveraging gruntJS based on Nate's presentation last meetup.
Introduction to Modern and Emerging Web TechnologiesSuresh Patidar
2017 is here and we are already a couple of days in!
A lot happened in the software development world in 2016. There were new releases of popular programming languages, new versions of important frameworks, and new tools. Let’s discuss some of the most important releases, and find out which skills you can learn that would be a great investment for your time in 2017!
We created a user-generated content tool called SUB to help a diverse group of teams create dynamic forms and curate responses at The Washington Post. SUB is built on the MEAN stack (MongoDB, ExpressJS, AngularJS, and NodeJS) and ElasticSearch. We will describe what our application is, the internal success it has helped us achieve, and what each layer of the stack does. Next, we will talk about using MongooseJS, how the MEAN stack works within our application, as well as how we wrote custom middleware for MongoDB and ElasticSearch. To wrap up the presentation, we’ll talk about our future with SUB, specifically modular development, our SaaS initiatives and how MongoDB lends itself to fully automated and quick environment set up.
Overview
For the past decade, Nicholas Felton has methodically captured and shared his life in a series of projects collectively known as the Feltron Annual Reports. These reports apply data visualization techniques to the age-old concerns of the journal and have contributed to the current field of lifelogging. In this talk, Nicholas will share his methods for data collection as well as his narrative and design concerns while creating his reports.
Objective
Accumulations is an introduction to the motivations and techniques behind the Feltron Annual Reports.
Target Audience
Designers. Anyone working with data or interested in storytelling.
Five Takeaways
The importance of data as a new design medium.
How to humanize statistics.
Successful strategies for collecting data.
Techniques for communicating a data set.
The sensitivity of meta-data.
How We Used To, How We Will
with Eric Socolofsky
Presented live at FITC Toronto 2015
More info at www.fitc.ca/toronto
OVERVIEW
The photo-sharing website Flickr has a ten-year history of trying out new things. From its origin as a feature spun off of a massively-multiplayer game, through the dark days of neglect, to its current reincarnation, many different people have advanced new ideas via many different paths.
Which roads are the smoothest and which are full of potholes? Which lead to the most interesting discoveries and which to the staid and expected? Are new ideas the sole province of product teams, or should engineers and designers participate in the process?
In his talk, Eric explores a brief history of Flickr’s long tenure on the Web, and provides a platform from which to examine these questions.
OBJECTIVE
Examine the sources of inspiration and innovation, and the paths from idea to execution.
TARGET AUDIENCE
People who make things, people who use web services, people with ideas for new products.
ASSUMED AUDIENCE KNOWLEDGE
Familiarity with web products and user experiences.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
How to make things with a team.
How to avoid, and avoid being consumed by, office politics.
How to be an engineer with design and product skills.
How to be a designer with engineering and product skills.
How to be a product person with design and engineering skills.
It’s the Experience That Makes the Product, Not the FeaturesFITC
It’s the Experience That Makes the Product, Not the Features
with Lee Dale
presented on March 07 2015
at FITC's Spotlight UX/UI
More info at www.fitc.ca
OVERVIEW
All too often, products are brought to market with a feature-first approach. A list of functions that are needed to meet business goals such as sign-ups or downloads, views or shares. There’s little thought that’s gone into who the user of the product will be, what their goals are, and what it will take to provide meaningful value to them.
We’ll look at what it means to bring a focused, valuable Minimum Viable Product (MVP) to market. An MVP that can help you learn how to better serve your users, and the business that’s footing the bill.
OBJECTIVE
To understand that no great product began with a list of features. It’s the experience that engages users and drives adoption, so it’s the experience that you need to focus on when bringing a product to market.
TARGET AUDIENCE
Product Owners, Developers, Founders, UX/UI Designers.
ASSUMED AUDIENCE KNOWLEDGE
This should be a great introduction for folks who are thinking of bringing a product to market or are working on a product which isn’t quite connecting with its intended audience.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Great digital products do just one thing really well.
They serve a target that can’t live without that one thing.
Features are a byproduct of the product experience—they don’t drive the experience.
You need to deliver a focused MVP to market.
Then learn from that MVP and continue to refine the experience for your users, and your business.
Upgrading the Web with Douglas Crockford @ FITC's Web Unleashed 2015FITC
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada
More info at www.fitc.ca/webu
Upgrading the Web
with Douglas Crockford
The web was originally imagined to be a simple distributed document retrieval system. It is now being used for applications that go far beyond the system’s original capabilities and intentions. We have found ways to make it work, but they are difficult and far too fragile. Many times companies have offered to replace the web with superior proprietary systems, but we rejected them. We have been adding features to the web, but this does little to correct the deep underlying deficiencies, increasing instead of reducing its complexity.
This talk suggests a way forward, taking inspiration from our successful transition from NTSC to HDTV. There is a way forward to a web that is safer, easier, and as good as we desire.
Presented by Jason White
Presented live at FITC Toronto 2015
More info at www.fitc.ca/toronto
OVERVIEW
Presenters tell you how to be successful with your career, but do they ever tell you how to fight your way through the competitive creative industry? Do they ever reveal the dirty, gritty sludge of the working world, from backstabbers to concept theft?
Jason White, Co-Founder and Executive Creative Director of Chicago-based studio Leviathan, exposes it all. In this unrehearsed, candid talk, Jason delivers an honest yet brutal account of real, personal stories from his 16 years in the creative industry, and he will empower you with the knowledge to not only thrive, but also succeed.
OBJECTIVE
To arm you with the confidence to get out there, fight back and come out on top
TARGET AUDIENCE
Anyone, especially students and entry-level professionals, looking to break in and flourish in the creative industry
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Surviving and succeeding in the creative industry
Rebounding from defeat and failures
Dealing with studio politics and standing your ground
Competing against larger studios and winning clients
Leveraging your performance to negotiate raises
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada
More info at www.fitc.ca/webu
Managing The Process
with Daniel Schutzsmith
OVERVIEW
Project management in a studio or agency seems to be a black art. Some do it well, others struggle. There are numerous methodologies and frameworks out there to manage your projects well, but what about just managing the entire process, from conception to execution? How do we document that process? Who does it? How often should it be updated?
In this session we’ll answer these questions and take a look at some tools that will help us manage the process, understand the importance of documentation, learn how to interact with clients and the team, and establish some really easy techniques that will make the whole thing run much smoother.
OBJECTIVE
Open the audiences eyes to following their own process that works best for their team.
TARGET AUDIENCE
Ideally a great session for freelancers, smallish studios, or teams at an agency.
ASSUMED AUDIENCE KNOWLEDGE
Have worked in a client – vendor relationship before. Familiar with the general process of a project.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
What tools will help us manage the process
How to interact with clients and the team
Discover the importance of documentation and how to do it successfully
Establish some really easy techniques that will make the whole thing run much smoother
Give the audience members a good direction to go in to simplify their own process
Building Apps with Ember
with Yehuda Katz
Presented on September 17 2014 at
FITC's Web Unleashed Toronto 2014 Conference
In this session, Yehuda will talk about some of the benefits of Ember and show you how to build an app using the latest Ember features and tools.
OBJECTIVE
To learn about the benefits of Ember and how Ember can help you build web applications.
TARGET AUDIENCE
Front end web developers with some experience using tools like Backbone, Angular, React or Ember.
ASSUMED AUDIENCE KNOWLEDGE
Knowledge of JavaScript and building UIs for the browser.
Functional Web Development – An Introduction to React.js
with Bertrand Karerangabo
Presented at FITC's Web Unleashed 2014 conference
on September 18 2014
More info at www.fitc.ca
React.js is a UI framework created by Facebook and Instagram. Its primary design goal is to help build large applications with data that changes over time. To do so at scale, conventional wisdom and some long-held assumptions about software development had to be challenged. Gone are the “M” and the “C” in MVC. Gone are templates and special HTML directives. Gone also are traditional data-bindings. The results are applications that are extremely fast and reliable, out of the box.
Bertrand Karerangabo will dive into those concepts that make React.js unique and along the way, also learn how to build web applications from simple, composable and reusable components.
OBJECTIVE
Rethink web development best practices and explore how you can build ambitious and performant application using functional programming with a virtual DOM representation.
TARGET AUDIENCE
Javascript developers working on medium to large dynamic applications.
ASSUMED AUDIENCE KNOWLEDGE
A solid understanding of Javascript and the DOM is strongly recommended.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
What React.js is and why it was built.
How to deal with the “evil” of mutable state in non-trivial applications.
A strategy for working around notoriously slow and expensive DOM operations.
The way to truly separate concerns, instead of just technologies, in an application.
The SEO, performance and usability benefits that come from using a client-side framework that plays nice with the server.
Hardware for a Soft World
with Stacey Mulcahy and David Sheinkopf
OVERVIEW
Two salty dogs of the hardware and software world duke it out and ask the questions that you would never dare to ask…but always wanted to know.
You should also come to see things done to hardware that deny general good sense.
Presented at FITC Toronto 2014 on April 27-29, 2014
More info at www.FITC.ca
Gamify Your Life – My Epic Quest of Awesome - Eric BoydFITC
Overview
Wouldn’t it be great if your real life was as compelling as the video games that you play? Several years ago Eric created a Dungeons & Dragons-type experience system for his life. He gains experience points for completing noteworthy projects and goals, and every so often he levels up! Originally the idea was that it would motivate him to complete more goals, but in practice Eric found that it was better as a record of his accomplishments – i.e. it’s backward looking.
So, this year he added a new piece to the quest, a “dashboard” inspired by games like Farmville and Tribez & Castlez. It’s a prominently-displayed set of goals, and his progress toward them that is updated at least weekly. Numbers keep him honest. Come learn about Eric’s epic quest of awesome, and get inspired to make your own!
Objective
Inspire other people to create their own epic quests of awesome, to live their lives like a hero in their own video game.
Target Audience
Geeks who wish their own lives were as compelling as the video games they play.
Assumed Audience Knowledge
Helpful to have exposure to role playing games like dungeons and dragons, or other games which use an experience-level-quest system.
Audience Members Will Learn
How to gamify your life to increase your productivity and feel more accomplished
Overview
By sharing client interaction and vulnerability, be privy to a tattooers questions, doubts, and candid commentary on the artistic process.
Topics include: vulnerability, design process and implementation, client translation, technology in an antiquated industry, including empathy and creating on a dimensional surface.
Five Things The Audience Will Learn
Maintaining some sort of artistic integrity
Translation: from client to final design
The benefits of empathy
Understanding your role in process.
Tattoo methodology
Node.js 101 with Rami Sayar
Presented on September 18 2014 at
FITC's Web Unleashed Toronto 2014 Conference
More info at www.fitc.ca
OVERVIEW
Node.js is a runtime environment and library for running JavaScript applications outside the browser. Node.js is mostly used to run real-time server applications and shines through its performance using non-blocking I/O and asynchronous events. This talk will introduce you to Node.js by showcasing the environment and its two most popular libraries: express and socket.io.
TARGET AUDIENCE
Beginner web developers
ASSUMED AUDIENCE KNOWLEDGE
Working knowledge of JavaScript and HTML5.
OBJECTIVE
Learn how to build a chat engine using Node.js and WebSockets.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Node.js environment and basics
Node Package Manager overview
Web Framework, express, basics
WebSockets and Socket.io basics
Building a chat engine using Node.js
An introduction into Node as a programming platform. This presentation introduces Node - its history, its architecture, the eco system of npm modules and tools and its place in the enterprise IT architecture and infrastructure. The Express framework is introduced, some core modules, the notion of asynchronous operations and the use of module async and of the ES6 Promises. Server Sent Events are introduced for a server to client push application. The interaction with MongoDB is demonstrated. The presentation contains many code samples. Note that the presentation is associated with sources and workshop materials in GitHub: https://github.com/lucasjellema/nodejs-introduction-workshop-may2017 .
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
Node.js: The What, The How and The When
with Richard Nieuwenhuis
My Node.js workshop from Sela's Developer Conference 2015.
In the Workshop we covered The basics Node.js api's and the express web application framework.
Node.js® is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
Introducing Node.js in an Oracle technology environment (including hands-on)Lucas Jellema
This presentation introduces Node.js in a few simple, straightforward steps. First, Node.js is presented as just JavaScript on the browser, then HTTP handling is discussed with core module http and subsequently using Express. Running Oracle JET from Node.js is explained. The implementation of APIs - REST services supporting various [operations on] resources is discussed. The single-thread nature of Node.js is presented, along with the essentials of asynchrous programming, working with callbacks and using the async module. The Node Oracle DB Database driver is introduced and demonstrated. Finally, further steps are suggested. This presentation is supported by a set of resources that constitute a three hour hands on session - sources are in GitHub https://github.com/lucasjellema/sig-nodejs-amis-2016.
Has the traditional intro to event looped servers (thanks Ryan!) with a couple of examples of why I think node.js is particularly exciting today. Code for the demos can be found at https://github.com/davidpadbury/node-intro.
Introduction to node js - From "hello world" to deploying on azureColin Mackay
Slide deck from my talk on Node.js.
More information is available here: http://colinmackay.scot/2014/11/29/dunddd-2014-introduction-to-node-jsfrom-hello-world-to-deploying-on-azure/
These are the slides to a talk I gave at Pittsburgh techFest 2012. The topic was an overview of the Node.js framework, and how you can use it to build amazing things.
* See more of my work at http://www.codehenge.net
Varun Vachhar
rangle.io
Overview
JavaScript frameworks allow us to build innovative and delightful experiences for our users. A common approach adopted with these modern tools is to combine all required JavaScript into one large bundle. Therefore, causing the loading performance to suffer. Especially on older devices or devices with low memory and processing power.
An alternative approach is to split your code into various smaller chunks which you can then be loaded on demand — allowing you to reduce the load time drastically.
In this session, Varun will demonstrate how you can adopt the practice of code-splitting when building applications with frameworks such as React and Vue.
Objective
Learn how to use code-splitting to improve the loading performance of Javascript heavy applications.
Target Audience
Front-end developers who build JavaScript heavy applications
Assumed Audience Knowledge
Basic understanding of web development and some familiarity with frameworks such as React, Angular or Vue.
Level
Intermediate
Five Things Audience Members Will Learn
What is code-splitting?
Different types of code-splitting
How to split a React or Vue application
How to “lazy-load” parts of the application
Removing duplicate code from chunksa
Presented at Web Unleashed 2019
More info at www.fitc.ca/webu
Andréa Crofts
League
Overview
Examining our responsibility as creators to design for disconnection.
The “restore connection” alert isn’t just for devices– it applies to people too. And it’s more important now than ever before.
Digital creators, we need to talk. The rise in mental health as a result of situational stress is a prevailing theme in today’s society, and some of the products we’re building are the root cause. But we have the power to change this. As creators of digital products, how might we enable our users to be more present in their lives? How might we invest in features like Instagram’s activity timer, despite the fact that they’re fundamentally counterintuitive to the usage metrics most behemoth tech companies are driving towards?
We have a responsibility as creators of digital products to enable others to disconnect …and re-connect with themselves, physically and mentally. This intersection is an emerging category Andrea likes to call digital health, and it’s something we can create together.
Objective
To share actionable strategies, principles and considerations for designing with digital health top of mind. Andrea will get into some #realtalk about how we can collectively create more balance and presence for the humans using our products.
Target Audience
Designers and digital creators of all kinds – especially those building digital products at scale!
Level
Open to audience members of any skill level (this is a more high-level talk)
Five Things Audience Members Will Learn
Tips and best-in-class examples of designing for digital health
Design guidelines and principles for designing with digital health in mind
Evidence-based practices to ground your future design decisions
Strategies for re-framing the success metrics of digital products
Design ethics resources
Presented at Web Unleashed 2019
More info at www.fitc.ca/webu
Luke DeWitt
REDspace
Overview
JavaScript’s popularity has exploded over the last decade, taking it from a laughable scripting language to one that powers much of the web today. Because it’s so flexible and so easy to learn, it’s extremely popular with new developers looking to cut their teeth in programming. However, these strengths are also weaknesses, as it’s incredibly easy to write bad JavaScript without even knowing it.
A lot of these newer developers jump from “Hello, World!”, to TodoMVC in order to find the library that makes their life easier. By doing this, they skip over some of the important details of not only how JavaScript works, but also how to optimize its performance to ensure the best user experience.
The Chrome profiler is a very handy tool that not a lot of developers have experience with. In this talk, we’ll take a beginner’s look at the profiler tool and examine how to use it to best improve your web application, and identify bottlenecks in your code without having to rely only on console.log statements.
Objective
To help developers understand how to better make use of the JavaScript profiler.
Target Audience
Any JavaScript developers
Assumed Audience Knowledge
Basic JavaScript
Level
Beginner / intermediate
Five Things Audience Members Will Learn
Javascript inner-workings
Profiling concepts
Identifying bottlenecks
Profiling node applications
Tooling
presented at Web Unleashed 2019
For more info see https://fitc.ca/event/webu19/
Kevin Daly RBC Ventures
Every developer has faced the difficult choice of deciding what tech stack they should use for a new project. Should you use the latest tech or something that everyone knows? Which framework is the best for your team? To survive your tech stack, developers must make trade-offs with developing on new tech stacks and the ability to maintain and scale their applications.
In this presentation, you’ll learn how to evaluate your tech stack and understand the pros and cons of using bleeding edge technology. Using his past experiences, Kevin will also share his lessons learned and how his team tackles managing their tech stack today.
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Bushra Mahmood
Unity Technologies
Overview
In this talk, Bushra Mahmood will explain how to articulate and pitch augmented reality as a viable medium to help solve problems. Learn about what makes an AR application come together on both mobile devices and headsets. Uncover different tools and methodologies for problem-solving and making a compelling story.
By properly understanding this technology and its parts, creatives can take an active role in shaping and defining this new space in computing.
Objective
Learn the tools and techniques required to pitch an augmented reality project.
Target Audience
Designers, product managers, product stakeholders.
Assumed Audience Knowledge
An understanding of product design and an awareness of AR
Five Things Audience Members Will Learn
The right language to use when explaining ‘spatial’ design
The different requirements and considerations for scoping an AR project
The tools that are currently available for AR authoring
Insights into what the near and far future will hold for this medium.
An example of an AR application pitch
Start by Understanding the Problem, Not by Delivering the AnswerFITC
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Karri Ojanen
RBC Royal Bank of Canada
Overview
Over the past number of years companies have adopted the idea of customer-centricity. People across functions can fluently talk about the importance of paying special attention to end-user needs and overall customer experience.
But innovation and forward-thinking ideas that connect both customer and business needs can’t simply be squeezed out of brainstorm sessions and sticky notes if the organization doesn’t learn how to effectively look outside of its own silos. In this session, Karri will show how to move from jumping to solutions to driving innovation by understanding the question first.
Target Audience
Designers, researchers, strategists, product managers, and technology leads
Three Things Audience Members Will Learn
Methodologies and tools to form insights out of a holistic understanding of customer challenges
How to synthesize data to form a vision of the better future
How to break the vision into manageable chunks that drive value for the business and the customer at every launch
Cocaine to Carrots: The Art of Telling Someone Else’s StoryFITC
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Alan Williams
Imaginary Forces
Overview
During dailies as an intern at Imaginary Forces, Alan’s director, Karin Fong, would follow her animation feedback with one of the scariest and empowering questions of his career, “what do you think?” Over the last eight years, Alan’s transition from technician to creative director came from a dramatic shift in how he approached and answered that question. By examining larger conceptual principles to practical application in commercial and tv/film design, such as HBO’s Vinyl and Netflix’s Anne with an E, he will share hard-learned lessons that can empower you, whether in Photoshop, behind a camera, or pitching to clients, in developing and selling your creative voice.
Target Audience
Visual communicators eager to become more evocative storytellers
Five Things Audience Members Will Learn
‘Method branding’ in a selfie culture
O.C.D. (observe, collect, dissect) & the imagination
The resuscitating power of rearrangement
Pertinence vs pipeline: the crippling cage of routine
Less pitching, more poetry
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Carl Sziebert
Google
Overview
Innovation is defined as the process of making an idea into a good or service that creates value by meeting a need or solving a problem at scale. This talk explores ways to find inspiration from everyday sources, invest in skills that foster collaboration, and identify opportunities for impact. While leveraging the core principles of and learnings from designing products for real people, Carl will examine a number methods for building creativity and innovation into our everyday work.
Target Audience
For individual contributors looking to cultivate opportunities for impact and find the right time, space, and tools to innovate in our everyday work.
Five Things Audience Members Will Learn
A bottom-up approach to framing innovation within your daily work
Identify and validate opportunities that make an impact
Prioritize, prototype, and build understanding of the problems you are solving
Collaborate locally and globally
Seek, give, and apply feedback often
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Chris Zacharias
imgix
Overview
The average website loads over 1.5MBs of content per page, making over 75 requests. Many popular websites are serving over 5MBs just to load their homepages. And these numbers represent measurements taken AFTER compression is applied. The full weight of many popular websites is pushing 20+ MBs these days. In an era where performance truly matters to the end user experience, web developers need techniques to help curtail this bloat in data down the wire.
No matter how well you optimize, there is no better way to than to delete things you do not need. How does one determine what is essential to the user experience and what is not? One answer Chris posits is to develop a hyper-lightweight version of your website which will provide critical insights into your specific performance priorities. This is a process that he has leveraged on many projects, in particular at YouTube to reduce the size of the video watch page from 1.5MBs to 100KBs. In this talk, Chris will take real-world web pages and show techniques for dramatically reducing their page weight and for identifying areas to optimize, while outlining the key steps to doing this well.
Objective
Learn a process for building a hyper-lightweight version of your website for establishing reasonable performance budgets, grounded in reality, to work from.
Target Audience
Web developers
Assumed Audience Knowledge
HTML, CSS, Javascript, some server-side awareness.
Level
Intermediate
Five Things Audience Members Will Learn
How to analyze a web page for performance issues
A holistic approach to deconstructing an existing website
A clear process for building a hyper-lightweight version of your website
Translating your findings into real performance priorities
Establishing a realistic performance budget
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Michael Fullman
VT Pro Design
Overview
An exploration of the process of creation. We live in a time where technology and inspiration are more readily available and accessible than ever before. That being said we also live in a time that mostly highlights the successes of projects and process. In this particular talk Michael wants to touch on the process of creation with technology at VT Pro, to further explore a full circle approach to inspiration and creation where often times our next project is inspired by something learned in the process of creating something else.
By exploring what went wrong and what went right in a number of different projects he’s created, Michael will touch on points where inspiration can be found in this world of seemingly endless technology; the importance of collaboration; what can be learned from the moments that don’t necessarily go as planned; and how often projects come close to failure than the audience ever knows. Lastly he wants to touch on the process of finding personal inspiration to inspire an audience, and the momentum to push further that comes from their energy.
Objective
Things often don’t go as planned, but often that’s the fun part.
Target Audience
Creative technologists and experience designers
Five Things Audience Members Will Learn
Collaborative process
Giving personality to a piece of technology
How to learn from the unexpected
We all start somewhere (the journey is just as important as the destination)
Everything is possible now
Post-Earth Visions: Designing for Space and the Future HumanFITC
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Sands Fish
MIT Media Lab
Overview
Today, the environments that humans occupy in space are designed for survival. Humans are carefully shuttled to and from space, and during their relatively short stays, they are provided with minimum supplies to remain alive and able to perform experiments. As we begin to plan less for short visits and more for life in space (such as a six to eight month trip to Mars and beyond) the question becomes: What does human culture look like in space?
This talk will explore how human culture, design, and creativity might evolve as we begin to live in space, and the unique environmental conditions that might guide us in certain directions, just as the environment on Earth has. It will discuss space tourism, living in zero gravity, and some experiments in art and design that hint at future aesthetics.
Objective
Convey what opportunities exist at the outset of a more democratized New Space age, and call out the aesthetics, ethics, and cultural frontiers we find ourselves faced with at the end of the second decade of this century.
Target Audience
Those interested in the future of human life in space
Five Things Audience Members Will Learn
The history of human culture in space
Unique design constraints and considerations when designing for zero gravity
The experience of flying in a zero-g flight
The aesthetics at play in human spacefaring — (what has been)
New forms, new materials, new ideas — (what might be)
The Rise of the Creative Social Influencer (and How to Become One)FITC
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Lindsay Munro
Adobe XD
Overview
Your social network could be more valuable than the work you’re doing today, because it could (and should) lead to the opportunities you get tomorrow. Your next post could result in your next recommendation, job, collaboration, exhibit, and next level experience.
In this session, you’ll learn how to hone and build your online social media presence to attract brands and engage in the modern-day endorsement deal. Get a behind-the-scenes perspective on the things brands look for in creative profiles and the rules of engagement.
Objective
Teach the ins and outs of what it means to be a creative social influencer.
Target Audience
Creatives looking to up level their social media presence and strike brand partnerships.
Things Audience Members Will Learn
How to set yourself up for “success” on social media
The importance of working with the right brands
Figuring out compensation and negotiating contracts
The ins and outs of disclosure and liability
How to not mess it up
Presented at FITC Toronto 2019
More info at www.fitc.ca/toronto
Amelie Rosser
Jam3
Overview
For the past two years Jam3 worked alongside Joy Kogawa and the NFB to create East of the Rockies, an augmented reality storytelling experience.
East of the Rockies is the first interactive AR game of its kind. The story takes users through a piece of Canadian history where Japanese Canadians were forced to leave their homes and live at internment camps during WWII.
This talk will cover the creation of the game: from concept and storyboarding, to the development process in Unity and various challenges and questions to consider from a creator’s perspective.
Objective
To let the audience in on the behind the scenes of developing an AR experience like East of the Rockies.
Target Audience
For those interested in Augmented Reality storytelling and game development.
Five Things Audience Members Will Learn
AR techniques using Unity
Storytelling in AR
Prototyping interactions in AR
Game state management using Unidux
Game optimization techniques in Unity
The Knowledge Society: Three Talks About the Future
Futurism Innovation Science
Isabella Grandic
The Knowledge Society
Overview
Join three incredible, young, and brilliant minds as they present their findings on topics that we’ll all have to deal with in the not so distant future. This series of talks will explore how exponential technologies like synthetic farming, nanotechnology, and quantum computing can be used to solve some of the world’s most difficult problems.
The speakers are all students of The Knowledge Society (TKS), a human accelerator for high school students designed to help them impact billions. TKS encourages students to take risks and think big.
Ayaan Esmail‘s talk will cover creating a proactive healthcare system
World Transformation: The Secret Agenda of Product DesignFITC
R.C. Woodmass
Crescendo
Overview
The reports are in: how we relate to technology directly affects how we relate to other humans, to our environments, and to ourselves. Are we headed for a technological dystopia, where robots are in charge and empathy is just a word for the history books? Not necessarily! Learn how the interfaces we interact with can teach us how to be better communicators, increase our understanding of each other, and how product design might be the key to building a positive future for all.
Objective
Directly address fear and skepticism about technology, inspiring all who design and build tech to think more empathetically when building UX and UI.
Target Audience
Product designers, HR specialists, and anyone skeptical about technology
Three Things Audience Members Will Learn
How to create user interfaces that are flexible enough to include everyone, even if they can’t keep up with all the different identities and new labels that people are using
What is conversation design, and how it has the power to teach people how to communicate
How AI has the potential to be more inclusive than previous data analysis systems, if we leverage its weaknesses to the human advantage
Matt Swoboda
Notch
Overview
The adoption of real-time technologies and workflows for content creation is a seismic shift in the world of video/graphics. It has a fundamental effect on not just on render times but on the entire creative process. In this session hear from someone who has been using realtime graphics for creative work for almost 20 years, and his experiences in applying it to productions such as the Ed Sheeran world tour and Cirque du Soleil.
Objective
Give the audience an overview of what really is capable in a real-time workflow today, and where things are headed.
Target Audience
Anyone who wants to take confident steps in the direction of real-time motion graphics, especially within the live, installation and AR fields.
Five Things Audience Members Will Learn
How does real-time change the creative and production process
Limitations – where does it work, where doesn’t it make sense
What real-time graphics are capable of today
What happens on a rock’n’roll tour bus
What DOESN’T happen on a rock’n’roll tour bus
Hasan Ahmad
Aquent DEV6
Overview
PWAs are a newly emerging delivery format for web, desktop apps. The fact that they can be installed on a client device and behave like natively installed apps means that special care should be taken when designing and building these types of apps, above and beyond a typical browser-only web application. One of the most important (potential) differentiators in the user experience of a PWA app vs a traditional web app is the ability to provide a high-performance UI because of their ability to do things like cache resources offline, including entire pieces of Web UI code, and the use of background services. In this talk we are going to do an exhaustive overview of the entire landscape of building PWAs from a performance-first perspective.
Target Audience
Web development teams
Assumed Audience Knowledge
Web Development fundamentals
Objective
Large enterprise applications
Five Things Audience Members Will Learn
Why PWA’s require performance engineering
What tools are available to measure performance metrics
Offline caching strategies
Host device considerations: desktop and mobile
Taking advantage of background code: Service Workers
Bhavana Srinivas
Netlify
Overview
A new web stack has emerged. A stack powered by modern browsers, API economy and Git based workflows. A stack that is not tied to specific technologies. A stack that takes into account both developer experience while building the application, and user experience when interacting with the application. A stack that delivers better performance, higher security, and lower cost of scaling for web applications.
In this talk, Bhavana will dive more into the architecture and best practices for building performant web applications using the JAMstack
Objective
Educate the audience about the JAMstack and why it powers performant sites
Target Audience
Web stakeholders who want fast, secure and performant websites
Assumed Audience Knowledge
Built a website/interacted with sites
Five Things Audience Members Will Learn
What is the JAMstack
The ecosystem around the JAMstack
How to improve the performance of your site built on the JAMstack
Example sites built on this architecture
Resources and best practices
From Closed to Open: A Journey of Self DiscoveryFITC
Midge “Mantissa” Sinnaeve
Mantissa
Overview
Midge will be speaking about his experience of switching to open source applications for his freelance work. From ditching expensive software subscriptions to going down the linux rabbit hole, he’ll take you along for the ride and show you some cool stuff along the way.
It’s an in-depth look at what happens when your digital tools become an extension of yourself and how that can in turn inspire you to get better as an artist and find your style.
Objective
Taking a critical look at how you work and why.
Target Audience
(Motion) designers, 3D & VFX artists
Four Things Audience Members Will Learn
Open Source Design Tools
Self-criticism
Inspiration
Letting go
Studio Macouno has been realizing post industrial projects for two decades. Though they’re very busy doing things like creating generative shavers for Philips and designing life size 3D printed petition elephants, those are but a fraction of what they would like to do.
In this talk Dolf will explore the projects they just don’t have time for. The things the studio would love to do but can’t do on it’s own. The things that are way out there… Those that don’t seem possible, or are just too much work. The dreams that they think are a bit too much, but they just might do anyway.
Objective
Finding, funding and founding cooperatives for creative futurist projects.
Target Audience
People interested in making things today that seem ideas for tomorrow.
Five Things Audience Members Will Learn
Some about generative design
3d printing
Art
Running projects
And making things happen
1.Wireless Communication System_Wireless communication is a broad term that i...JeyaPerumal1
Wireless communication involves the transmission of information over a distance without the help of wires, cables or any other forms of electrical conductors.
Wireless communication is a broad term that incorporates all procedures and forms of connecting and communicating between two or more devices using a wireless signal through wireless communication technologies and devices.
Features of Wireless Communication
The evolution of wireless technology has brought many advancements with its effective features.
The transmitted distance can be anywhere between a few meters (for example, a television's remote control) and thousands of kilometers (for example, radio communication).
Wireless communication can be used for cellular telephony, wireless access to the internet, wireless home networking, and so on.
ER(Entity Relationship) Diagram for online shopping - TAEHimani415946
https://bit.ly/3KACoyV
The ER diagram for the project is the foundation for the building of the database of the project. The properties, datatypes, and attributes are defined by the ER diagram.
This 7-second Brain Wave Ritual Attracts Money To You.!nirahealhty
Discover the power of a simple 7-second brain wave ritual that can attract wealth and abundance into your life. By tapping into specific brain frequencies, this technique helps you manifest financial success effortlessly. Ready to transform your financial future? Try this powerful ritual and start attracting money today!
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesSanjeev Rampal
Talk presented at Kubernetes Community Day, New York, May 2024.
Technical summary of Multi-Cluster Kubernetes Networking architectures with focus on 4 key topics.
1) Key patterns for Multi-cluster architectures
2) Architectural comparison of several OSS/ CNCF projects to address these patterns
3) Evolution trends for the APIs of these projects
4) Some design recommendations & guidelines for adopting/ deploying these solutions.
10. •It was created by Ryan Dahl in 2009.
•Still considered in beta phase.
•Latest version is v0.10.31.
•Open-source!
•Supports Windows, Linux, Mac OSX
11. Node.js is a runtime environment and library for running JavaScript applications outside the browser.
Node.js is mostly used to run real-time server applications and shines through its performance using non-blocking I/O and asynchronous events.
12. •Node is great for streaming or event-based real-time applications like:
•Chat Applications
•Dashboards
•Game Servers
•Ad Servers
•Streaming Servers
•Online games, collaboration tools or anything meant to be real-time.
•Node is great for when you need high levels of concurrency but little dedicated CPU time.
•Great for writing JavaScript code everywhere!
14. •Five years after its debut, Node is the third most popular project onGitHub.
•Over 2 million downloads per month.
•Over 20 million downloads of v0.10x.
•Over 81,000 modules onnpm.
•Over 475meetupsworldwide talking about Node.
Reference: http://strongloop.com/node-js/infographic/
18. “A programming paradigm in which the flow of the program is determined by events such as user actions (mouse clicks, key presses) or messages from other programs.” –Wikipedia
19. •Node provides the event loop as part of the language.
•With Node, there is no call to start the loop.
•The loop starts and doesn’t end until the last callback is complete.
•Event loop is run under a single thread therefore sleep() makes everything halt.
22. •Event loops result in callback-style programming where you break apart a program into its underlying data flow.
•In other words, you end up splitting your program into smaller and smaller chunks until each chuck is mapped to operation with data.
•Why? So that you don’t freeze the event loop on long-running operations (such as disk or network I/O).
24. •A function will return a promise for an object in the future.
•Promises can be chained together.
•Simplify programming of asyncsystems.
Read More: http://spin.atomicobject.com/2012/03/14/nodejs- and-asynchronous-programming-with-promises/
26. •James Coglan–“Callbacks are imperative, promises are functional: Node’s biggest missed opportunity”
•https://blog.jcoglan.com/2013/03/30/callbacks-are- imperative-promises-are-functional-nodes-biggest- missed-opportunity/
27.
28. •Allows you to listen for “events” and assign functions to run when events occur.
•Each emitter can emit different types of events.
•The “error” event is special.
•Read More: http://code.tutsplus.com/tutorials/using-nodes- event-module--net-35941
29. •Streams represent data streams such as I/O.
•Streams can be piped together like in Unix.
varfs=require("fs");
//ReadFile
fs.createReadStream("package.json")
//WriteFile
.pipe(fs.createWriteStream("out.json"));
30. •Node.js has a simple module and dependencies loading system.
•Unix philosophy -> Node philosophy
•Write programs that do one thing and do it well-> Write modules that do one thing and do it well.
31. •Call the function “require” with the path of the file or directory containing the module you would like to load.
•Returns a variable containing all the exported functions.
varfs=require("fs");
32. •Official package manager for Node.
•Bundled and installed automatically with the environment.
Frequent Usage:
•npminstall --save package_name
•npmupdate
34. Most Depended Upon
•7053underscore
•6458async
•5591request
•4931lodash
•3630commander
•3543express
•2708optimist
•2634coffee-script
https://www.npmjs.org/
35. •Reads package.json
•Installs the dependencies in the local node_modulesfolder
•In global mode, it makes a node module accessible to all.
•Can install from a folder, tarball, web, etc…
•Can specify devor optional dependencies.
36. Asyncis a utility module which provides straight-forward, powerful functions for working with asynchronous JavaScript.
async.map(['file1','file2','file3'],fs.stat,function(err,results){
//resultsisnowanarrayofstatsforeachfile
});
async.filter(['file1','file2','file3'],fs.exists,function(results){
//resultsnowequalsanarrayoftheexistingfiles
});
async.parallel([
function(){},
function(){}
],callback);
async.series([
function(){},
function(){}
]);
37. Request is designed to be the simplest way possible to make http calls. It supports HTTPS, streaming and follows redirects by default.
varrequest=require('request'); request('http://www.microsoft.com',function(error,response,body){
if(!error&&response.statusCode==200){
console.log(body);
}
});
38. •Socket.IO enables real-time bidirectional event-based communication using WebSockets.
•Requires HTTP module.
•Can broadcast to other sockets.
39. •Express is a minimal, open source and flexible node.js web app framework designed to make developing websites, web apps and APIs much easier.
•Express helps you respond to requests with route support so that you may write responses to specific URLs. Express allows you to support multiple templatingengines to simplify generating HTML.