Mozilla Developer Roadshow Asia Introduction

(Upbeat music playing)

Hello, welcome to

the Mozilla Roadshow in Ho Chi Minh

I would like to thank before

we get started the wonderful people

here at Dreamplex for hosting us.

It is a beautiful venue.

We are really excited to be here.

I think this is the first Mozilla developer

event we have done here in Ho Chi Minh

And I think possibly Vietnam

So we are all really excited to be

here and thank everyone

for coming!

Um, so how many people here

know Firefox? (Hands raise)

You know Mozilla? Are you aware that

Mozilla is a non-profit company?

Yeah? Oh great, okay, So you make my

life easy. Uh, so my name is Ali Spivak.

I work for Mozilla, I run a big

chunk of our developer outreach

department of which is also known

generally as developer relations.

You can find me on twitter @alispivak

I have been at Mozilla little over

5 years now, mostly running MDN

which is our web developer documentation

site, and I also help, sort of be the

executive sponsor of events like this.

So, I am really happy to be here!

So our schedule for tonight; I am going

to talk about...is it that alright? I can

kind of hear it going in and out.

Does it sound alright? Okay, I am

going to talk a little bit about Firefox

and some of the work we are doing at

Mozilla, around new technologies. Then

Fabien will talk about Web VR & A-Frame

Then, Hui Jing will talk about Web Design

and we will finish up with, uh, Vitaly

talking about Responsive Design.

So we have a good, a great line up for you

I hope everyone is going to enjoy it.

Uhm, I would like to mention really

quickly Mozilla and all the events we do

have Code of Conduct. Uh,

there is a lot of words here. But just

remember that the whole point of this

event is for everyone to enjoy themselves,

to have fun, and feel welcomed. So keep

that in mind, when you are interacting

with people it will be kind, be nice, uhm

it is an important part of the events we

throw to make sure that the people,

everyone who is here feels like they

belong.

So Mozilla in addition to being a

non-profit is also open source company,

and there is a lot of ways you can

join Mozilla, Uhm you can contribute to

our Code Base so all of our projects are

open source, we are always looking for

people to help us contribute code

Uh we also have something called

Outreachy which is getting diverse interns

into Mozilla, it is a fabulous program

and we are always looking for people

Uhm, We also have WebVR projects. Uh we

have our WebVR demo set up over there.

Uh, once we finish doing speakers,

you know, having talks, you are more

than welcome to go and try out some of

our VR programs. They're fun. Uh

The main we are demoing is a great way to

get familiar with VR if you aren't already

Uh, then we also are obviously always hiring here

at Mozilla, there is a career site

So everyone said there are pretty much

familiar with Firefox, how familiar are

you with the different sort of branches

of Firefox?

Does anybody here use Nightly?

Does anybody know what nightly is?

Aha! Alright good!. So we have 3 different

Branches of Firefox

We have the general release of Firefox,

That is the standard one that everyone uses.

uh that is currently what we call version 55.

So it is the 55th time we have released

Firefox. We release roughly every 6 weeks.

Uhm we are currently 55 as of next week,

Uh, we will be moving to Firefox 56 and i

will talk a minute about what that

all means.

Then we have a very large release

coming up in November which is our

57 which is a massive performance

increase. Uh and also the new look and

feel for Firefox.

Before the release we have what we call

the developer edition, or beta.

and this is a pre-released version of

Firefox, that is very specifically

designed for developers.

It gives you an extra 6 weeks to try out

new features as it comes out in

Firefox.

Uhm, on a fairly stable platform. I say

fairly stable because it is a pre

released channel and there is a good

chance if something coming out

says css grid which was the big release

over the summer. If you want a chance to

play with grid before it's out in production

on sort of the general production

it gives you 6 weeks to do that.

And before that we have nightly. Nightly

is exactly as it says, it is updated

nightly. So it is constantly pushing new

features, patches, changes,

so if you like to live on the wild side

Nightly, is really fun. You get you know

much earlier version and view but you are

not necessarily getting exactly the thing

that we will be showing up at our release.

Uh so nightly updated, Main update every

6 weeks or so, all of the things

follow the same timeline. Each 6 weeks

you get to see earlier. We're currently in Nightly 57

which is our big performance realease

which gets me talking about big stuff

that is happening in Firefox. Uhm,

I have been around Mozilla for 5 years and

this is going to be an amazing release

for us, it is very exciting. Huge, Huge,

increases in performance. What we are

seeing is at least twice as fast.

Internal metrics that we have been running.

What we are hearing from people who are

using nightly. is that it feels really

fast. We have been doing this switch

over to mult. process architecture that

started rolling out earlier this summer

We were pushing out more pieces that

enable that.

We also have something that we are

calling Quantum compositor.Quantum is our

project to modernize Firefox.

It is a lot of components to it.

But we are ruling out Quantum CSS.

This is a brand new engine for CSS inside

Firefox. It makes a difference. Smoother,

Faster, reduces a lot of "Jank"

Then we has Quantum Compositor.

So this is again just how we do rendering.

It is the first step toward web

rendering. Which is much bigger

project that will roll out later on

this year.

This is just how we can pile graphics.

Moving from using the CUP to using the

GPU. So we are realying on more graphics

card to do that image processing then

the computer. Which also really really

helps performance.

Then we have active tab prioritization.

So basically if you have a bunch of tabs

open, uh it focus and prioritizes the

tab that you are actually looking at.

Versus, all the things running in the

background in your other tab.

Again that gives a much better performance

We also have new features.

refreshed design, photon. because we

really like things like photon, electron

and cool terms like that.

