Speaker explains how the switch works. They are busy and asks what people are doing. When the switch is green, it's on. When it's off, everything stays in local storage. Speaker sent a test notification and it worked. Now it also works on Android phones. Speaker found out that web push for web apps on iOS and iPad OS works on all computers.

Speaker is excited about the release of the first beta of 16.4. 4 of iOS and iPad OS, which includes support for web push and other features for homescreen web apps. Speaker is excited about the release of version 16.4, beta 1 of Firefox. It adds support for web push notifications to homescreen web apps.

Speaker's website does not need to be a member of the Apple developer program to use web push notifications on iOS iPad. Speaker advises to allow URLs from push dot apple. Com.

Speaker explains how to set up web push and how to get notifications for web apps. They are happy about the screen orientation API. They also like the service workers API. Speaker is worried about Progressive Web App's push notification API not being updated. They are excited about the web push for web apps on iOS and iPad OS.

Speaker is working on a dashboard as part of their next side project. They have been working on some Traveling music. Speaker is going to create an offshoot of their previous projects. They are able to take some of the functionality from their other projects and put it into the new one to test it out.

• privacy reasons
• test notification
• web push
• ipad os
• web app
• app store

Welcome back, same old place but those dreams everything, and they turned around.

It was going on, welcome back.

All right, so give it a stretch.

Oh yeah.

Okay.

Oh my back is still kind of messed up earlier, I think I slept on it wrong or something, I don't know, but it's getting better.

I am not I am like walking around moving around because before I could barely move, but I think just by moving its helping.

So.

Alright.

So let us get into this thing that I saw come across the internet.

Like I was pretty cool.

And so first, let me show y'all why I think this is cool because actually create a side project.

That kind of involves it, right?

So let me share my screen.

You probably won't be able to see it working but it does so because I think when you share the screen it doesn't allow showing notifications which makes sense for like privacy reasons, right?

So you may not be able to see it pop up, but I created this website, what you do, .i n?

So what you're doing, right?

And as a kind of thing again, for most of my project.

I think kind of helped me out to where those are time when I was like, I wouldn't know, like, where the day went like what did I do with all that?

You know, during the time I am like, what did I do?

So and sometimes I catch myself saying I am so busy but I can never say what it is that I am actually that I actually did.

Right?

And, so I created this site, what you do that I am so what you do.

So as you can see here, it's like I am so busy and then what you're doing.

So this basically shows what the website does it use?

So luckily I have how it works.

So when the switch is green, That means it's on.

So you get a notification asking every hour asking what you're doing.

Any reply with what you're doing and then I have everything stay staying on your local machine.

I don't want your data so everything stays in like local storage, I don't ya.

So everything's off nothing happens basically.

And so the hope is that you will see where all the time went because I know it's having that issue and if you want to try it out, So this is normally like off like if it's the first time I am doing by habit on and so to kind of test it, I check I have this thing.

We can send a test notification, and so I think just popped up saying new notification details are hidden, while you share your screen, which makes sense, but it showed up on my main screen not on my watch for college.

My display screen here.

So I don't know why that is but fine did work.

Now the thing is, So it also works on like my Android phone, so I can like do the same thing and I will get a notification asking what you're doing.

And so you fill it out and then what happens is that you will be able to see All the things that you did.

So you ask it and it would fill it out and it would show up here basically the way you kind of going back and checking so like you can go back or in time or whatever cool.

But that does, right?

But if thing was that, like I said, it worked on Windows on my Chromebook on my Android phones and I think even on my like my MacBook, well using my Mac Book Air, I don't use it on my work computer, but I am pretty sure even on my MacBook but the issue was iOS and like, iPad OS, whatever its didn't support it.

I guess.

Came across this.

And so now web push for web apps on iOS and iPad OS.

And so you see my bed, it's a glare on here.

Okay.

So I am going to copy and paste this so you can check it out next to the Recorded video if you want to check it out.

So yes web push for web apps on iOS and iPad.

OS.

Awesome.

So, if you can, I am assuming if you have like an iPhone or like an iPad or what have you, then you will be able to get the able to if you wanted to like get notifications like in my project, what you're doing?

Right, CSO today.

Marks the release.

Of iOS and iPad OS, 16.4 beta 1, and with it, comes support for web push and other features for homescreen web apps.

So this one, I don't think I would turn into a progressive web app to where you can install it.

Not sure.

I don't remember doing that for my project.

I wonder if you have to install it, not sure.

But goes on to say, let us see.

Today, brings the first beta of 16.4 Safari.

It is a huge release packed with over 135 features in webkit, the engine that runs Safari including reg expression regular Expressions, look behind, assertions import map.

So that's cool.

Off-screen canvas.

That's pretty good too.

I don't think I have ever media queries range syntax.

It's the property.

Cool.

So I think that's for like CSS at property font size adjustment declared of Shadow Dom.

That's very important for web components because with declarative Shadow Dom I think that opens up like a whole new like things that you can do, which is pretty cool.

So, that's awesome and much more.

And so they write about what's a party?

16 is released to the public.

Meanwhile, you can read a comprehensive list of new features and fixes in the release notes.

They're cool.

So the thing that checking out here web push for web apps added to the home screen.

So I guess I do have to make it to where it will be Like, installable.

So like a progressive web app.

Alright, so now iOS and iPad OS.

