Create:Frontend - Let's talk about static web apps!

Create: Frontend

ADD EVENT TO CALENDAR WATCH EVENT LIVE
https://aka.ms/createfrontend

Join us for a half-day of conversations this 29 Jul 2020, at Create:Frontend, with developers from the community on pressing topics for frontend developers, such as building inclusive and accessible web applications, static sites, serverless, and much more.

---

🎬 3 👏🏽 Calls 👏🏽 To 👏🏽 Action! 👏🏽

1. Code of Conduct

You are expected to adhere to the Create:Frontend's code of conduct as well as Dev.to's code of conduct Please do ♥️ this post if you agree

2. Keeping your kids engaged

We know you are going to love the event but we also want to keep your children entertained while you join us. Check out the post below for a digital and physical Kids Activity Pack.

Keeping your child engaged while you are at a virtual event

theCatShepherd ・ Jul 28 ・ 2 min read

#mscreate #frontend #devrel #events

3. Follow #MSCreate

Conversations may continue after this event. Follow #mscreate to keep learning.

---

OFFICE HOURS RESOURCES & DISCUSSIONS WITH SPEAKERS
Bookmark and revisit any of these page during the event to engage in live (and post-event) discussions on those topics with both speakers and the community. The speakers will be here for a live Q&A for at least 15 minutes immediately after their session concludes. After the event, come back to find additional slides, videos, and resources for this session.

Welcome

July 29, 2020: 08:30 PDT - 08:35AM PDT
Grab your coffee or tea, log in, and join our host and speakers for an amazing morning.

What you need is a pair of Crocs and a free workshop on static web apps

Burke Holland ・ Jul 16 ・ 2 min read

#javascript #webdev

Host:
Burke Holland is a Principal Cloud Advocate @ Microsoft. He likes JavaScript a lot because it's the only way he Node to Express himself. Follow @burkeholland on Twitter.

Keynote

July 29, 2020: 08:35 PDT - 08:50AM PDT
Daria and Craig share what's on the top of mind for frontend developers and the state of developers tools in 2020.

Create:Frontend: 5 Ways to Learn from This Event!

Craig Shoemaker ・ Jul 28 ・ 3 min read

#azure #webdev #serverless #mscreate

Speakers:
This session will be delivered by Daria Grigoriu, a Program Manager @ Microsoft and Craig Shoemaker, a Senior Content Developer @ Microsoft. Follow @DariaGrigoriu and @Craigshoemaker on Twitter.

Azure Maya Mystery: The inner workings of a static web app:

July 29, 2020: 08:50 PDT - 09:05AM PDT
Jen and Chris deep dive into the Maya Mystery project and how it was built.

Azure Maya Mystery: The inner workings of a static web app

Chris Noring ・ Jul 29 ・ 2 min read

#mscreate #frontend #games #serverless

Speakers:
Jen Looper is a Senior Cloud Advocate @ Microsoft and Chris Noring is a Senior Cloud Advocate @ Microsoft. Follow @JenLooper and @Chris_Noring on Twitter.

Why static sites are back: From static, servers, browsers to static

July 29, 2020: 09:05 PDT - 09:20AM PDT
Debbie and Wassim explore the pros and cons of static and servers and why static sites are back again.

Why static sites are back

Wassim Chegham ・ Jul 28 ・ 7 min read

#mscreate #javascript #webdev #frontend

Speakers:
Debbie O’Brien is Head of Learning and Developer Advocate @ NuxtJS and Wassim Chegham is a Senior Cloud Advocate @ Microsoft. Follow @Debs_Obrien and @Manekinekko on Twitter.

A11y For Everyone: Building inclusive and accessible web applications

July 29, 2020: 09:20 PDT - 09:35AM PDT
Gift and Jen explore how web applications can be made for everyone.

A11y for everyone: Building inclusive and accessible web applications

theCatShepherd ・ Jul 29 ・ 2 min read

#mscreate #frontend #devrel #events

Speakers:
Gift Egwuenu is a Frontend Developer & Technical Writer, Media Developer Expert and Jen Looper is a Senior Cloud Advocate @ Microsoft. Follow @Lauragift_ and @JenLooper on Twitter.

Observability in Serverless Applications

July 29, 2020: 09:35 PDT - 09:50AM PDT
Ran and Simona share how automated tracing is now a possibility in serverless, cloud-based systems.

Observability in serverless applications

theCatShepherd ・ Jul 29 ・ 2 min read

#mscreate #frontend #serverless #events

Speakers:
Ran Ribenzaft is a Co-Founder and CTO @ Epsagon and Simona Cotin is a Principal Cloud Advocate @ Microsoft. Follow @RanRib and @Simona_Cotin on Twitter.

Sketchnoting 101

July 29, 2020: 09:50 PDT - 10:05AM PDT
Learn how you can sketch the docs and better storytell with Nitya.

Visual Storytelling For WebDevs: Create Sketchnotes!

Nitya Narasimhan ・ Jul 28 ・ 4 min read

#mscreate #sketchthedocs #webdev #beginners

Speaker:
Nitya Narasimhan is a Senior Cloud Advocate Program Manager @ Microsoft. Follow @Nitya on Twitter.

Developing an inclusive product

July 29, 2020: 10:05 PDT - 10:20AM PDT
Chris, Stephen, and Nitya share their experiences on Static Web Apps to help improve the experience of customers in emerging markets.

Inclusive Design For Emerging Markets: A Static Web Apps Discussion

Nitya Narasimhan ・ Jul 29 ・ 3 min read