It really is talking about huge shift

in the way we do things.

We are doing container tabs, this is so

you can actually open a tab, as a

container, so it is a self contained

tabs. So if you have 3 different email

accounts, you can actually have a tab for

each one. So they won't constantly

interfere with them on different

profiles. Moving to Web extensions for

add-ons. Does anybody know web extenions

or use web extensions? So Firefox has

had a very robust system of add ons.

It was built in to our underlying engine

which is called, Gecko.

Web extensions is a standard way of

building extensions onto browsers.

Chrome uses the extensions as well as all

of the other browsers in one form

or another. So we are moving to web

extensions which will also really help

performance.

But it also gives us a standard it is

much easier to use if you as a developer

want to build an extension to a browser.

you can have it working on chrome and

Firefox. So forth and so on. As opposed

write the code for each one of them.

Ans understand all of the underlying

characteristics of each engine.

So it is a really helpful thing

for people.

There is something called activity stream.

Which is changing how the content

shows up on a new tab.

Our developer tools is next, does anyone here

write css? anybody? Yeah? I know you do.

Haha, Uhm so we have a CSS layout panel

Earlier this year we launched the CSS

grid inspector which is really awesome.

Uh we have expanded that capability.

so there is actually a panel within the

Firefox developer tools, that let you do

deeper examination of your CSS.

Particularly around things like Grid and Flexbox.

We have a new design and themes.

we are going a refresh look of Firefox.

And we're also doing.....

In the spirit of really supporting the

web extensions. Our dove tools are going

to be moving to becoming web extensions

as opposed as to in the actual engine of Firefox.

This lets us do updates faster.

And be a lot more responsive.

I'm going to pause here.

I am going to pause here. Am I talking

too fast? I talk really fast usually.

Is everything ok? You guys good?

Alright!

So as I mention earlier, I a part of

developer outreach. We sit in Moziilla'a

emerging technologies group

which is a combination of research, R&D,

and then thinking broadly, sort of long

term about webstack.

Uhm, what happens in ET in addition to all

of our developer work. Is we are building

research projects.

A lot of those research projects are aimed

at thinking how well the web

and the internet, look in 3, to 5, to 10

years. Uhm some projects that have come

out of that is uh the Rust Language.

Does anybody here know the Rust Language?

Uhm, Rust is a new programming language

uh it was primarily built to address

some of the issues with C++

Uhm, and sort of service side programming.

Uhm, it, one of the strongest features is

enhanced security. We are using Rust

to build a lot of the new components

of our Firefox engine, and sort of pushing

those architecture into the browser.

One of those is something called Servo.

so again that is our engine. Uhm, we're

not replacing Gecko, which was the

original engine of Firefox, we are

taking the best parts of servo and

embedding those into the browser.

Replacing those older and outdated

elements. Uhm we are also working on

WebAssesmbly, which is uh essentially

functions as a virtual CPU in your browser

its complies things, It was originally

designed for speeding up gaming and

giving gaming and the browser. the same

type of performance you have in games.

but it has a lot of applications

for web developers as well.

because that type of increased performance

and the ability to have those increased preformances

and enriched experiences is something

is something that all developers want to do.

uhm, Obliviously you have WebVR and

A-frame uh fabian will be talking in dept

so I won't go too far deep into it. Uh and

then we have something called project

Quantum uh I was talking about how we

have different Firefox releases. Our big

release in Nov. of 57. Uhm, we also call

that release Firefox Quantum because so

much of this long term quantum project is

rolloing into that release. Uhm that is really

taking Servo and upgrading CSS style

program. We have a project called Stylo,

Which is upgrading our CSS engine which is

and graphics processing so much smoother

and much faster. And again we have

moving towards Webrender which is again

Sort moving toward that graphics and

doing our processing the graphics

processor to as opposed to the CPU.

We have a lot of other things we are

working on so mixed reality

Uh we are doing a lot of projects around

speech, and keeping sort of things

much more open source.

Uhm, There is a lot of stuff. uh if you

are interested in experimenting

with things i highly recommend

downloading Firefox nightly. Uhm

Like I said it's a little bit of a walk on

the wild side. But is it a good chance

to really see how is the browser

Evolving? Quickly? Uhm trail web extensions

are really looking for more of those. uhm

try out A frame. Uh and then you know we

have WebAssesmbly there is a lot of

components that you can use to build

sort of those really rich experiences.

Uh Lynn Clark who works at Mozilla has

done a fantastic series of blog posts.

uh written in cartoons, to really dig it

into what WebAssesmbly is and sort of the

benefits uh if you look at Mozilla Hacks

and look for WebAssesmbly is a whole

article that I highly recommend

Uhm and we also have out speech projects

And what we are doing with speech is in a

sort of standard Mozilla tradition is

keeping the internet open

we are looking at the world of voice and

uh speech and uh seeing that is

more and more dominated by people like

google. Who are really interested in

keeping their systems closed. Uhm and we

feel like all developers should

Be able to access an open source.

So things like voice and speech. So we

actually have a project called common

voice. Which we are having people record

their voices. and languages. And making

those available Open source project,

so developers want to build out more

voice or speech capabilities, you're not

stuck in one ecosystem.

Or paying a specific provider.You'll

have those for you. So common voice and

speech are things that we are investing in

and trying to. and moving forward as Mozilla.

That is a very fast, quick

review of Firefox and our emerging

technologies. Uhm I will be around after

if you have any questions or like I said

you can always find on on Twitter. Uh and

now I would like to welcome Fabian to

talk about Web V&R and webframe.

(Crowd applause)