npm - whiteport-design-studio - Versions diffs - 0.2.2 → 0.3.0 - Mend

whiteport-design-studio 0.2.2 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (582) hide show

package/docs/learn-wds/course-explainers/Module 02-transcript.srt DELETED Viewed

@@ -1,807 +0,0 @@
-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.