#mscreate #a11y #webdev #beginners

Speakers:
Chris Nwamba is a Senior Cloud Advocate @ Microsoft and Stephen Fluin is a Developer Advocate for Google, Angular. They will be joined by Nitya Narasimhan, Senior Cloud Advocate Program Manager @ Microsoft. Follow @codebeast, @stephenfluin, and @Nitya on Twitter.

Panel: Working remotely – The struggle is real

July 29, 2020: 10:20 PDT - 10:50AM PDT
Join our panelists as we hear from the frontend developers on how working remotely is now the new norm, and how to make the best out of it.

Working remotely – the Struggle is real

Piyali Dey 🌥🥑 ・ Jul 28 ・ 2 min read

#remotework #webdev #frontend #mscreate

Speakers:
Brian Rinaldi is a Developer Advocate @ Stackbit, Jonathan Carter is a Principal Group Program Manager @ Microsoft and Loiane Groner is a Business Analyst, Senior Java/HTML5/JavaScript Developer. They will be joined by Piyali Dey, Cloud Advocate Program Manager @ Microsoft.
Follow @remotesynth, @lostintangent, @loiane and @Piyali_vancity on Twitter.

Workshop

July 29, 2020: 11:00 PDT - 12:20PM PDT
As we wrap our morning, we invite you to join us in a workshop led by John Papa where you can create build and deploy an app with your favorite Javascript framework.

Free Workshop on Azure Static Web Apps

John Papa ・ Jul 22 ・ 1 min read

#svelte #react #angular #vue

Host:
John Papa is a Principal Cloud Advocate. Follow @john_papa on Twitter.

Also, you can now Ask Chris Heilmann Anything!

Ask Chris Heilmann, Principal Program Manager your questions anytime on what the browser developer tools in the Microsoft Edge browser (based on Chromium) can do for you and what we could improve.

I am Chris Heilmann, Principal Program Manager for the Microsoft Edge developer tools - AMA!

Christian Heilmann ・ Jul 28 ・ 3 min read

#microsoftedge #javascript #ama #mscreate

---

Azure Static Web Apps Manga in English

We'll also be distributing an exclusive e-copy of the Azure Static Web Apps Manga at Create:Frontend. Manga can be a great fun way to learn Azure Static Web Apps, so be sure to the first to lay your hands on them.

---

Other resources

Want to learn more about Azure Static Web Apps?

• Check out the docs
• Try out a learning path
• Watch talks on Channel 9
• Azure Static Web Apps Manga (in English) released at Create:Frontend

Comments

[Jan Schenk (he/him)]

Hey friends,
My name is Jan. My colleagues @nitya , @truckerfling , @crisgherrero and I are here to take care of you all. We are the Code of Conduct Team for Create:Frontend.

If you agree to adhere to our Code of Conduct while Create:Frontend takes place (and until 24h later) please LIKE this post. We want to feel your consent. <3

If you want to report a violation against our Code of Conduct, please drop us a note here (reply to this comment) and we will get in contact with you immediately. Don’t share details in your post, we’ll take care of that via Direct Messages (DMs).

We’re here to help.
Jan, for the Create:Frontend Code of Conduct Team

[Paweł Kowalski]

Static is the new dynamic ;-D

[Burke Holland]

Put that on a shirt. I'll buy it.

[Jan Schenk (he/him)]

SPECIAL ANNOUNCEMENT: The first person who makes an Azure Static Web App out of the Static Web Apps Manga will get a video 1:1 with @simona_cotin OR @burkeholland .

You need to post your link to the Azure Static Web App here as an answer.

[Shaiju T]

Can we use Azure Static Web App without GitHub to host my html files, Like Azure Blob Storage ? Because for a commercial or client projects we need to pay for both Azure Static Web App in Azure and GitHub.

[John Papa]

Thanks for the question ... answered over here, just so we stay in synch dev.to/john_papa/comment/12cbo

If you have other questions ,let us know

[Shaiju T]

I have created a feature request here in issues.

Also a feedback when Azure Static Web App reach's GA (General Availability), if possible consider the pricing to be cheap like Godaddy. So I can recommend it to others. 😄.

[Saurabh Nandu]

is deployment of azure static websites supported via AzureDevOps as well?

[Daria Grigoriu]

Azure Static Web Apps does not support Azure DevOps integration for the preview but we are looking into this. Here is the specific issue to monitor in our repo: github.com/Azure/static-web-apps/i...

[Saurabh Nandu]

so only close integration with Github, but other ways of publish are not possible right now? Any particular reason why it's done this way?

[Daria Grigoriu]

With the first preview iteration for Static Web Apps we prioritized a scoped workflow from source code to global availability and we know GitHub is one of the most common starting points for this journey from code to production. Our vision is to continue to enable this streamlined journey from source code to global availability and consider more starting points that are meaningful to our customers.

[Saurabh Nandu]

thanks

[Saurabh Nandu]

Is there a way to add secrets or environment specific configuration from Azure key vault or Azure key value pair into the html file? Or how would you suggest to handle that?
Specifically config data that we don't wish to store in git, but need it as per environment. In app service we can use the vault, what can be used here?

[Vamsi Ravi]

How would I get the Azure Hero Build Badge

[theCatShepherd]

Hi Vamsi Ravi! Could you DM me on Twitter please? @suzannechen . Thanks!

[theCatShepherd]

Thanks for reaching out on Twitter and congrats on getting your Azure Heroes Builder Badger!

[Saurabh Nandu]

How do we run our Angular tests in the pipeline before deploy? Is that a supported case?