Presented at FITC Toronto 2016
See details at www.fitc.ca
AngularJS was originally created in 2009 as an end-to-end solution for web designers wanting to build simple web apps. Over the last 6 years it has evolved into a component based MVC framework targeted at JavaScript developers. To maintain backward compatibility, Angular has had to hold onto many deprecated concepts. This has caused some of Angular’s APIs to be complex and easy to misuse. Angular 2 is a complete rewrite of Angular 1 which eliminates the outdated concepts and takes full advantage of modern web standards like ES6, TypeScript, and Web Components.
In this session you’ll learn which Angular 1 features to avoid and how to write an Angular 1 app that will be easy to migrate into Angular 2. We’ll go through the process of refactoring an Angular 1 app to prep it for migration. Then Rob will demonstrate how to incrementally migrate to Angular 2. You’ll come away from this session with a better understanding of what Angular 2 has to offer and how to start taking advantage of it.
Objective
To make the migration from Angular 1 to Angular 2 as painless as possible
Target Audience
Anyone using Angular 1 or interested in learning Angular 2.
Assumed Audience Knowledge
Some experience with JavaScript and Angular 1
Five Things Audience Members Will Learn
How to write an Angular 1 app that will be easy to migrate
Using TypeScript, ES6 modules, and the component router with Angular 1
The benefits of Angular 2
How to run Angular 1 and 2 in the same app
How to migrate an Angular 1 app to Angular 2
Migrating an application from Angular 1 to Angular 2 Ross Dederer
Learn how to make the jump to Angular 2 with Wijmo’s JavaScript UI controls!
With the recent release of the Angular 2 Beta, you’re probably asking if it’s worth it to make the jump from Angular 1. During this talk, we’ll share some tips and tricks on migration, as well as concepts that we learned along the way when migrating from Angular 1 to Angular 2. Wijmo has been developing controls in Angular 1 for quite some time now, and migrating our controls to the new Angular 2 beta was a pretty straightforward process.
You’ll learn:
Introduction to TypeScript and Angular 2.0 beta
The process of converting a Microsoft MVVM-featured application (the Microsoft DataServices QuickStart sample) from Angular 1.x to Angular 2.0, including:
How to convert business logic from JavaScript to the more C#-like TypeScript language
About the component and companion template role syntax using plain HTML and Wijmo controls (including Angular 2 FlexGrid and Input controls)
Additional tips and tricks to enhance your experience in Visual Studio
Building Universal Applications with Angular 2Minko Gechev
Angular is one of the most popular frameworks for the development of Single-Page Applications (SPA). Recently Google announced its second major version, which brings some brand new ideas and improvements. For instance, Angular 2 is written in TypeScript, has much faster change detection and allows development of universal (isomorphic) applications.
In this talk we're going to introduce the motivation behind the new design decisions and the improvements in Angular 2. We'll take a look at the building blocks the framework provides for the development of professional single-page applications.
This presentation is dedicated to studying the fundamentals of Angular 2.
To follow along with the presentation, watch this 3-part YouTube Series here: http://bit.ly/2mnLZNz
You can also download Traversy's Spotify App here: http://bit.ly/2m1TxI3
Over the past two years I have been working at Malmberg to build an amazing new platform. In this presentation I would like to share the lessons we learned using Angular.
"Angular 2 : le réveil de la force" est un talk co-présenté par Grégory HOULLIER et Nicolas PENNEC, lors du BreizhCamp 2015 à Rennes (France).
Cette présentation a pour but de faire le point sur les nouveautés du framework AngularJS 2.
http://www.breizhcamp.org/
FITC events. For digital creators.
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
Getting Started with Angular 2
with Rob McDiarmid
OVERVIEW
Angular 2 is a powerful framework that lets you create fast and scalable web apps with clean and readable code. With the lessons learned from previous web frameworks and the advantages of modern web technologies, the Angular team has created a framework that will push the limits of what SPAs are capable of.
In this session we’ll go through building an Angular 2.0 app from the ground up. In the process, you will learn how it handles core concepts like components, templates, services, and routing. You’ll also see how angular takes advantage of ES6 modules, Web Components, and TypeScript. By the end of the session, you’ll have a good understanding of why you might want to use Angular 2 for your next project and how to get started.
OBJECTIVE
Demonstrate what Angular 2 has to offer and reduce the barrier to entry.
TARGET AUDIENCE
Web Developers interested in learning Angular 2.
ASSUMED AUDIENCE KNOWLEDGE
Intermediate experience with JavaScript.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
1. Core concepts of the Angular 2 framework
2. How to use ES6 modules
3. The benefits of TypeScript annotations
4. How to setup an Angular 2 project from scratch
5. The ecosystem of tools that Angular 2 apps will be built on
Migrating an application from Angular 1 to Angular 2 Ross Dederer
Learn how to make the jump to Angular 2 with Wijmo’s JavaScript UI controls!
With the recent release of the Angular 2 Beta, you’re probably asking if it’s worth it to make the jump from Angular 1. During this talk, we’ll share some tips and tricks on migration, as well as concepts that we learned along the way when migrating from Angular 1 to Angular 2. Wijmo has been developing controls in Angular 1 for quite some time now, and migrating our controls to the new Angular 2 beta was a pretty straightforward process.
You’ll learn:
Introduction to TypeScript and Angular 2.0 beta
The process of converting a Microsoft MVVM-featured application (the Microsoft DataServices QuickStart sample) from Angular 1.x to Angular 2.0, including:
How to convert business logic from JavaScript to the more C#-like TypeScript language
About the component and companion template role syntax using plain HTML and Wijmo controls (including Angular 2 FlexGrid and Input controls)
Additional tips and tricks to enhance your experience in Visual Studio
Building Universal Applications with Angular 2Minko Gechev
Angular is one of the most popular frameworks for the development of Single-Page Applications (SPA). Recently Google announced its second major version, which brings some brand new ideas and improvements. For instance, Angular 2 is written in TypeScript, has much faster change detection and allows development of universal (isomorphic) applications.
In this talk we're going to introduce the motivation behind the new design decisions and the improvements in Angular 2. We'll take a look at the building blocks the framework provides for the development of professional single-page applications.
This presentation is dedicated to studying the fundamentals of Angular 2.
To follow along with the presentation, watch this 3-part YouTube Series here: http://bit.ly/2mnLZNz
You can also download Traversy's Spotify App here: http://bit.ly/2m1TxI3
Over the past two years I have been working at Malmberg to build an amazing new platform. In this presentation I would like to share the lessons we learned using Angular.
"Angular 2 : le réveil de la force" est un talk co-présenté par Grégory HOULLIER et Nicolas PENNEC, lors du BreizhCamp 2015 à Rennes (France).
Cette présentation a pour but de faire le point sur les nouveautés du framework AngularJS 2.
http://www.breizhcamp.org/
FITC events. For digital creators.
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
Getting Started with Angular 2
with Rob McDiarmid
OVERVIEW
Angular 2 is a powerful framework that lets you create fast and scalable web apps with clean and readable code. With the lessons learned from previous web frameworks and the advantages of modern web technologies, the Angular team has created a framework that will push the limits of what SPAs are capable of.
In this session we’ll go through building an Angular 2.0 app from the ground up. In the process, you will learn how it handles core concepts like components, templates, services, and routing. You’ll also see how angular takes advantage of ES6 modules, Web Components, and TypeScript. By the end of the session, you’ll have a good understanding of why you might want to use Angular 2 for your next project and how to get started.
OBJECTIVE
Demonstrate what Angular 2 has to offer and reduce the barrier to entry.
TARGET AUDIENCE
Web Developers interested in learning Angular 2.
ASSUMED AUDIENCE KNOWLEDGE
Intermediate experience with JavaScript.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
1. Core concepts of the Angular 2 framework
2. How to use ES6 modules
3. The benefits of TypeScript annotations
4. How to setup an Angular 2 project from scratch
5. The ecosystem of tools that Angular 2 apps will be built on
Migrating an Application from Angular 1 to Angular 2 Ross Dederer
Migrating Angular 1 to Angular 2: I can summarize my experience in migration in one phrase: Angular 1 and Angular 2 are very different. To help navigate through these differences, I have chosen an existing Angular 1 application and ported it over to Angular 2. This is not any old existing application but an application that has been around for almost a decade originally developed my Microsoft in Silverlight.
I will walk you through the steps of migration as well as sharing insights and problems I faced along the way. Additionally, with Google recommending developers use TypeScript, I will walk you through core concepts such as type safety, encapsulation, and MVVM development patterns. You will find side by side code comparisons for each topic.
About me : As a Developer Relations Engineer at ComponentOne, a division of GrapeCity, Ross Dederer has spent his entire professional life helping others navigate the complex technology environment. Ross works closely with clients and developer teams to provide solutions that impact software development experiences. Traveling to code camps, conferences and meeting with corporate clients, Ross is able to pursue his passion of helping the community grow.
Slide deck presented during my session on "Introduction to Angular 2" at UNICOM DevCon 2016 conference on Thursday, Dec 1, 2016. The conference was at Mövenpick Hotel & Spa, Bengaluru.
The evolution of Angular 2 @ AngularJS Munich Meetup #5Johannes Weber
The evolution of Angular 2
Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it's time to use the new possibilities. That's how Angular 2 started. It's not just a major update. It's a whole rewrite!
The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state.
It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier.
Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing
Introduction to Angular for .NET DevelopersLaurent Duveau
Technical presentation given by Laurent Duveau at the Ottawa IT Community meetup on January 10, 2017.
https://www.meetup.com/ottawaitcommunity/events/235519260/
AngularJS 1.3 is by far the best version of Angular available today. It was just released a few weeks ago. It's chock full of bug fixes, feature enhancements and performance improvements.
YouTube link: - https://youtu.be/bghVyCbxj6g
What is the difference between Angular 1 and Angular 2.
Content:
Where Angular 1.x is going?
Angular 2 - motivations and themes
Open-source culture in Angular team
"Angular 2: core concepts" by Fabio Biondi, Matteo Ronchi.
Angular 2 risolve problematiche e lacune della precedente versione, prestando particolare attenzione alle performance, al supporto mobile e alla qualità e leggibilità del codice prodotto. In questo talk verranno illustrate le funzionalità più significative tra cui: - nuova architettura totalmente orientata ai componenti - rimozione di $scope e del dirty checking ($digest) - adozione di un flow unidirezionale - utilizzo di Typescript, ES6 o ES5 - completa rivisitazione del motore di Dependency Injection - nuove procedure per il bootstrap dell’applicazione.
My adventures with Angular2 from first install (BETA.3) to the official release. What made us decide to pick Angular 2 since its beta phase, why we didn't stop when we saw that it wasn't quite ok to work with beta versions, how we managed to keep our up up to date with version updates (sometimes even twice a week), how we rewrote our application several times and how we found solutions to most problems.
Slides from my latest talk (and videos) about Angular dependency
injection, You can find related videos here: https://www.youtube.com/playlist?list=PLfZsWIHsTcftJl7WlidsXSBAHBXQBR4j2
Report of the Ng-Conf 2015 about AngularJS 2.
Slides presented at the RennesJS (Rennes Javascript User Group, France) on March 26, 2015.
http://www.meetup.com/fr/RennesJS/
https://twitter.com/rennesjs
http://www.ng-conf.org/
Building scalable modular app with Angular2 conceptkzw
Scalability is one of the most important concept in software development for ease of maintenance and reducing development cost. With angular2 modular approach, we can apply scalability on project size.
This presentation talks about What is Migration, What are the indicators that tell you that you need migration, the pressing reason for migration, how do you plan and execute your migration.
Good To Great Business Process Change That WorksJeffrey Barnes
Most companies want to go from good to great, which may be why a new Gartner survey reports that BPI is the top priority for IT Executives in 2009. Each of these initiatives will require investment in organizational change. Gartner, as well as other business analysts, also reports that for the past 20 years, 85% of all change initiatives fail to yield a return on investment. These odds are simply no longer tolerable. Learn how the revolutionary new "Science of Change" is helping IT executives beat these odds by making strategic changes happen reliably -- on time and on budget. It concludes with five secrets from science that you can use to change your organization on-demand in 2009.
Migrating an Application from Angular 1 to Angular 2 Ross Dederer
Migrating Angular 1 to Angular 2: I can summarize my experience in migration in one phrase: Angular 1 and Angular 2 are very different. To help navigate through these differences, I have chosen an existing Angular 1 application and ported it over to Angular 2. This is not any old existing application but an application that has been around for almost a decade originally developed my Microsoft in Silverlight.
I will walk you through the steps of migration as well as sharing insights and problems I faced along the way. Additionally, with Google recommending developers use TypeScript, I will walk you through core concepts such as type safety, encapsulation, and MVVM development patterns. You will find side by side code comparisons for each topic.
About me : As a Developer Relations Engineer at ComponentOne, a division of GrapeCity, Ross Dederer has spent his entire professional life helping others navigate the complex technology environment. Ross works closely with clients and developer teams to provide solutions that impact software development experiences. Traveling to code camps, conferences and meeting with corporate clients, Ross is able to pursue his passion of helping the community grow.
Slide deck presented during my session on "Introduction to Angular 2" at UNICOM DevCon 2016 conference on Thursday, Dec 1, 2016. The conference was at Mövenpick Hotel & Spa, Bengaluru.
The evolution of Angular 2 @ AngularJS Munich Meetup #5Johannes Weber
The evolution of Angular 2
Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it's time to use the new possibilities. That's how Angular 2 started. It's not just a major update. It's a whole rewrite!
The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state.
It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier.
Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing
Introduction to Angular for .NET DevelopersLaurent Duveau
Technical presentation given by Laurent Duveau at the Ottawa IT Community meetup on January 10, 2017.
https://www.meetup.com/ottawaitcommunity/events/235519260/
AngularJS 1.3 is by far the best version of Angular available today. It was just released a few weeks ago. It's chock full of bug fixes, feature enhancements and performance improvements.
YouTube link: - https://youtu.be/bghVyCbxj6g
What is the difference between Angular 1 and Angular 2.
Content:
Where Angular 1.x is going?
Angular 2 - motivations and themes
Open-source culture in Angular team
"Angular 2: core concepts" by Fabio Biondi, Matteo Ronchi.
Angular 2 risolve problematiche e lacune della precedente versione, prestando particolare attenzione alle performance, al supporto mobile e alla qualità e leggibilità del codice prodotto. In questo talk verranno illustrate le funzionalità più significative tra cui: - nuova architettura totalmente orientata ai componenti - rimozione di $scope e del dirty checking ($digest) - adozione di un flow unidirezionale - utilizzo di Typescript, ES6 o ES5 - completa rivisitazione del motore di Dependency Injection - nuove procedure per il bootstrap dell’applicazione.
My adventures with Angular2 from first install (BETA.3) to the official release. What made us decide to pick Angular 2 since its beta phase, why we didn't stop when we saw that it wasn't quite ok to work with beta versions, how we managed to keep our up up to date with version updates (sometimes even twice a week), how we rewrote our application several times and how we found solutions to most problems.
Slides from my latest talk (and videos) about Angular dependency
injection, You can find related videos here: https://www.youtube.com/playlist?list=PLfZsWIHsTcftJl7WlidsXSBAHBXQBR4j2
Report of the Ng-Conf 2015 about AngularJS 2.
Slides presented at the RennesJS (Rennes Javascript User Group, France) on March 26, 2015.
http://www.meetup.com/fr/RennesJS/
https://twitter.com/rennesjs
http://www.ng-conf.org/
Building scalable modular app with Angular2 conceptkzw
Scalability is one of the most important concept in software development for ease of maintenance and reducing development cost. With angular2 modular approach, we can apply scalability on project size.
This presentation talks about What is Migration, What are the indicators that tell you that you need migration, the pressing reason for migration, how do you plan and execute your migration.
Good To Great Business Process Change That WorksJeffrey Barnes
Most companies want to go from good to great, which may be why a new Gartner survey reports that BPI is the top priority for IT Executives in 2009. Each of these initiatives will require investment in organizational change. Gartner, as well as other business analysts, also reports that for the past 20 years, 85% of all change initiatives fail to yield a return on investment. These odds are simply no longer tolerable. Learn how the revolutionary new "Science of Change" is helping IT executives beat these odds by making strategic changes happen reliably -- on time and on budget. It concludes with five secrets from science that you can use to change your organization on-demand in 2009.
"If I hear one more 'we need to be more like Google' I might scream!" Typically, this means people want more creativity and innovation. But in a world where stakeholders are talking solutions and requirements, how do you get them to reframe their thinking to focus on problems and opportunities? How can creative thinking help people manage change and uncertainty? Championing the need for creativity – even in the most unlikely of places – this talk will give insight into the power that can be found in looking at things just a little bit differently.
Managing Responsive Design Projects
with Andrew Smyk
Presented on September 18 2014 at
FITC's Web Unleashed Toronto 2014 Conference
Please join Andrew Smyk in this session to learn and discuss how to:
Manage client expectations and get sign off for multi-screen, responsive projects with interactive mock-ups.
Move away from the traditional use of Photoshop for interface mock-ups for multi-device interface and interaction designs.
Incorporate client involvement for flexible decision making in responsive web design projects and building cost of devices into pricing models, guerrilla usability testing and project deliverables.
OBJECTIVE
Learn why you should be designing at the very end in the desired devices.
TARGET AUDIENCE
This session is for freelancers, account managers, project managers or anyone who produces deliverables for clients.
ASSUMED AUDIENCE KNOWLEDGE
Attendees should have a working knowledge of project workflows and deliverables.
AUDIENCE MEMBERS WILL LEARN
Wire-framing in the browser
Moving away from Photoshop mock-ups
Flexible decision making using dynamic mock-ups
Guerilla user testing
Building a device lab and device testing
Exposure to new tool sets
Design that’s easy on the brain
with Ryan Coleman
Presented on March 07 2015
at FITC's Spotlight UX/UI
More info at www.fitc.ca
It’s one thing to make design that’s easy on the eyes – but how about designs that are easy on the brain? How we see the world is incredibly complex – very little of the world is in focus at any one time, and our brain is required to do a lot of the heavy lifting to let us see what we see. Have you ever wondered why certain colours work together better than others? how irritating it is when two things aren’t perfectly aligned? or why yours eye goes straight to that flashing icon in the bottom of the screen? To take in the vast amount of information our eyes provide to our brain it’s had to come up with some quick shortcuts that let it make sense of what we’re seeing – In this session we’ll dive into those shortcuts and examine how we can improve our designs by using them to our advantage.
OBJECTIVE
Help design professionals understand the way we process what we see in the world and how designing to appeal to our base visual processes can result in better overall designs.
TARGET AUDIENCE
Anyone responsible for creating visuals, documents or images that other people will look at
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
A deeper understanding of how we process the world around us
The difference between what we see and how we see
How to train your viewers brain to understand your designs more efficiently
Easy to remember rules for creating brain pleasing designs
Why Waldo is so damn hard to find.
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.
Jedi Mind Trick: Networking, Selling and PitchingFITC
Jedi Mind Trick: Networking, Selling and Pitching
with Kevin Airgid
Presented on September 18 2014 in Toronto at
FITC's Web Unleashed 2014 Conference
More info at www.fitc.ca
OVERVIEW
In this session, Kevin Airgid discusses how to:
Avoid dead ends and network with true leads
Use non-verbal cues to read your clients and adjust accordingly during a meeting
Never sell but teach your clients to buy by becoming a resource and an advocate for their goals
OBJECTIVE
To increase your sales numbers
TARGET AUDIENCE
Anyone in sales or networking
ASSUMED AUDIENCE KNOWLEDGE
You are already doing some type of internal or external sales networking or selling
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
1. Use nonverbal cues to read your client
2. Increase sales
3. K.I.S.S. pitch writing
4. How to become a resource
5. How to form a bridge with your clients to build relationships
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada
More info at www.fitc.ca/webu
Breaking The Broken Web
with Kyle Simpson
OVERVIEW
The web is fundamentally broken in two deeply profound ways and unfortunately the only way we’re going to move forward is to painfully break from our past and present realities. First, we’ve got to break from the idealistic but untenable notion of unbounded backwards compatibility. Then we’re going to need to break from the notion of building sites/apps that assume fast and unmetered bandwidth, unlimited battery power, and users which want their devices completely maxed out in experience. Let’s stop building a broken Web and break it forward.
OBJECTIVE
To come to terms with the Web we’ve built broken by its very fundamental design, and break from this past to move forward.
TARGET AUDIENCE
Designers and Web builders.
ASSUMED AUDIENCE KNOWLEDGE
Basics of Web design and standards.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Why are there so many bugs in Web technology that never get fixed?
What is browser game theory and what does it mean to me?
Besides screen size/orientation, what other factors should come into play when deciding what experience to give a user?
What limitations do real users face which limit what experience they want or can “afford” on your site?
How can we wire user-choice into the fabric of what we build and the way users experience the Web?
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
From Box to Bots in Minutes
with Branden Hall and Richard Blakely
Presented at FITC Toronto 2015
More info at www.fitc.ca
OVERVIEW
From an unopened box of Arduino parts to a public, internet-controlled device in less than 30 minutes.
See how the latest tools from Influxis have made it easier than ever for Digital Creatives to get physical.
Untangle The Mess In Your Team’s Process
with Daniel Schutzsmith
Presented at FITC Toronto 2015
More info at www.fitc.ca
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?
The truth is, we can learn a lot about managing our projects better by looking at how the programming world is evolving. We’ll learn to stay DRY, not become WET and define how each of us can individually lead our teams to better communication and morale.
We’ll take a look at some of the main ingredients behind a good creative and programming process, how to interact with clients and the team, look at some tools that will help (but not overwhelm us), 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. Designers, programmers, project managers, producers, etc…
ASSUMED AUDIENCE KNOWLEDGE
Have worked in a client – vendor relationship before. Familiar with the general creative process.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Some of the main ingredients behind a good creative and programming process.
How to interact with clients and the team.
Look at some tools that will help (but not overwhelm us)
Establish some really easy techniques that will make the whole thing run much smoother.
Give the audience member a good direction to go in to simplify their own process.
FITC events. For digital creators.
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
OVERVIEW
Start thinking about user experiences differently. Use job stories that acknowledge causality and stop designing based on assumptions and imaginary attributes. Design in context by defining user motivation instead of outcomes. Look at how people currently solve problems or interact with products to create feature or UI solutions that have real meaning and empathy. Using cause and effect scenarios, this session will help you learn to write for events by defining motivation instead of implementation.
OBJECTIVE
To learn to build better user experiences.
TARGET AUDIENCE
Digital practitioners who build user experiences in project scrums.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
How to move beyond traditional user stories and personas
How to write/design a job story
How to use job stories for decision making
The importance of prototyping for decision making
How to focus on motivation when designing user experience
Presented at FITC Toronto 2016
See details at www.fitc.ca
Overview
Designer passes comp to developer. Developer develops. Project done. Unfortunately, this traditional ‘waterfall’ approach is riddled with missed opportunities. Given the complexity of our web projects today, collaborative workflows can dramatically increase the efficiency and quality of the final product.
In this session, Maya Bruck will share concrete tools and techniques she has used to make all members of the team (including clients!) active participants instead of passive recipients. All while having a lot more fun in the process.
Objective
Learn tools and techniques for engaging the full breadth of your team in the creative process, turning research, prototyping, design and development into a collaborative and highly effective effort.
Target Audience
Designers, developers, project managers
Takeaways
Engage clients and the full breadth of your team from the beginning of the process.
Turn research, sketching, prototyping and beyond into a collaborative effort.
Discover missed opportunities in the traditional web design workflow.
FITC events. For digital creators.
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
The Shifting Nature of FED Role
with Ron Edelen
OVERVIEW
Over the past few years, there has been more emphasis on the capabilities of a front-end “themer” who implements re-usable systems, over a front-end designer (FED) who challenges the norm and strives for something novel. The responsive design revolution has made the web increasingly more complex to design, forcing us to embrace standardization and find opportunities for reducing labour in order to increase profit. The resulting trend: front-end development is more effectively executed by a robot.
History shows us that automation leads to a shift in the nature of labour. Wether or not you share my belief in a robot take-over, I will share techniques that may change your current perception of the FED role. I will also show practical examples of rapid experimentation, giving you the unfair advantage moving forward. As soon as you label something, you stop thinking about what else it can be.
OBJECTIVE
A look at the state of the industry and how the future of FED requires us to provide more value than just arranging boxes and text on a screen.
TARGET AUDIENCE
Front-end developers, interactive designers, motion designers, UX designers, UI designers.
ASSUMED AUDIENCE KNOWLEDGE
Basic knowledge of FED best practices and frameworks.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
The fast pass to badass is embracing automation of development tasks so that you can free up time to pioneer new challenges
Layout building skills is no longer a differentiator, how design is valued these days and the massive importance of animation
Learn how to recognize when we are too reliant on automation frameworks, e.g. responsive web design as your only mobile strategy is a waste of time
Walk away with techniques for using WebGL, WebVR, three.js and other frameworks to create rich, interactive content, shifting the role of FED from layout to content creation
Tools and tips for experimentation and re-invention, how to invent visual and interactive methodologies that have the potential to become new standards
Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada
More info at www.fitc.ca/webu
The Little Shop of TDD Horrors
with Giorgio Natili
OVERVIEW
When used properly, the TDD (Test Driven Development) cycle is one of the most effective ways to improve the efficiency of a team and overall code quality. However, most of the time, misuse of this powerful technique brings unsatisfactory results. During this talk we’ll explore how to identify “testing smells” and how to prevent bad tests that negatively impact the design and architecture of a Web app.
We’ll investigate some real world mobile app examples in JavaScript, Swift, and Java for Android that threaten to eat us alive!
OBJECTIVE
Learn to write effective tests for your apps.
TARGET AUDIENCE
Software and QA Engineers.
ASSUMED AUDIENCE KNOWLEDGE
Good understanding of software development and a basic knowledge of test driven development.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Write clean tests
Dealing with legacy code
The differences between unit tests and behaviour tests
How to debug a test
How to keep the test code base clean
Unleashing the Power of 3D with WebJS
with Mickey MacDonald
Presented on September 17 2014 at
FITC's Web Unleashed Toronto 2014
WebGL is a powerful JavaScript API used for rendering interactive 3D graphics within any compatible web browser, without the use of plug-ins. In this talk, Mickey will look at how HTML, JavaScript, and WebGL are related. He will even walk through setting up a WebGL application and creating a 3D scene. So come out and see how amazing this graphics library really is.
OBJECTIVE
To show the power and ease that WebJS offers
TARGET AUDIENCE
Web based game developers
ASSUMED AUDIENCE KNOWLEDGE
Basic understanding of 3D game development
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
How HTML, JavaScript and WebGL are related
Setting up a WebGL application
How to create a 3D scene
Importing shaders
Advance settings available in WebGL
Building Tools for the Next Web
with Nicola Bortignon
Google Web Designer, building a tool for the next web. Get a glimpse on the thinking process behind Google’s new software for creative coding. Embark on a journey through the challenges of building a tool at a scale for the future web.
OBJECTIVE
Inside tips on how to create software for the web.
TARGET AUDIENCE
You want to write your own software, or you are curious to see how Google works.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
How to write software in an uncertain environment
How to understand your users
Prioritize features
Drive adoption from zero to millions of users
How to fail, learn, and get better
Reinvent Your Creative Process with Collaborative HackathonsFITC
FITC events. For digital creators.
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
OVERVIEW
Humans crave the story of the lonely genius. Isaac Newton, Albert Einstein, Steve Jobs. We love to pin our most extraordinary creative accomplishments on a single, brilliant, God-like being.
There’s just one thing about all of these lonely genius stories: they’re bullshit.
Every true innovation is the result of collaboration. And in today’s world of overwhelming speed and complexity, we need to rethink the way we collaborate now more than ever.
In this talk, Graham will share tangible insights from the hackathon-inspired collaborative creative process that Goodby Silverstein & Partners is using to work with startups and win new business pitches.
OBJECTIVE
Learn practical strategies for running successful collaborative hackathons with interdisciplinary teams and clients alike, as well as best practices for keeping that creative momentum moving forward.
TARGET AUDIENCE
Agency folks, creatives, project managers, freelancers, hermits
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
The ground rules of a successful collaborative hackathon
The value of interdisciplinary perspectives in the creative process
How job titles create unnecessary divisions that foster baton-passing
How to build collective ownership and sell through big ideas
How to turn a new business pitch into a co-working session
My lightning talk is about the way I use Angular and I suggest it for everyone else as well as simpler to reason about and a good way to understand what you should learn when you're starting with Angular.
Slides for our (John Rodriguez and myself) talk at Droidcon SF: http://sf.droidcon.com/schedule
For the past 3 years, Square Register Android has leveraged Dagger † to wire up Java objects. However, the app scope hierarchy and complexity increased and we started having bugs and crashes related to scoping errors. This talk will show how to structure an app around Dagger2 ‡ and present a strategy for incrementally migrating from Dagger1 to Dagger2.
This fast-paced overview for beginners discusses some aspects of AngularJS 1.x and 2.x, which versions to learn (and why), and the technologies that you need to learn. We'll delve into examples of combining AngularJS with other technologies (such as BackboneJS and D3.js), and also address the +/- of AngularJS.
An introduction to the AngularJS JavaScript MVC framework from Google. Tailored for Java developers. Presented at the Orange County Java Users Group on 10/09/2014
Probabilmente il framework javascript più atteso di sempre, evoluzione di uno dei framework più longevi ed usati nello sviluppo front end. Si vedranno alcune delle novità introdotte e delle scelte radicali fatte da Google per la nuova versione di Angular
Zukunftssichere Anwendungen mit AngularJS 1.x entwickeln (GDG DevFest Karlsru...Christian Janz
Seit der Ankündigung von Angular 2 fragen sich viele Entwickler, wie der Migrationspfad für Angular 1.x Anwendungen aussieht. Da Angular 2 noch nicht für produktive Anwendungen eingesetzt werden kann, stellt sich vor allem die Frage, wie man bei der Entwicklung neuer Anwendungen mit Angular 1.x vorgehen sollte, damit die Migration später möglichst einfach wird. Diese Session liefert Antworten hierauf.
Vorgestellt werden u.a. der Einsatz von EcmaScript 2015 Modulen, TypeScript und Patterns für Komponenten und Services. Abschließend gibt es noch einen Ausblick auf Ideen und Strategien für die schrittweise Migration von bestehenden Anwendungen nach Angular 2.
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
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBrad Spiegel Macon GA
Brad Spiegel Macon GA’s journey exemplifies the profound impact that one individual can have on their community. Through his unwavering dedication to digital inclusion, he’s not only bridging the gap in Macon but also setting an example for others to follow.
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.
Understanding User Behavior with Google Analytics.pdfSEO Article Boost
Unlocking the full potential of Google Analytics is crucial for understanding and optimizing your website’s performance. This guide dives deep into the essential aspects of Google Analytics, from analyzing traffic sources to understanding user demographics and tracking user engagement.
Traffic Sources Analysis:
Discover where your website traffic originates. By examining the Acquisition section, you can identify whether visitors come from organic search, paid campaigns, direct visits, social media, or referral links. This knowledge helps in refining marketing strategies and optimizing resource allocation.
User Demographics Insights:
Gain a comprehensive view of your audience by exploring demographic data in the Audience section. Understand age, gender, and interests to tailor your marketing strategies effectively. Leverage this information to create personalized content and improve user engagement and conversion rates.
Tracking User Engagement:
Learn how to measure user interaction with your site through key metrics like bounce rate, average session duration, and pages per session. Enhance user experience by analyzing engagement metrics and implementing strategies to keep visitors engaged.
Conversion Rate Optimization:
Understand the importance of conversion rates and how to track them using Google Analytics. Set up Goals, analyze conversion funnels, segment your audience, and employ A/B testing to optimize your website for higher conversions. Utilize ecommerce tracking and multi-channel funnels for a detailed view of your sales performance and marketing channel contributions.
Custom Reports and Dashboards:
Create custom reports and dashboards to visualize and interpret data relevant to your business goals. Use advanced filters, segments, and visualization options to gain deeper insights. Incorporate custom dimensions and metrics for tailored data analysis. Integrate external data sources to enrich your analytics and make well-informed decisions.
This guide is designed to help you harness the power of Google Analytics for making data-driven decisions that enhance website performance and achieve your digital marketing objectives. Whether you are looking to improve SEO, refine your social media strategy, or boost conversion rates, understanding and utilizing Google Analytics is essential for your success.
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfFlorence Consulting
Quattordicesimo Meetup di Milano, tenutosi a Milano il 23 Maggio 2024 dalle ore 17:00 alle ore 18:30 in presenza e da remoto.
Abbiamo parlato di come Axpo Italia S.p.A. ha ridotto il technical debt migrando le proprie APIs da Mule 3.9 a Mule 4.4 passando anche da on-premises a CloudHub 1.0.
Italy Agriculture Equipment Market Outlook to 2027harveenkaur52
Agriculture and Animal Care
Ken Research has an expertise in Agriculture and Animal Care sector and offer vast collection of information related to all major aspects such as Agriculture equipment, Crop Protection, Seed, Agriculture Chemical, Fertilizers, Protected Cultivators, Palm Oil, Hybrid Seed, Animal Feed additives and many more.
Our continuous study and findings in agriculture sector provide better insights to companies dealing with related product and services, government and agriculture associations, researchers and students to well understand the present and expected scenario.
Our Animal care category provides solutions on Animal Healthcare and related products and services, including, animal feed additives, vaccination
2. Why use Angular 2
● Takes advantage of modern web standards
○ ES6
○ TypeScript
○ Web Components
○ Observables
○ Module Loaders
○ ZoneJS
● Removes many unnecessary concepts from Angular 1
● Performance
3. What is ng-upgrade?
● Lets you run angular 1 and 2 in the same app
● Use Angular 1 service in Angular 2
● Use Angular 1 component in Angular 2
● Use Angular 2 service in Angular 1
● Use Angular 2 component in Angular 1
17. Why use isolate scope?
● Encapsulation!
● Smaller components are easier to understand
● Easier to unit test
● This is how components work in Angular 2
23. Why use controllers over link?
● Removes redundant concept
● Let’s you use the “controller as” syntax
● Link functions don’t exist in Angular 2
24. Why use “controller as”?
● Don’t have to worry about scope inheritance
● Better organization
● Works well with ES6 classes
● This is how components work in Angular 2
25. Why use bindToController?
● Lets you use your controller for everything
● Don’t need to use $scope anymore, which
isn’t in Angular 2
● This is how components work in Angular 2
26. Why avoid $parent?
● Leads to brittle code
● Breaks encapsulation
● Makes unit testing hard
● Requires understanding scope inheritance
● It’s just the worst
● Can’t use it in Angular 2
32. Why use .component()?
● Nicer syntax than .directive()
● Uses “controller as” by default
● Uses bindToController by default
● Consolidates many redundant concepts into
components. E.g. ng-controller, .
controller(), ng-include, router
controllers, router views, .directive()
● Very similar to components in Angular 2
75. ApiService.ts
import {ROUTER_DIRECTIVES, RouteConfig, Route, ROUTER_PROVIDERS} from
"angular2/router";
import {Component} from "angular2/core";
import {bootstrap} from "angular2/platform/browser";
@Component({
selector: 'app',
template: '<router-outlet></router-outlet>',
directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
new Route({
path: '/home',
name: 'ImageList',
component: ImageListComponent,
useAsDefault: true
})
])
class App { }
bootstrap(App, [HTTP_PROVIDERS, ROUTER_PROVIDERS, ApiService]);
76. Summary
● Angular 2 is based on components and
services
● Incremental migration
● Angular 1 best practices
● Not all Angular 1 apps need to be upgraded