Quick Lecture Overview
Subscribing gives you access to a brief, insightful summary of each lecture to stay on track.
Committing to GitHub
Loading...
By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.
Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.
You'll also be the first to know about upcoming launches, events, and exclusive discounts.
No spam—just helpful content to level up your skills.
If that sounds fair, go ahead and log in to continue →
Enter your name and email to get instant access
##Looks like we found a thief monkey By the way, I liked the trick how you reached till here. You have a good sense of humor. You will improve a lot if you join our course with this passion.
var (function-scoped, outdated)let (block-scoped, modern and recommended)const (block-scoped, cannot be reassigned)_, or $let let = 5; is invalid)myVar and myvar are different)string, number, boolean, null, undefined, bigint, symbolObjects, Arrays, FunctionsSubscribing gives you access to a brief, insightful summary of each lecture to stay on track.
00:00:00 Oh, and now that you've implemented your first animation, it's time to commit this code to GitHub.
00:00:05 So, head over to github.com forward slash new.
00:00:11 This will allow you to create a new repo.
00:00:13 Oh, and look at that.
00:00:14 It looks like they have this new experience of creating repos.
00:00:17 Perfect.
00:00:18 So, let me show you how you can create it.
00:00:20 First, choose an owner.
00:00:22 In this case, that can be yourself.
00:00:24 And then here, you can give it a repo name.
00:00:26 You can call it something like JS Mastery GSAP course playground, or however else you'd like.
00:00:33 It's your repo, after all.
00:00:34 We can leave the description blank for now.
00:00:37 and then head over to the configuration.
00:00:38 Definitely make it public to share what you're learning every day.
00:00:41 No need to start off with a template.
00:00:43 We don't need the Read Me either, and we can leave the rest of the steps as they are.
00:00:47 So I'll just click Create Repo.
00:00:49 And just like that, your own version of the JS Mastery GSAP course playground has been spun up.
00:00:54 But now, we want to move the code that we have created right here onto your repo.
00:00:59 To do that, you'll just need to copy one single line from here, and that is this longest line that we don't really feel like typing by hand.
00:01:07 So copy it, head back over to your code editor, and open up the terminal.
00:01:11 The current terminal will be running your application.
00:01:14 So in case you want to commit it alongside running it, you can just create a new terminal right here.
00:01:19 Within it, we can first set up our repo.
00:01:22 So just follow my lead.
00:01:23 Type git init to initialize it.
00:01:26 git add dot to add all of the currently added files to this commit.
00:01:32 git commit dash m.
00:01:34 First, commit git branch dash m main.
00:01:39 Then, paste the command you just copied.
00:01:42 git remote add origin.
00:01:43 Since you already started by cloning my repo, it's going to say that origin already exists.
00:01:49 So, just paste the command you copied one more time.
00:01:52 And rename it to something like origin1.
00:01:55 This is your version of the app.
00:01:57 Finally, say git push dash u origin1 main.
00:02:04 This means that you're pushing your version of the code to your repo.
00:02:08 And as soon as you reload your screen, your code will be here.
00:02:12 We can clean it up a bit by giving it a short description, something like JS Mastery, GSAP course playground.
00:02:22 And we can enter the URL.
00:02:23 In this case, I'll do jsmastery.com.
00:02:28 You can do whatever you want.
00:02:30 And I'll also say something like GSAP animation and motion.
00:02:35 So people can find a repo if they search for relevant topics.
00:02:38 And I'll hide these from our homepage because they're not relevant.
00:02:42 This will nicely clean it up.
00:02:44 So it looks a bit more professional.
00:02:46 Now using GitHub and pushing to GitHub consistently is very important.
00:02:51 It conveys to hiring managers or agencies or clients that you're consistent and that you're taking your work seriously.
00:02:58 And another benefit is that if you follow this course consistently, at the same time, you'll also be building your GitHub contributions.
00:03:06 It looks like I gathered about 600 in the last year, but what about you?
00:03:11 Let me know how much you got in the comments down below.
00:03:14 Oh, and another reason why this might be super useful is if you head over to your commits and check out this commit, is that here you can see which code
00:03:24 you implemented for which specific challenge, so that you can always revisit it and recap what you've learned.
00:03:31 Not only that, but it is super useful to maybe head over into a page, check out that animation that you've implemented, take a screenshot of it,
00:03:41 and then maybe share it across your socials.
00:03:43 LinkedIn, X, whatever it is, keep sharing about your learning journey as the days go by.
00:03:50 You know about that 100 days of code challenge.
00:03:52 Well, you don't have to do it for a hundred days, but you can at least stay consistent.
00:03:57 Oh, and if you finish lessons consistently day by day, you'll also be able to build your JSM streak.
00:04:04 You can surely beat me on that.
00:04:05 So these are just some of the many reasons why committing to GitHub regularly actually matters.
00:04:11 And I'll do it alongside you as we complete each one of these lessons.
00:04:15 So that if you want to refer to the code for a specific lesson, you can just take a look at my commit and see exactly which things have changed.
00:04:23 With that in mind, let's continue.