16.4, beta 1, we are adding support for web push to homescreen web apps, web push, makes it possible for web developers to send push notifications to their users, through the push, API notifications and service workers.

Now, I have you, there was something I wanted to show these got these linked to Mozilla developer network, not as looking him up earlier.

All right, so web app that has been added to the home screen can request permission to receive push notifications.

As long as that request is in response to direct user action, such as tapping on a subscribe button provided by the web app.

And so that's what I am doing here with that button.

Basically saying, hey, when you click that button and turn, The interaction that you need to direct user action and that's the same thing that just anywhere.

Because you just want people, you don't want your website to be able to randomly, send you notifications, right?

Like you want to opt into it.

So, that's a good thing.

The ones allowed the user can manage.

Those permissions / web app, in notification settings.

Just like any other on an iPad.

And then so yes or the notifications work exactly.

Like they show on the lock screen.

Notification center and on a paired Apple watch.

All right cool.

So then let us see here.

So web push on iOS iPad, OS uses the same Apple push notification service that empowers native push on all Apple devices.

You do not need to be a member of the Apple developer program to use it.

So that's good.

So I don't need to like, pay money like, you know, you're the pay money to be a Birds, put yourself in that like this, I store, where was called App Store.

So, I mean, my thing is not going to be in the App Store.

So, why would I pay for that, right?

So you just got to be sure to allow URLs from .push dot apple.com.

If you're in control of your server, push endpoints.

I said something good to know anything, they even have a 0, you can learn more how to set up web push, you can read the article and whatever, and then there's a whole video session, okay?

Nope.

All right.

Then we have some of our Focus badging API.

That's pretty cool too.

So like if you have your app installed, even like a web app I guess just for web apps.

Yeah, home screen.

Web apps.

So like you can have like little things like a red circle and I get a number in it, then notify like how many notifications like little badge.

That's pretty cool.

Mathis ID.

I am not really sure about there was something.

What was it?

Well, screen orientation API.

That's cool.

I thought it was in there something about Not that.

I thought I was skimming through it before I thought I saw something.

Pertaining to like web components because I think in the beginning with the declarative Shadow Dom.

Neither here nor there.

That's pretty dope.

So I am kind of happy that's out there.

That's pretty cool.

So sha Tsui.

The team over there at Apple for making that happen getting closer and closer to parity, and we spoken before about how all the major browser vendors are trying to have like parity across all the different browsers.

So that's pretty cool.

Alright, so yeah, so going, so the couple of things that I mentioned that is it's needed for the web push.

So the push API notification API, service workers and service workers.

Pretty much are like if you have like a like an app, like a web app that's doing stuff servers workers can really help out with a bunch of things.

So is the whole Progressive web app stuff.

So I looked up push notification.

So these this has been this was updated.

I forgot when This was updated.

Yeah.

November 22nd.

And this article came out.

February 16th.

Yes.

So this has been updated yet because I saw here.

So this is for the push API.

So right here, like Safari on iOS.

Like it says no all the way down.

Right.

Cool.

So that so, hopefully the updated and I will say yes but right now it says no, Then also, for the notification API.

Again, it says no for Safari on iOS.

But look like all these other like browsers, even like Safari on, you know, Mac OS supports it like everybody pretty many supports it and knowing what is now is for Safari on iOS.

So it's cool to see it coming.

So that's good and then let us see.

Well, webview want, Android?

That's if you have like an Android device and Android, you use web view.

So I guess I am not sure.

So maybe it's something.

I don't know, I don't know much about like mobile developments but as far as Safari on iOS, looks like these nose will be becoming like green check marks at some point.

So pretty cool.

All right.

Yeah that's pretty much it.

That's all I wanted to kind of talk about.

So web push for web apps on iOS and iPad OS.

But looks like, it has to be installed on the device was not like just something where like I don't have this installed on my Windows machine.

Phone, but I guess for so, Into a progressive web apps, they can install it so it's installable, so we will see.

Alright.

I think that's it cools.

So again shouts to a web push coming to iOS and iPad OS.

All right.

Stop shared screen.

Oh and now the notification shows up because I stop sharing the screen.

That's funny.

All right.

Cool.

We will get you all back to work again.

Thanks for hanging out.

I am actually making some progress.

What's cool?

Is that the dashboard?

I am working on for my next side projects.

He's kind of like, like a what I say this it's like an offshoot of a project.

I have already had out now but it's I am opening it up for other people to be able to use it as well.

And I have had people ask me like hey how did you do that?

Or whatever.

So I am just going to create like an offshoot, it's a little bit simpler.

Because I have a lot of random stuff that fit only my needs, right.

So I am making this one at least a start off with little bit more generalized and so some of the functionality is the same.

So I am able to take from my other projects, some of the stuff there and it's put it over into this new one, just to kind of test it out to make sure it's cool.

And it seems to be working pretty good so far.

So that is a thing.

I have been working on some Traveling music.

This is a new Jabez featuring a Pawnee be the track is called.

Thank you.

We have one more break session.

And one more after this work session, one more.

So when we come back, we take a look at an artist's website with some music watching videos, um, saying maybe you will become a fan of the artist and yeah, I think that's it.

So again, thanks for hanging out.

This here is new Jabez featuring up honey.

Bee the track is called, Thank you.

Thank you again for that.

Q again for hanging out and till 50 minutes after the hour.

I wish you much productivity.

All right, thanks again.

Y'all be easy and peace.