WEBVTT 00:00.000 --> 00:05.000 Thank you. 00:05.000 --> 00:07.000 Hi, everyone. 00:07.000 --> 00:09.000 Who here knows MDN? 00:09.000 --> 00:12.000 Make some noise, make some noise. 00:12.000 --> 00:14.000 Who here knows open source? 00:14.000 --> 00:15.000 No, no, no. 00:15.000 --> 00:16.000 It's faster. 00:16.000 --> 00:17.000 Come on. 00:17.000 --> 00:18.000 Right. 00:18.000 --> 00:20.000 So welcome. 00:20.000 --> 00:21.000 Hi, I'm Pranchu. 00:21.000 --> 00:24.000 I'm the community manager at MDN. 00:24.000 --> 00:26.000 Yeah, I do the community stuff over there. 00:26.000 --> 00:27.000 I'm based out of Berlin. 00:27.000 --> 00:31.000 I've been a Muslim contributor since 2015, so I've been around. 00:31.000 --> 00:32.000 Yeah. 00:32.000 --> 00:35.000 You can find me on the internet or after the talk. 00:35.000 --> 00:36.000 I'll just say hi. 00:36.000 --> 00:37.000 Cool. 00:37.000 --> 00:38.000 agenda. 00:38.000 --> 00:39.000 What are we doing here? 00:39.000 --> 00:42.000 So we'll go over what's MDN? 00:42.000 --> 00:43.000 How do we do MDN? 00:43.000 --> 00:45.000 And what does the future look like? 00:45.000 --> 00:49.000 I just wanted to give a small peek into the open source side of MDN. 00:49.000 --> 00:52.000 Not just the product that you see every day. 00:52.000 --> 00:53.000 Yeah. 00:53.000 --> 00:55.000 And we'll have a short Q&A. 00:55.000 --> 00:56.000 At the end. 00:56.000 --> 00:57.000 Cool. 00:57.000 --> 01:00.000 So who, what, and why is MDN? 01:00.000 --> 01:03.000 MDN, as you know, is the Mozilla developer network. 01:03.000 --> 01:06.000 It's the open source documentation platform. 01:06.000 --> 01:09.000 That covers everything web development. 01:09.000 --> 01:12.000 So HTML, CSS JavaScript mostly. 01:12.000 --> 01:15.000 But then, pretty accurate document. 01:15.000 --> 01:17.000 You've been there. 01:17.000 --> 01:18.000 All right. 01:18.000 --> 01:19.000 Our full values. 01:19.000 --> 01:24.000 This is what makes MDN MDN because we have to be very active. 01:24.000 --> 01:27.000 We have to be very accurate and reliable. 01:27.000 --> 01:31.000 Before anything goes on MDN, it's collaborative and community-driven. 01:31.000 --> 01:33.000 We've got a bunch of contributors. 01:33.000 --> 01:36.000 You'll see the overall number later. 01:36.000 --> 01:39.000 And we're very inclusive and dynamic. 01:39.000 --> 01:43.000 We have to change as the web changes. 01:43.000 --> 01:44.000 Right? 01:44.000 --> 01:47.000 It's been through a lot of iterations over the year. 01:47.000 --> 01:50.000 We'll go through that as well. 01:50.000 --> 01:51.000 Awesome. 01:51.000 --> 01:53.000 So the evolution of MDN. 01:53.000 --> 01:56.000 By the way, it's the 28th year of MDN. 01:56.000 --> 01:57.000 Right? 01:57.000 --> 01:59.000 It's two decades of period. 01:59.000 --> 02:02.000 Thank you. 02:02.000 --> 02:06.000 It was launched in 2005 as Devmo by Mozilla. 02:06.000 --> 02:10.000 It was just a community-vicky dedicated to web standards. 02:10.000 --> 02:14.000 It got rebranded to Mozilla developer network in 2010. 02:14.000 --> 02:17.000 I think that's where people started flowing in mostly. 02:17.000 --> 02:22.000 In 2017, a lot of companies in the tech industry joined. 02:22.000 --> 02:30.000 They joined the PAB and they started contributing to MDN as well as a part of their documentation. 02:30.000 --> 02:35.000 And in 2020, we moved the Vicky to our new GitHub. 02:35.000 --> 02:38.000 That's where our core is, our content is. 02:38.000 --> 02:40.000 It used to be a Vicky. 02:40.000 --> 02:44.000 And then in 2022, we launched MDN+. 02:44.000 --> 02:45.000 Right? 02:45.000 --> 02:49.000 So I'm going to share some screenshots from the past. 02:49.000 --> 02:56.000 And whoever has seen that at some point in their life makes them nice. 02:56.000 --> 02:59.000 Why? 02:59.000 --> 03:01.000 Okay. 03:01.000 --> 03:04.000 Some people, right? 03:04.000 --> 03:05.000 Whoo! 03:05.000 --> 03:07.000 Okay. 03:07.000 --> 03:09.000 What about this one? 03:09.000 --> 03:10.000 Yes, right? 03:10.000 --> 03:11.000 Yeah. 03:11.000 --> 03:12.000 This was me as well. 03:12.000 --> 03:15.000 This was my first MDN as well. 03:15.000 --> 03:16.000 Right? 03:16.000 --> 03:18.000 And what it looks like now, right? 03:18.000 --> 03:22.000 I'm not sure if you've been there recently, but this is what it looks like. 03:22.000 --> 03:23.000 And yeah, I love it. 03:23.000 --> 03:27.000 It has us fall, but I love it. 03:27.000 --> 03:28.000 Right? 03:28.000 --> 03:30.000 But then what is MDN today? 03:30.000 --> 03:34.000 I talked about it being a documentation platform, right? 03:34.000 --> 03:36.000 For web developers, but it's more than that. 03:36.000 --> 03:39.000 So first and foremost, web docs for sure. 03:39.000 --> 03:40.000 Right? 03:40.000 --> 03:41.000 But we've expanded into loan. 03:41.000 --> 03:47.000 There's a structured curriculum because we see an influx of new web developers every day. 03:47.000 --> 03:52.000 We have the MDN blog, which did not exist for a very long time. 03:52.000 --> 03:55.000 But yeah, we've got tips, we've got tutorials. 03:55.000 --> 04:00.000 I'm not sure if anyone's focused on temporal recently, JavaScript temporal. 04:00.000 --> 04:01.000 Yeah. 04:01.000 --> 04:06.000 We wrote about that and it just went first on hack news, which was amazing. 04:06.000 --> 04:12.000 First time in my life, something which I'm involved in has gone to hack news number one. 04:12.000 --> 04:13.000 So yeah. 04:14.000 --> 04:19.000 MDN plus, I'm not sure if anyone here is subscribed to MDN plus, but do check it out. 04:19.000 --> 04:24.000 And tools like playground for life coding and observatory. 04:24.000 --> 04:29.000 Something that was missing for a pit in the middle, but MDN adopted it. 04:29.000 --> 04:36.000 And it's now security tool where you can test out your headers and make sure you're up to date. 04:38.000 --> 04:42.000 Now, we have the foundation of MDN, the community, right? 04:42.000 --> 04:47.000 All-time contributors we've had 143,000 and more. 04:47.000 --> 04:50.000 And that's just from the GitHub stats, right? 04:50.000 --> 04:56.000 And more is because we had a wiki and that's not what we've counted here. 04:56.000 --> 05:00.000 We have 51 public and active repositories, right? 05:00.000 --> 05:02.000 These are just the public ones. 05:02.000 --> 05:08.000 We have 100 more in the back end, where a lot of examples or workflows, 05:08.000 --> 05:13.000 which shouldn't really be touched or infra is. 05:13.000 --> 05:16.000 And MDN is now available in eight languages. 05:16.000 --> 05:21.000 Seven of them are maintained by localization communities all over the world. 05:21.000 --> 05:28.000 And one is an experiment that we're running for German, which is machine translation, 05:28.000 --> 05:35.000 but we also have a community behind it which reviews and make sure that everything is up to date 05:35.000 --> 05:37.000 and nothing is out of context. 05:37.000 --> 05:39.000 Yeah? 05:39.000 --> 05:40.000 Right? 05:40.000 --> 05:44.000 So, the open source side of it, how do we MDN? 05:44.000 --> 05:45.000 Right? 05:45.000 --> 05:50.000 MDN is built on these three pillars, which is core. 05:50.000 --> 05:52.000 It's got content. 05:52.000 --> 05:54.000 It's got MDN platform. 05:54.000 --> 05:57.000 It used to be called Yari, which we launched in 2020. 05:57.000 --> 06:03.000 But right now, we're putting it to a rust space platform, which is Rari. 06:03.000 --> 06:06.000 It was written in React, it got very clunky. 06:06.000 --> 06:09.000 The build time went over one and a half hours. 06:09.000 --> 06:13.000 So, yeah, you can't wait for one and a half hour build time every time. 06:13.000 --> 06:20.000 We've got BCD, interactive examples, small bits, translated content and workflows. 06:20.000 --> 06:22.000 That's the core of MDN. 06:22.000 --> 06:25.000 Then we've got a list of examples, right? 06:25.000 --> 06:31.000 I'm not sure if you've been to MDN, but does somebody want to guess how many pages there are on MDN? 06:31.000 --> 06:35.000 Many sounds right? 06:35.000 --> 06:37.000 More than two. 06:37.000 --> 06:38.000 That's correct. 06:38.000 --> 06:42.000 We've got 15,000 pages on MDN. 06:42.000 --> 06:43.000 Right? 06:43.000 --> 06:51.000 And then there's the planning pillar, where the community comes in, MDN core data, about MDN and project planning. 06:51.000 --> 06:52.000 Right? 06:52.000 --> 06:56.000 Now, all of that mess relates to roles and teams, right? 06:56.000 --> 07:00.000 The way we manage our community depends a lot on how we structure our teams. 07:00.000 --> 07:03.000 Because when you're on GitHub, right? 07:03.000 --> 07:06.000 When you're contributing, a lot of labels come in. 07:06.000 --> 07:07.000 A lot of contributors come in. 07:07.000 --> 07:11.000 A lot of spam comes in and you can't. 07:11.000 --> 07:13.000 Your GitHub is already pretty full. 07:13.000 --> 07:16.000 Notifications are an nightmare, honestly. 07:16.000 --> 07:20.000 But again, if there's a lot of spam, it gets in. 07:20.000 --> 07:28.000 So, we depend on these pillars for our teams and each team has a role. 07:28.000 --> 07:35.000 And we've got workflows and auto laborers to make sure that the right person gets notified. 07:35.000 --> 07:36.000 Right? 07:36.000 --> 07:43.000 Now, whenever we have a PR come in, we have three pillars there, where we have default owners, 07:43.000 --> 07:45.000 and they get notified for everything. 07:45.000 --> 07:51.000 Every tech writer or every engineer gets notified of what they're responsible for, what their policies are. 07:51.000 --> 07:56.000 But we've also got content based on different technologies and examples. 07:56.000 --> 08:01.000 So, we have invited experts within the community who also get notified for these, 08:01.000 --> 08:06.000 so that they could come in and help out with their expertise, right? 08:06.000 --> 08:08.000 We've also got product documentation. 08:08.000 --> 08:13.000 So, whenever a new Firefox comes in, we've got release notes, which are hosted on MDN, 08:13.000 --> 08:18.000 and for the add-ons and the extension API. 08:18.000 --> 08:19.000 Right? 08:19.000 --> 08:21.000 Labels are crucial. 08:21.000 --> 08:26.000 I'm not sure if you can see this, but for pull requests in our platform, 08:26.000 --> 08:33.000 we've got 127 labels, and that's because everything needs to be categorized the right way. 08:33.000 --> 08:38.000 We've got what 136 issues, and even within discussions, we've got 58 labels. 08:38.000 --> 08:47.000 And with the auto-labeled workflow, we're able to categorize them and distribute them in the right way. 08:48.000 --> 08:52.000 Working style, so every contributor has a different working style, right? 08:52.000 --> 09:01.000 I mean, you sit on your laptop, you want to focus and work, but how do you see your workflow? 09:01.000 --> 09:06.000 And for each one of them, we've got a different project board. 09:06.000 --> 09:12.000 We've got a different notification area, and how do we reach out to them? 09:12.000 --> 09:17.000 So, it's pretty flexible, but again, it's difficult to manage. 09:17.000 --> 09:19.000 Right? 09:19.000 --> 09:25.000 Our contributors have their own tools, right, which were very grateful for just last week. 09:25.000 --> 09:30.000 We launched NMDN awesome repository, so that we could document these tools, 09:30.000 --> 09:36.000 and there could be sharing within the community, and they could use their own tools. 09:36.000 --> 09:37.000 Right? 09:37.000 --> 09:39.000 Now, where does the community live? 09:39.000 --> 09:40.000 Get up, of course. 09:40.000 --> 09:45.000 We've got a learning community on Discord, and we've got socials for the external community. 09:45.000 --> 09:46.000 Right? 09:46.000 --> 09:47.000 And who is the community? 09:47.000 --> 09:51.000 So, I just want to share three pillars of our community. 09:51.000 --> 09:53.000 I would say, because one is an expert. 09:53.000 --> 09:56.000 Josh, he helps us out with JavaScript. 09:56.000 --> 10:00.000 Houchen is one of our Korean content localization lead. 10:00.000 --> 10:05.000 He helps us out a lot with localization in Korean, 10:05.000 --> 10:10.000 and wrangling the team as well, and OWD, which is one of our major partners who help us out with, 10:10.000 --> 10:17.000 I think, 50% of the browser compatibility data that you see on MDN, and a lot of the content. 10:17.000 --> 10:18.000 Right? 10:18.000 --> 10:22.000 All this comes with challenges, and those challenges are communication, 10:22.000 --> 10:28.000 when you have 200 contributors who contribute to your repository, 10:28.000 --> 10:31.000 every week, how do you communicate with them? 10:31.000 --> 10:32.000 Right? 10:32.000 --> 10:36.000 With every change, you have to create many discussions, discord. 10:36.000 --> 10:42.000 So, that's a big challenge for us, which we have to be on top of everyday. 10:42.000 --> 10:46.000 Up to date content, MDN has to be accurate and reliable, 10:46.000 --> 10:52.000 so we're very focused on making sure that our workflows relate to that, 10:52.000 --> 10:54.000 retaining new contributors. 10:54.000 --> 10:58.000 We've got a lot of experts, so it's very overwhelming for new contributors, 10:58.000 --> 11:00.000 which is a big challenge for us. 11:00.000 --> 11:01.000 Trust. 11:02.000 --> 11:05.000 MDN has to maintain a lot of trust with our contributors, 11:05.000 --> 11:09.000 because, again, accurate, reliable content. 11:09.000 --> 11:12.000 And spam, spam. 11:12.000 --> 11:14.000 We've got a lot of spam. 11:14.000 --> 11:18.000 And if you've been a part of a big GitHub organization, 11:18.000 --> 11:24.000 you've noticed these come in, because people want their links posted on your GitHub, 11:24.000 --> 11:27.000 because it's a high traffic area, and yeah. 11:27.000 --> 11:32.000 So, we've got a stay vigilant, and I'm very happy to have the community members 11:32.000 --> 11:35.000 that I do to help us out with these. 11:35.000 --> 11:36.000 Right, milestones. 11:36.000 --> 11:41.000 And these are the milestones, which has helped us deal with a lot of these problems. 11:41.000 --> 11:42.000 GitHub week. 11:42.000 --> 11:47.000 Every six months, we do a GitHub week, which helps us clean out our repo. 11:47.000 --> 11:50.000 Clean out discussions, clean out PRs. 11:50.000 --> 11:52.000 And then content call. 11:52.000 --> 11:56.000 We do this every two weeks, so that we can list out all the PRs we need help with. 11:56.000 --> 11:58.000 And over-communicate. 11:58.000 --> 12:02.000 We did a team revamp recently, and a discussion triad recently. 12:02.000 --> 12:04.000 Again, a complete cleanup. 12:04.000 --> 12:07.000 And project boards maintain project boards. 12:07.000 --> 12:09.000 Folks, it's very important. 12:09.000 --> 12:11.000 Right. 12:11.000 --> 12:15.000 Where does MDN manage, I think I can skip this for time? 12:15.000 --> 12:17.000 Yeah, future for MDN. 12:17.000 --> 12:24.000 So, for the MDN community, what we're focused on right now is engagement, recognition, and growth. 12:24.000 --> 12:25.000 Right? 12:25.000 --> 12:32.000 Because we've had the community to maintain documentation and maintain the platform on MDN. 12:32.000 --> 12:34.000 But how do we engage them? 12:34.000 --> 12:35.000 Right? 12:35.000 --> 12:38.000 That's been a big, big missing piece there. 12:38.000 --> 12:40.000 And that's what we're focused on right now. 12:40.000 --> 12:45.000 We recently started the Contributor Spotlight Program for MDN, which has been amazing. 12:45.000 --> 12:52.000 And growing the learner community, because MDN has a lot of curriculum and those learners come in, 12:52.000 --> 12:54.000 but they don't have a place to go. 12:54.000 --> 12:55.000 Right? 12:55.000 --> 13:03.000 So, we want to host them and make sure that they learn development with us. 13:03.000 --> 13:06.000 Right? 13:06.000 --> 13:08.000 This is a code by Mitchell Baker. 13:08.000 --> 13:13.000 The Internet offers untooled potential for humanity to make the most of it. 13:13.000 --> 13:15.000 We need to think of the Internet as ours. 13:15.000 --> 13:20.000 I think the suits MDN the most, because we need to think of MDN as ours. 13:20.000 --> 13:21.000 Right? 13:21.000 --> 13:27.000 And I don't have a special code for you, but I just want to say Contributor MDN as simple as that. 13:27.000 --> 13:28.000 Right? 13:28.000 --> 13:29.000 Yes? 13:29.000 --> 13:31.000 Join us. 13:31.000 --> 13:38.000 Please help us fix issues, improve content, localize content, and also bring our friendly questions. 13:38.000 --> 13:43.000 You can find everything you need at MDN.dev slash community. 13:43.000 --> 13:44.000 That's it. 13:44.000 --> 13:45.000 Any questions? 13:45.000 --> 13:46.000 Any feedback? 13:46.000 --> 13:47.000 Okay. 13:47.000 --> 13:48.000 Thank you very much. 13:49.000 --> 13:50.000 Thank you. 13:50.000 --> 13:51.000 Thank you.