1 00:00:00,080 --> 00:00:01,915 All right, let's dive into something 2 00:00:01,915 --> 00:00:04,363 that, let's be honest, can feel a little 3 00:00:04,363 --> 00:00:06,504 intimidating for a lot of designers. The 4 00:00:06,504 --> 00:00:08,340 whole technical setup for the Whiteboard 5 00:00:08,340 --> 00:00:10,481 Design Studio course, we're going to go 6 00:00:10,481 --> 00:00:13,234 on a little journey here and the goal is 7 00:00:13,234 --> 00:00:15,681 to take that feeling of, uh, this is 8 00:00:15,681 --> 00:00:18,129 complicated and turn it into, OK, I got 9 00:00:18,129 --> 00:00:20,647 this. Does this sound at all familiar?I 10 00:00:20,647 --> 00:00:22,861 bet it does. This is probably the number 11 00:00:22,861 --> 00:00:24,798 one thing we hear from amazing designers 12 00:00:24,798 --> 00:00:27,012 who are totally ready to grow, but they 13 00:00:27,012 --> 00:00:29,226 feel like the tools are this giant wall 14 00:00:29,226 --> 00:00:31,717 in front of them. If that's you, I just 15 00:00:31,717 --> 00:00:34,485 want you to know you are so not alone. In 16 00:00:34,485 --> 00:00:36,975 fact, this is the perfect place for us to 17 00:00:36,975 --> 00:00:38,913 start. And here's the absolute truth. The 18 00:00:38,913 --> 00:00:41,559 thing you have to keep in mind?Every 19 00:00:41,559 --> 00:00:43,656 single expert you admire, every designer 20 00:00:43,656 --> 00:00:46,452 who seems to have it all figured out. 21 00:00:46,452 --> 00:00:48,549 They all started right here, uncertain, 22 00:00:48,549 --> 00:00:50,995 maybe a little nervous, wondering if they 23 00:00:50,995 --> 00:00:53,791 could really get the hang of it. Well, 24 00:00:53,791 --> 00:00:56,587 they did, and you will too. So let's 25 00:00:56,587 --> 00:00:59,033 just face that technical hurdle head on. 26 00:00:59,033 --> 00:01:01,615 Our first mission is super simple. We're 27 00:01:01,615 --> 00:01:03,819 going to demystify all these tools. We're 28 00:01:03,819 --> 00:01:06,024 going to take that scary sounding jargon 29 00:01:06,024 --> 00:01:08,228 and justice, turn it into ideas that 30 00:01:08,228 --> 00:01:10,433 actually make sense. First U Git and 31 00:01:10,433 --> 00:01:12,952 GitHub, people get these mixed U all the 32 00:01:12,952 --> 00:01:15,157 time. Are they the same thing? Not 33 00:01:15,157 --> 00:01:17,991 really. And the best way to get it is 34 00:01:17,991 --> 00:01:20,510 with this analogy. Think of Git as the 35 00:01:20,510 --> 00:01:22,566 engine. It's the powerful. Thing working 36 00:01:22,566 --> 00:01:25,071 behind the scenes, keeping track of every 37 00:01:25,071 --> 00:01:27,576 single change you make. And GitHub, well, 38 00:01:27,576 --> 00:01:30,081 GitHub is the car. It's the sleek, 39 00:01:30,081 --> 00:01:31,870 user-friendly website where you actually 40 00:01:31,870 --> 00:01:34,733 store and share your project. O what is 41 00:01:34,733 --> 00:01:36,880 GitHub really? Let's just forget the 42 00:01:36,880 --> 00:01:39,027 whole intimidating tech reputation for a 43 00:01:39,027 --> 00:01:41,532 second. At its heart, it's basically just 44 00:01:41,532 --> 00:01:43,758 cloud. Storage, but with a superpower and 45 00:01:43,758 --> 00:01:45,856 that superpower is a time machine Every 46 00:01:45,856 --> 00:01:48,254 time you save your work, it doesn't just 47 00:01:48,254 --> 00:01:50,651 back it U, it creates a specific version 48 00:01:50,651 --> 00:01:53,349 you can go back to at anytime It's like 49 00:01:53,349 --> 00:01:55,447 the ultimate safety net for your entire 50 00:01:55,447 --> 00:01:57,844 design process. OK, so now we know what 51 00:01:57,844 --> 00:02:00,542 it is let's take that first big step we 52 00:02:00,542 --> 00:02:02,340 are going to create your professional. 53 00:02:02,420 --> 00:02:04,604 Home on the Internet your very first 54 00:02:04,604 --> 00:02:07,100 GitHub repository and you are going to be 55 00:02:07,100 --> 00:02:09,284 amazed at how simple this is. Seriously, 56 00:02:09,284 --> 00:02:12,092 you just go to github.com & up. You know, 57 00:02:12,092 --> 00:02:14,276 just like you would for any other 58 00:02:14,276 --> 00:02:17,084 website. A little pro tip, try to pick a 59 00:02:17,084 --> 00:02:18,332 professional sounding username because 60 00:02:18,332 --> 00:02:20,516 you might end up sharing this with 61 00:02:20,516 --> 00:02:22,700 clients one day. You verify your e-mail. 62 00:02:22,920 --> 00:02:24,768 And, well, that's literally it. And 63 00:02:24,768 --> 00:02:26,924 justice like that, you've done it. No, 64 00:02:26,924 --> 00:02:29,388 really, take a second and let that sink 65 00:02:29,388 --> 00:02:31,544 in. That thing that might have seemed 66 00:02:31,544 --> 00:02:33,700 kind of complicated a few minutes ago, 67 00:02:33,700 --> 00:02:36,164 you just did it. That feeling of progress 68 00:02:36,164 --> 00:02:38,320 right there. We're going to keep building 69 00:02:38,320 --> 00:02:40,784 on that. Now, when you create your first 70 00:02:40,784 --> 00:02:42,632 project folder, they call it a 71 00:02:42,632 --> 00:02:44,772 repository. You have a little choice to 72 00:02:44,772 --> 00:02:47,002 make. You can have a single repo where 73 00:02:47,002 --> 00:02:48,953 all your design specs and maybe some 74 00:02:48,953 --> 00:02:50,905 future code live together, which by the 75 00:02:50,905 --> 00:02:52,856 way, is perfect for beginners. Or you 76 00:02:52,856 --> 00:02:54,528 could have separate repos for everything, 77 00:02:54,528 --> 00:02:56,758 which is more of a big corporate thing 78 00:02:56,758 --> 00:02:58,709 for this course. Trust me, we're going 79 00:02:58,709 --> 00:03:00,660 with the single repo. It keeps everything 80 00:03:00,660 --> 00:03:02,890 simple and all in one place. So once 81 00:03:02,890 --> 00:03:04,563 you've named your repository and you 82 00:03:04,563 --> 00:03:06,867 click that. The right button boom, that's 83 00:03:06,867 --> 00:03:09,551 it. You are now officially a GitHub user. 84 00:03:09,551 --> 00:03:11,900 You have a professional space to house 85 00:03:11,900 --> 00:03:14,248 your work. Feels pretty good, right? OK, 86 00:03:14,248 --> 00:03:16,597 now let's build the workshop where you'll 87 00:03:16,597 --> 00:03:18,945 actually do the designing All right, we 88 00:03:18,945 --> 00:03:21,629 have our cloud storage all set U Now 89 00:03:21,629 --> 00:03:23,978 it's time to build your local workshop 90 00:03:23,978 --> 00:03:26,050 we're going to install. Something called 91 00:03:26,050 --> 00:03:29,020 an IDE, and I promise you it is not 92 00:03:29,020 --> 00:03:30,1000 nearly as complicated as that acronym 93 00:03:30,1000 --> 00:03:33,970 sounds. O what on earth is an IDE? It's 94 00:03:33,970 --> 00:03:36,280 just a fancy acronym for your digital 95 00:03:36,280 --> 00:03:38,590 workspace. And here's the best way to 96 00:03:38,590 --> 00:03:40,900 think about it. If Microsoft Word is 97 00:03:40,900 --> 00:03:43,540 where you write documents and IDE is your 98 00:03:43,540 --> 00:03:44,860 workspace for crafting design 99 00:03:44,860 --> 00:03:46,904 specifications for WDS. We highly, highly 100 00:03:46,904 --> 00:03:48,771 recommend an app called Cursor because 101 00:03:48,771 --> 00:03:51,261 it's built for the kind of AI assisted 102 00:03:51,261 --> 00:03:53,750 work we'll be doing, and installing it is 103 00:03:53,750 --> 00:03:55,618 something you've done 1000 times before. 104 00:03:55,618 --> 00:03:57,796 You just download it, click through the 105 00:03:57,796 --> 00:03:59,352 installer like any other application, 106 00:03:59,352 --> 00:04:01,842 pick a light or dark theme, the important 107 00:04:01,842 --> 00:04:04,332 choice, and then you sign in with that 108 00:04:04,332 --> 00:04:06,199 brand new GitHub account you just 109 00:04:06,199 --> 00:04:08,039 created. And that seamlessly connects 110 00:04:08,039 --> 00:04:09,912 your local computer to your cloud 111 00:04:09,912 --> 00:04:12,097 storage. OK, so inside your new IDE, 112 00:04:12,097 --> 00:04:14,282 you're going to find something called a 113 00:04:14,282 --> 00:04:16,468 terminal. And yet, for a lot of 114 00:04:16,468 --> 00:04:18,653 designers, that little black box with the 115 00:04:18,653 --> 00:04:20,526 blinking cursor looks pretty scary. It 116 00:04:20,526 --> 00:04:23,336 feels like you need to be some kind of 117 00:04:23,336 --> 00:04:25,521 coding genius just to touch it. But 118 00:04:25,521 --> 00:04:28,061 here's the secret you. Do not need to 119 00:04:28,061 --> 00:04:30,197 learn some new complex language for this 120 00:04:30,197 --> 00:04:32,333 entire course. You are almost always just 121 00:04:32,333 --> 00:04:34,774 going to be copying commands that we give 122 00:04:34,774 --> 00:04:36,910 you and pasting them into the terminal. 123 00:04:36,910 --> 00:04:39,351 That's it. It's just another way to talk 124 00:04:39,351 --> 00:04:41,182 to your computer typing instead of 125 00:04:41,182 --> 00:04:43,318 clicking. And now for the magic trick. 126 00:04:43,318 --> 00:04:45,759 We've got our home in the cloud on 127 00:04:45,759 --> 00:04:47,971 GitHub, and we've got our workshop. On 128 00:04:47,971 --> 00:04:50,219 our computer, the next step is to connect 129 00:04:50,219 --> 00:04:52,748 them. We're going to bring a copy of your 130 00:04:52,748 --> 00:04:54,996 roject home. We do this with a process 131 00:04:54,996 --> 00:04:56,963 called cloning, and all that really means 132 00:04:56,963 --> 00:04:59,491 is making a local copy of your project on 133 00:04:59,491 --> 00:05:01,177 your computer that stays perfectly In 134 00:05:01,177 --> 00:05:03,425 Sync with what's on GitHub. You can think 135 00:05:03,425 --> 00:05:05,673 of it exactly like Dropbox sync, but with 136 00:05:05,673 --> 00:05:07,359 that super powerful version history that 137 00:05:07,359 --> 00:05:09,471 time. Machine built right in and the 138 00:05:09,471 --> 00:05:11,819 process is just so simple. You copy the 139 00:05:11,819 --> 00:05:14,168 URL from your GitHub page, you open U 140 00:05:14,168 --> 00:05:16,516 that terminal in your IDE and you just 141 00:05:16,516 --> 00:05:18,864 type git clone and then paste the link. 142 00:05:18,864 --> 00:05:21,506 But now check out Step 4. This is the 143 00:05:21,506 --> 00:05:23,854 really cool part. If you don't happen to 144 00:05:23,854 --> 00:05:26,202 have git installed yet, your IDE is smart 145 00:05:26,202 --> 00:05:28,904 enough to see that it'll. Pop up and ask 146 00:05:28,904 --> 00:05:31,501 if you want to install it, you click 1 147 00:05:31,501 --> 00:05:33,521 button and it does everything for you. 148 00:05:33,521 --> 00:05:36,407 And just like that get us set U OK? With 149 00:05:36,407 --> 00:05:38,427 all the tools locked and loaded, we've 150 00:05:38,427 --> 00:05:40,736 made it to the final and honestly the 151 00:05:40,736 --> 00:05:42,756 most exciting part of this whole setup. 152 00:05:42,756 --> 00:05:45,064 It's time to bring in the White Port 153 00:05:45,064 --> 00:05:46,796 Design Studio methodology and meet your 154 00:05:46,796 --> 00:05:49,268 personal AI guide, Mimir. First, you'll 155 00:05:49,268 --> 00:05:51,571 create a special folder called Docs, and 156 00:05:51,571 --> 00:05:54,533 what's so cool about this is it lays out 157 00:05:54,533 --> 00:05:56,836 the entire WDC process for you. These 158 00:05:56,836 --> 00:05:58,810 eight folders aren't just random names, 159 00:05:58,810 --> 00:06:00,785 they are the complete battle tested 160 00:06:00,785 --> 00:06:02,759 design methodology that's going to guide 161 00:06:02,759 --> 00:06:05,720 you all the way from the first idea to 162 00:06:05,720 --> 00:06:07,695 the final delivery. This folder becomes 163 00:06:07,695 --> 00:06:10,110 the single source of truth. For your 164 00:06:10,110 --> 00:06:12,558 entire project and now you meet your 165 00:06:12,558 --> 00:06:15,007 guide. Mimir is the AI orchestrator for 166 00:06:15,007 --> 00:06:17,806 WDS. And what this means is that from 167 00:06:17,806 --> 00:06:20,255 this moment forward, you are never alone. 168 00:06:20,255 --> 00:06:22,703 Anytime you feel stuck, anytime you have 169 00:06:22,703 --> 00:06:25,502 a question or you just need a little 170 00:06:25,502 --> 00:06:27,951 direction, you just type at WD Schmear 171 00:06:27,951 --> 00:06:30,715 right there in your IDE. And your guide 172 00:06:30,715 --> 00:06:33,039 will be there to help you out. And with 173 00:06:33,039 --> 00:06:34,846 that, you're done. The set is complete. 174 00:06:34,846 --> 00:06:37,170 You are ready to go. But hey, before we 175 00:06:37,170 --> 00:06:39,236 move on, let's just hit pause for a 176 00:06:39,236 --> 00:06:41,044 second and look back at everything you 177 00:06:41,044 --> 00:06:43,110 just did. No, seriously, take a moment. A 178 00:06:43,110 --> 00:06:45,175 lot of designers get stuck at this stage 179 00:06:45,175 --> 00:06:47,241 for a long time, but you just pushed 180 00:06:47,241 --> 00:06:49,307 right through it. Do you realize what a 181 00:06:49,307 --> 00:06:52,118 big deal that is?I mean, look 182 00:06:52,118 --> 00:06:54,611 at this list. You created a GitHub 183 00:06:54,611 --> 00:06:56,392 account and a professional repository, 184 00:06:56,392 --> 00:06:58,529 you installed a professional grade IDE, 185 00:06:58,529 --> 00:07:01,022 you actually used the command line to 186 00:07:01,022 --> 00:07:03,159 clone your first project, you integrated 187 00:07:03,159 --> 00:07:05,296 the entire WDS framework, and you 188 00:07:05,296 --> 00:07:07,432 activated your personal AI guide. This 189 00:07:07,432 --> 00:07:09,925 wasn't just about clicking a few buttons, 190 00:07:09,925 --> 00:07:12,712 this was a transformation. You may have 191 00:07:12,712 --> 00:07:14,837 started out feeling like a nervous 192 00:07:14,837 --> 00:07:17,316 beginner, but right now you are a 193 00:07:17,316 --> 00:07:19,795 designer who is equipped with a fully 194 00:07:19,795 --> 00:07:21,566 professional industry standard set. O. 195 00:07:21,566 --> 00:07:23,691 Let's end with this thought. After 196 00:07:23,691 --> 00:07:25,461 everything you just accomplished, there 197 00:07:25,461 --> 00:07:28,294 is no more. I might be able to 198 00:07:28,294 --> 00:07:31,128 do this. You just proved to yourself that 199 00:07:31,128 --> 00:07:33,836 you are able. The setup is done, 200 00:07:33,836 --> 00:07:36,174 your environment is ready, and your guide 201 00:07:36,174 --> 00:07:38,846 me mayor is waiting for you. Welcome to 202 00:07:38,846 --> 00:07:39,180 WDS.