title
How to Clone a GitHub Repository for Beginners

description
Clone a GitHub repository from scratch. Starting with installing NodeJS, npm, and git all the way to installing packages and running a local version of a project. Note: NodeJS and npm are NOT necessary to clone a repo from GitHub. They are used in this video for running our cloned project locally. Not all GitHub projects use Node and npm, so they will not always be needed. Video from Jesse Weigel. -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com

detail
{'title': 'How to Clone a GitHub Repository for Beginners', 'heatmap': [{'end': 524.264, 'start': 502.539, 'weight': 0.741}, {'end': 684.553, 'start': 650.12, 'weight': 0.985}], 'summary': 'Learn how to clone a github repository, install node.js and npm, set up git and github, navigate and clone repositories using ssh or https links, explore git repository, run react scripts, and download javascript projects from github, all with detailed step-by-step instructions and tips for beginners.', 'chapters': [{'end': 61.851, 'segs': [{'end': 61.851, 'src': 'embed', 'start': 1.698, 'weight': 0, 'content': [{'end': 9.783, 'text': "hey everyone, it's jesse and today i'm going to walk through how to clone a github repository.", 'start': 1.698, 'duration': 8.085}, {'end': 21.971, 'text': "so i'm going to start way at the beginning by installing node, and with that is going to come npm node package manager.", 'start': 9.783, 'duration': 12.188}, {'end': 31.542, 'text': "we're going to go over how to install git on your local machine and then we're gonna actually take a repository from GitHub,", 'start': 21.971, 'duration': 9.571}, {'end': 45.653, 'text': "we're gonna clone it onto our machine and we're gonna install all the packages that we need and then start it up so that we could actually see the project on our local machine and make changes if we want.", 'start': 31.542, 'duration': 14.111}, {'end': 48.074, 'text': "So let's get started.", 'start': 46.733, 'duration': 1.341}, {'end': 58.507, 'text': 'You can see I have a command line terminal open, So I use iTerm and I have some custom colors here.', 'start': 49.756, 'duration': 8.751}, {'end': 61.851, 'text': "So if your terminal doesn't look like mine, don't worry about it.", 'start': 58.807, 'duration': 3.044}], 'summary': 'Jesse demonstrates how to clone a github repository, including installing node, npm, and git, and setting up the project on a local machine.', 'duration': 60.153, 'max_score': 1.698, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU1698.jpg'}], 'start': 1.698, 'title': 'Cloning github repository', 'summary': 'Covers the process of cloning a github repository, including installing node and npm, installing git, and cloning a repository onto the local machine to view and make changes.', 'chapters': [{'end': 61.851, 'start': 1.698, 'title': 'Cloning github repository tutorial', 'summary': 'Covers the process of cloning a github repository, starting with installing node and npm, then installing git on the local machine, and finally cloning a repository onto the local machine to view and make changes.', 'duration': 60.153, 'highlights': ['Installing node and npm is the first step in the process of cloning a GitHub repository.', 'Installing git on the local machine is essential in the process of cloning a GitHub repository.', 'Cloning a repository onto the local machine allows for viewing and making changes to the project locally.']}], 'duration': 60.153, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU1698.jpg', 'highlights': ['Installing git on the local machine is essential in the process of cloning a GitHub repository.', 'Installing node and npm is the first step in the process of cloning a GitHub repository.', 'Cloning a repository onto the local machine allows for viewing and making changes to the project locally.']}, {'end': 174.343, 'segs': [{'end': 122.388, 'src': 'embed', 'start': 90.43, 'weight': 0, 'content': [{'end': 91.832, 'text': 'This is Node.js.', 'start': 90.43, 'duration': 1.402}, {'end': 97.159, 'text': 'It allows you to run server-side JavaScript code.', 'start': 91.912, 'duration': 5.247}, {'end': 101.745, 'text': 'You can go to the Node.js website.', 'start': 99.182, 'duration': 2.563}, {'end': 108.206, 'text': 'And the download page will recommend downloads depending on your system.', 'start': 102.685, 'duration': 5.521}, {'end': 112.007, 'text': 'So the safest bet is to go with the LTS.', 'start': 108.826, 'duration': 3.181}, {'end': 118.888, 'text': 'If you like to live on the edge and have the newest features, you could try to do the current one.', 'start': 112.527, 'duration': 6.361}, {'end': 122.388, 'text': 'But you can download this.', 'start': 119.588, 'duration': 2.8}], 'summary': 'Node.js is a server-side javascript platform; lts is recommended for stability, but current version offers newer features.', 'duration': 31.958, 'max_score': 90.43, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU90430.jpg'}, {'end': 174.343, 'src': 'embed', 'start': 144.478, 'weight': 1, 'content': [{'end': 150.6, 'text': "So I'm not going to download Node again, but just to test to make sure that we do have Node on our system.", 'start': 144.478, 'duration': 6.122}, {'end': 156.622, 'text': 'we can run node-v and it tells me the version number of Node.', 'start': 150.6, 'duration': 6.022}, {'end': 159.851, 'text': 'So I know I have node.', 'start': 158.53, 'duration': 1.321}, {'end': 168.238, 'text': 'To make sure I have npm, node package manager in my system, I can also run npm dash v.', 'start': 160.352, 'duration': 7.886}, {'end': 172.422, 'text': "I'm sorry, it's hyphen, it's not a dash, it's hyphen v.", 'start': 168.238, 'duration': 4.184}, {'end': 174.343, 'text': 'And I have npm as well.', 'start': 172.422, 'duration': 1.921}], 'summary': 'Confirmed node and npm presence on system.', 'duration': 29.865, 'max_score': 144.478, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU144478.jpg'}], 'start': 62.291, 'title': 'Installing node.js and npm', 'summary': 'Details the installation process of node.js and npm on windows, mac, or linux, highlighting the inclusion of node package manager with node.js and providing commands to verify the installation.', 'chapters': [{'end': 174.343, 'start': 62.291, 'title': 'Installing node.js and npm', 'summary': 'Explains how to install node.js and npm on windows, mac, or linux, emphasizing that the node package manager comes with the node.js installation and provides commands to check if node.js and npm are installed.', 'duration': 112.052, 'highlights': ['You can go to the Node.js website and download the recommended LTS version depending on your system. Downloading the LTS version of Node.js is recommended for stability and compatibility.', "Running 'node -v' will display the version number of Node installed on the system. The command 'node -v' can be used to verify the installation of Node and display its version number.", "Running 'npm -v' will display the version of Node Package Manager installed on the system. The command 'npm -v' can be used to verify the installation of NPM and display its version."]}], 'duration': 112.052, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU62291.jpg', 'highlights': ['Downloading the LTS version of Node.js is recommended for stability and compatibility.', "Running 'node -v' can be used to verify the installation of Node and display its version number.", "Running 'npm -v' can be used to verify the installation of NPM and display its version."]}, {'end': 326.573, 'segs': [{'end': 296.503, 'src': 'embed', 'start': 175.924, 'weight': 0, 'content': [{'end': 183.491, 'text': "So after you go through that process, which may take a while, now you're ready to go on to git.", 'start': 175.924, 'duration': 7.567}, {'end': 192.484, 'text': "Now at any point during this process, if you're on a Mac, you may be prompted to download Xcode.", 'start': 184.534, 'duration': 7.95}, {'end': 195.677, 'text': 'Download Xcode.', 'start': 194.696, 'duration': 0.981}, {'end': 198.618, 'text': "It might take a while, but you're gonna need Xcode.", 'start': 196.457, 'duration': 2.161}, {'end': 204.201, 'text': "You're also gonna wanna make sure you have the administrator access to your machine.", 'start': 198.838, 'duration': 5.363}, {'end': 209.404, 'text': "If you don't have admin access, a lot of this probably will not work.", 'start': 204.801, 'duration': 4.603}, {'end': 216.868, 'text': "So you're gonna have to figure out a way to get administrator access somehow on a machine.", 'start': 209.424, 'duration': 7.444}, {'end': 222.011, 'text': 'So there are also a variety of ways to install Git locally.', 'start': 218.449, 'duration': 3.562}, {'end': 230.767, 'text': 'For me, the way I usually use, it seems to be the easiest, is to download the GitHub desktop app.', 'start': 222.901, 'duration': 7.866}, {'end': 235.571, 'text': 'And then all your command line tools for Git will also be installed.', 'start': 231.708, 'duration': 3.863}, {'end': 239.754, 'text': "It's really easy.", 'start': 238.853, 'duration': 0.901}, {'end': 243.957, 'text': "This is like download and you click it and it's nice.", 'start': 239.774, 'duration': 4.183}, {'end': 246.76, 'text': "So you don't really have to have a lot of command line experience.", 'start': 243.977, 'duration': 2.783}, {'end': 248.261, 'text': "So that's why I like it.", 'start': 247.06, 'duration': 1.201}, {'end': 254.231, 'text': "If you want, and you're not really comfortable with the command line,", 'start': 251.149, 'duration': 3.082}, {'end': 260.875, 'text': "you can even use this desktop app to do a lot of the things in Git that we're going to do here on the command line.", 'start': 254.231, 'duration': 6.644}, {'end': 262.337, 'text': "So it's entirely up to you.", 'start': 261.156, 'duration': 1.181}, {'end': 269.982, 'text': "I've never used the desktop app, but the result will be the same, whether you use the command line or the desktop app.", 'start': 262.777, 'duration': 7.205}, {'end': 272.344, 'text': 'So go ahead and download that.', 'start': 271.043, 'duration': 1.301}, {'end': 282.529, 'text': "When that's finished, you can also check to make sure you have Git installed by saying git v, oops, Okay, so the V doesn't work.", 'start': 273.104, 'duration': 9.425}, {'end': 284.831, 'text': 'Oh, you actually have to type version.', 'start': 282.909, 'duration': 1.922}, {'end': 290.036, 'text': 'Okay, so we have Git installed.', 'start': 284.851, 'duration': 5.185}, {'end': 296.503, 'text': 'Now we can get a repository.', 'start': 292.379, 'duration': 4.124}], 'summary': 'To install git, download xcode and ensure admin access; consider using github desktop app for ease of installation and usage.', 'duration': 120.579, 'max_score': 175.924, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU175924.jpg'}], 'start': 175.924, 'title': 'Setting up git and github', 'summary': 'Covers the process of setting up git and github, including the need to download xcode on mac, obtaining administrator access, and installing git using github desktop app, ensuring a seamless installation and initialization of git for beginners.', 'chapters': [{'end': 326.573, 'start': 175.924, 'title': 'Setting up git and github', 'summary': 'Covers the process of setting up git and github, including the need to download xcode on mac, obtaining administrator access, and installing git using github desktop app, ensuring a seamless installation and initialization of git for beginners.', 'duration': 150.649, 'highlights': ['Downloading Xcode is essential for Mac users to ensure a smooth setup process for Git and GitHub.', 'Obtaining administrator access is crucial for the successful installation of Git and GitHub.', 'Installing Git using the GitHub desktop app provides a beginner-friendly and seamless setup process, eliminating the need for extensive command line knowledge.', "Verifying the installation of Git by using the command 'git version' confirms the successful setup of Git and GitHub."]}], 'duration': 150.649, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU175924.jpg', 'highlights': ['Installing Git using the GitHub desktop app provides a beginner-friendly and seamless setup process, eliminating the need for extensive command line knowledge.', 'Downloading Xcode is essential for Mac users to ensure a smooth setup process for Git and GitHub.', 'Obtaining administrator access is crucial for the successful installation of Git and GitHub.', "Verifying the installation of Git by using the command 'git version' confirms the successful setup of Git and GitHub."]}, {'end': 575.793, 'segs': [{'end': 417.264, 'src': 'embed', 'start': 327.454, 'weight': 0, 'content': [{'end': 330.758, 'text': 'But what we want to do is navigate to an actual repository.', 'start': 327.454, 'duration': 3.304}, {'end': 335.024, 'text': "So I've already selected a repository that I've done.", 'start': 330.818, 'duration': 4.206}, {'end': 338.949, 'text': 'This is one I finished up a week or two ago.', 'start': 335.584, 'duration': 3.365}, {'end': 347.752, 'text': "You'll see here is a clone or download button.", 'start': 343.789, 'duration': 3.963}, {'end': 349.653, 'text': "That's where we want to be.", 'start': 348.412, 'duration': 1.241}, {'end': 352.435, 'text': 'All right, we want to go to the clone or download button.', 'start': 349.673, 'duration': 2.762}, {'end': 355.957, 'text': 'A good repository will have some instructions.', 'start': 353.536, 'duration': 2.421}, {'end': 366.184, 'text': 'So this one happens to have instructions to walk you through how to clone and install it.', 'start': 356.938, 'duration': 9.246}, {'end': 367.966, 'text': 'So that can be very helpful.', 'start': 366.605, 'duration': 1.361}, {'end': 370.948, 'text': "You won't always see that in a repository though.", 'start': 368.446, 'duration': 2.502}, {'end': 379.87, 'text': 'So what you should do first is click on this clone or download button.', 'start': 375.549, 'duration': 4.321}, {'end': 389.152, 'text': 'And you want to grab this pass, sorry, not password address.', 'start': 381.57, 'duration': 7.582}, {'end': 390.392, 'text': "That's where I'm thinking of.", 'start': 389.192, 'duration': 1.2}, {'end': 393.932, 'text': 'You want to get this address so you can copy it to your clipboard.', 'start': 390.732, 'duration': 3.2}, {'end': 398.613, 'text': 'Now you have to have SSH keys set up for this to work.', 'start': 395.133, 'duration': 3.48}, {'end': 402.414, 'text': "If you haven't done that, you can just use this link.", 'start': 399.033, 'duration': 3.381}, {'end': 405.637, 'text': 'the HTTPS link.', 'start': 404.056, 'duration': 1.581}, {'end': 415.803, 'text': "Now we're not gonna use these ways, but if you'd like to use that desktop version, you can just open it up right in the desktop version like this,", 'start': 407.678, 'duration': 8.125}, {'end': 417.264, 'text': 'or you can download the zip file.', 'start': 415.803, 'duration': 1.461}], 'summary': 'Navigate to repository, clone/download, grab address, set up ssh keys for access.', 'duration': 89.81, 'max_score': 327.454, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU327454.jpg'}, {'end': 528.251, 'src': 'heatmap', 'start': 502.539, 'weight': 3, 'content': [{'end': 507.763, 'text': "And then we're going to paste in that link that we just copied on GitHub.", 'start': 502.539, 'duration': 5.224}, {'end': 513.749, 'text': 'And when we hit Enter, that whole project now has been saved.', 'start': 508.564, 'duration': 5.185}, {'end': 524.264, 'text': 'If we do an LS again, we can see that we now have a folder and that folder is called React seating manager.', 'start': 516.428, 'duration': 7.836}, {'end': 528.251, 'text': 'So the folder name matches the project name.', 'start': 524.985, 'duration': 3.266}], 'summary': 'Creating a project on github, resulting in a saved project named react seating manager.', 'duration': 80.569, 'max_score': 502.539, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU502539.jpg'}], 'start': 327.454, 'title': 'Navigating and cloning repositories using ssh or https links', 'summary': 'Covers navigating to a repository, selecting clone or download button, obtaining repository instructions, and choosing between ssh or https link for cloning. it also explains the use of ssh version of the command line to clone and organize projects, emphasizing the importance of organizing files and using the git command for cloning, with tips on using the tab key for auto-completion.', 'chapters': [{'end': 417.264, 'start': 327.454, 'title': 'Navigating to a repository and cloning', 'summary': 'Discusses navigating to a repository, selecting clone or download button, obtaining repository instructions, and choosing between ssh or https link for cloning.', 'duration': 89.81, 'highlights': ["Selecting a repository and accessing the clone or download button is the initial step in the process of cloning, providing access to the repository's contents.", 'A good repository will have instructions for cloning and installation, which can be beneficial for users.', "The process involves obtaining the repository's address, either through SSH keys or the HTTPS link, offering users flexibility in the cloning method."]}, {'end': 575.793, 'start': 419.105, 'title': 'Using ssh to clone and organize projects', 'summary': 'Explains how to use the ssh version of the command line to clone and organize projects, emphasizing the importance of organizing files and using the git command for cloning, with tips on using the tab key for auto-completion.', 'duration': 156.688, 'highlights': ['The chapter emphasizes the importance of organizing files and avoiding clutter in the home directory by creating a separate directory for projects.', "It mentions the command 'git clone' to save the whole project and highlights the importance of navigating into the cloned folder to work on the project.", 'The tip to use the tab key for auto-completion is provided for efficiency on the command line.']}], 'duration': 248.339, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU327454.jpg', 'highlights': ["Selecting a repository and accessing the clone or download button is the initial step in the process of cloning, providing access to the repository's contents.", "The process involves obtaining the repository's address, either through SSH keys or the HTTPS link, offering users flexibility in the cloning method.", 'A good repository will have instructions for cloning and installation, which can be beneficial for users.', 'The chapter emphasizes the importance of organizing files and avoiding clutter in the home directory by creating a separate directory for projects.', 'The tip to use the tab key for auto-completion is provided for efficiency on the command line.', "It mentions the command 'git clone' to save the whole project and highlights the importance of navigating into the cloned folder to work on the project."]}, {'end': 815.049, 'segs': [{'end': 598.68, 'src': 'embed', 'start': 576.673, 'weight': 2, 'content': [{'end': 587.896, 'text': "Now let's go into there and if we hit ls and then give it a flag, which means we're gonna say hyphen and then put a letter, in this case a,", 'start': 576.673, 'duration': 11.223}, {'end': 592.896, 'text': 'we can see even the hidden files in this repository.', 'start': 589.474, 'duration': 3.422}, {'end': 594.157, 'text': "So we're seeing everything now.", 'start': 592.916, 'duration': 1.241}, {'end': 598.68, 'text': 'And we see this .git, which anything with a dot in front is normally hidden.', 'start': 594.617, 'duration': 4.063}], 'summary': "Using the 'ls -a' command reveals hidden files in the repository, such as .git.", 'duration': 22.007, 'max_score': 576.673, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU576673.jpg'}, {'end': 684.553, 'src': 'heatmap', 'start': 626.846, 'weight': 4, 'content': [{'end': 631.191, 'text': "So I'm going to open up this project in Visual Studio Code.", 'start': 626.846, 'duration': 4.345}, {'end': 635.635, 'text': 'You can open it up in whatever editor you like to use.', 'start': 632.272, 'duration': 3.363}, {'end': 638.058, 'text': 'Atom is also another good editor.', 'start': 636.256, 'duration': 1.802}, {'end': 640.48, 'text': "It's open source from GitHub.", 'start': 638.258, 'duration': 2.222}, {'end': 642.462, 'text': 'Visual Studio Code is also free.', 'start': 640.56, 'duration': 1.902}, {'end': 648.849, 'text': 'There are some other paid editors like Sublime, which are very good.', 'start': 643.783, 'duration': 5.066}, {'end': 653.643, 'text': "But no matter what editor you use, it'll still get the job done.", 'start': 650.12, 'duration': 3.523}, {'end': 658.586, 'text': "So I'm going to type code, space, and then a period.", 'start': 654.283, 'duration': 4.303}, {'end': 663.57, 'text': "And that's going to open up this whole directory in Visual Studio Code.", 'start': 658.926, 'duration': 4.644}, {'end': 667.012, 'text': "Now let's maximize this so we have a little bit more space.", 'start': 663.59, 'duration': 3.422}, {'end': 670.054, 'text': 'And go to that package JSON.', 'start': 668.213, 'duration': 1.841}, {'end': 673.257, 'text': "Now I'm going to make some more space for us here.", 'start': 671.295, 'duration': 1.962}, {'end': 684.553, 'text': 'And we can see the package.json file is like instructions to the computer and to us as the developers,', 'start': 674.468, 'duration': 10.085}], 'summary': 'Visual studio code and atom are open source, while sublime is a paid editor; package.json provides instructions.', 'duration': 26.797, 'max_score': 626.846, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU626846.jpg'}, {'end': 815.049, 'src': 'embed', 'start': 754.098, 'weight': 0, 'content': [{'end': 759.161, 'text': 'because the bulk of the project code is gonna be here in these dependencies.', 'start': 754.098, 'duration': 5.063}, {'end': 770.629, 'text': "So by simply including this package.json file, we're giving all the instructions that NPM needs to rebuild this on someone else's computer.", 'start': 760.061, 'duration': 10.568}, {'end': 781.658, 'text': "So the packages here, the node modules live on my computer, and if you download it, they'll live on your computer, but they'll never go up to GitHub.", 'start': 771.13, 'duration': 10.528}, {'end': 786.762, 'text': 'We also have our scripts.', 'start': 785.521, 'duration': 1.241}, {'end': 792.781, 'text': 'Now our scripts are going to tell us what commands we need to use to run this project.', 'start': 786.962, 'duration': 5.819}, {'end': 801.564, 'text': 'So in this project, we do have, oops, where are we at? Here we go.', 'start': 793.341, 'duration': 8.223}, {'end': 809.307, 'text': "In this project, we do have a README that gives instructions on how to run the project, but you won't always have that.", 'start': 802.225, 'duration': 7.082}, {'end': 815.049, 'text': 'Sometimes the maintainers of repository may not have instructions written out like that.', 'start': 809.387, 'duration': 5.662}], 'summary': 'Package.json file contains instructions for npm, node modules are local, scripts guide project execution.', 'duration': 60.951, 'max_score': 754.098, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU754098.jpg'}], 'start': 576.673, 'title': 'Git repository, package.json, dependencies, and scripts', 'summary': 'Covers exploring a git repository, revealing hidden files, and examining the package.json file. it also explains the purpose of package.json, dependencies, and scripts in a project, highlighting their role in ensuring proper package installation and project execution.', 'chapters': [{'end': 684.553, 'start': 576.673, 'title': 'Exploring git repository and package.json file', 'summary': 'Covers exploring a git repository, revealing hidden files, and examining the package.json file which provides instructions for installing and running the code.', 'duration': 107.88, 'highlights': ["By using the 'ls -a' command, we can view hidden files in the Git repository, such as the .git directory, revealing important information about the repository.", 'The package.json file serves as instructions for installing and running the code, providing crucial details for developers.', "Various code editors like Visual Studio Code, Atom, and Sublime are recommended for opening the project, with 'code .' command used to open the directory in Visual Studio Code."]}, {'end': 815.049, 'start': 684.553, 'title': 'Understanding project dependencies and scripts', 'summary': 'Explains the purpose of package.json, dependencies, and scripts in a project, highlighting their role in ensuring proper package installation and project execution, and their absence from the repository allows for quick code push and download from github.', 'duration': 130.496, 'highlights': ["The package.json file contains the project's name, version, homepage, dependencies, and scripts, providing instructions for the NPM to rebuild the project on someone else's computer.", 'Dependencies listed in the package.json file inform the node package manager about the required packages for the project to run properly, ensuring consistency and reliability across different machines.', 'The absence of all the code for packages in the GitHub repository allows for fast code push and download, as the bulk of the project code resides in the dependencies, not on GitHub.', 'The scripts within the project specify the commands needed to run the project, which is essential for executing the project, especially in the absence of explicit instructions.', "The README file may not always be present, and understanding the project's dependencies and scripts becomes crucial for running the project effectively."]}], 'duration': 238.376, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU576673.jpg', 'highlights': ["The package.json file contains the project's name, version, homepage, dependencies, and scripts, providing instructions for the NPM to rebuild the project on someone else's computer.", 'Dependencies listed in the package.json file inform the node package manager about the required packages for the project to run properly, ensuring consistency and reliability across different machines.', "By using the 'ls -a' command, we can view hidden files in the Git repository, such as the .git directory, revealing important information about the repository.", 'The scripts within the project specify the commands needed to run the project, which is essential for executing the project, especially in the absence of explicit instructions.', "Various code editors like Visual Studio Code, Atom, and Sublime are recommended for opening the project, with 'code .' command used to open the directory in Visual Studio Code."]}, {'end': 1146.265, 'segs': [{'end': 936.855, 'src': 'embed', 'start': 902.642, 'weight': 0, 'content': [{'end': 905.325, 'text': "There's an alternative to npm called yarn.", 'start': 902.642, 'duration': 2.683}, {'end': 907.947, 'text': 'I happen to be using yarn on this project.', 'start': 905.805, 'duration': 2.142}, {'end': 913.592, 'text': "If you're interested in yarn, you can read more about it and choose to download it if you want.", 'start': 908.427, 'duration': 5.165}, {'end': 916.414, 'text': 'It does the same thing as npm.', 'start': 913.732, 'duration': 2.682}, {'end': 925.266, 'text': "So I'm going to run yarn You can run npm install if you're following along.", 'start': 917.776, 'duration': 7.49}, {'end': 927.628, 'text': "And it'll do the same thing for us.", 'start': 926.106, 'duration': 1.522}, {'end': 936.855, 'text': "So when we hit enter, it's gonna get all those packages and install them.", 'start': 930.05, 'duration': 6.805}], 'summary': 'Yarn, an npm alternative, can be used for package installation, providing the same functionality as npm.', 'duration': 34.213, 'max_score': 902.642, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU902642.jpg'}, {'end': 1103.47, 'src': 'embed', 'start': 1042.326, 'weight': 1, 'content': [{'end': 1047.467, 'text': "All right, so it's telling me something is already running on port 3000.", 'start': 1042.326, 'duration': 5.141}, {'end': 1051.935, 'text': "I happen to have another project running But that's not a big deal.", 'start': 1047.467, 'duration': 4.468}, {'end': 1053.776, 'text': 'We can just run on a different port.', 'start': 1052.435, 'duration': 1.341}, {'end': 1057.697, 'text': "So I'm gonna hit Y and hit Enter to run on a different port.", 'start': 1053.796, 'duration': 3.901}, {'end': 1072.9, 'text': 'Now, on my other screen, this just opened, okay? So this will pop up in your default browser at localhost 3001.', 'start': 1058.737, 'duration': 14.163}, {'end': 1080.959, 'text': "So for you, if you don't have any other projects running, it'll probably be localhost 3000.", 'start': 1072.9, 'duration': 8.059}, {'end': 1092.064, 'text': 'but we now have this React seating manager project and we can run it, it works.', 'start': 1080.959, 'duration': 11.105}, {'end': 1097.407, 'text': 'It works just like as if it was on online.', 'start': 1092.124, 'duration': 5.283}, {'end': 1103.47, 'text': "So if you went to that URL that's in our package JSON file, you would see the same thing.", 'start': 1097.787, 'duration': 5.683}], 'summary': 'React seating manager project runs on localhost 3001, works like online.', 'duration': 61.144, 'max_score': 1042.326, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU1042326.jpg'}], 'start': 815.89, 'title': 'Running react scripts and installing packages', 'summary': 'Covers running react scripts for local development, installing packages using npm or yarn, and launching the project with a mention of handling port conflicts and making code changes.', 'chapters': [{'end': 1146.265, 'start': 815.89, 'title': 'Running react scripts and installing packages', 'summary': 'Explains the process of running react scripts for local development, including installing packages using npm or yarn, and running the start script to launch the project, with a mention of handling port conflicts and making code changes.', 'duration': 330.375, 'highlights': ['The chapter details the process of running React scripts for local development. None', 'It explains the steps for installing packages using npm or yarn, with a mention of potential time taken based on project size and internet speed. The installation process could take a while based on project size and internet speed.', 'It discusses handling port conflicts and running the project on a different port. None', 'It mentions making changes to the code and observing the impact on the running project. None']}], 'duration': 330.375, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU815890.jpg', 'highlights': ['It explains the steps for installing packages using npm or yarn, with a mention of potential time taken based on project size and internet speed.', 'The chapter details the process of running React scripts for local development.', 'It discusses handling port conflicts and running the project on a different port.']}, {'end': 1298.079, 'segs': [{'end': 1176.658, 'src': 'embed', 'start': 1146.886, 'weight': 0, 'content': [{'end': 1148.827, 'text': 'For some reason, two just bothers me.', 'start': 1146.886, 'duration': 1.941}, {'end': 1153.81, 'text': "And here you are, see? We've changed the code, we've changed the program, and we see an automatic change there.", 'start': 1148.847, 'duration': 4.963}, {'end': 1156.791, 'text': 'Not every project is gonna automatically change like that.', 'start': 1154.23, 'duration': 2.561}, {'end': 1161.214, 'text': 'It depends on how the repository owner set up the project.', 'start': 1156.851, 'duration': 4.363}, {'end': 1165.997, 'text': 'But in this case, it automatically updates.', 'start': 1162.695, 'duration': 3.302}, {'end': 1168.892, 'text': "So that's it.", 'start': 1167.45, 'duration': 1.442}, {'end': 1171.834, 'text': "That's all you need to know to download a project.", 'start': 1168.952, 'duration': 2.882}, {'end': 1176.658, 'text': "Now, there are some projects that aren't JavaScript based.", 'start': 1173.355, 'duration': 3.303}], 'summary': 'Code and program changes result in automatic updates. not all projects will update automatically based on repository setup.', 'duration': 29.772, 'max_score': 1146.886, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU1146886.jpg'}, {'end': 1255.147, 'src': 'embed', 'start': 1221.986, 'weight': 1, 'content': [{'end': 1227.328, 'text': 'We used GitHub desktop app to kind of do the installation for us.', 'start': 1221.986, 'duration': 5.342}, {'end': 1239.153, 'text': 'And then step three is find a repository on GitHub and get that clone link.', 'start': 1228.969, 'duration': 10.184}, {'end': 1246, 'text': 'When you do that, you can run git clone, paste the link in, and now you have the repository.', 'start': 1240.916, 'duration': 5.084}, {'end': 1252.144, 'text': 'If there are instructions in the README, read over those first and follow those.', 'start': 1246.901, 'duration': 5.243}, {'end': 1255.147, 'text': 'A project may have some extra steps you need to do.', 'start': 1252.164, 'duration': 2.983}], 'summary': 'Utilized github desktop app for installation, cloned repository using git clone, followed readme instructions.', 'duration': 33.161, 'max_score': 1221.986, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU1221986.jpg'}], 'start': 1146.886, 'title': 'Downloading javascript projects from github', 'summary': 'Provides a guide to downloading javascript projects from github, highlighting the automatic update feature and the prerequisite steps of installing node and git.', 'chapters': [{'end': 1298.079, 'start': 1146.886, 'title': 'Guide to downloading javascript projects from github', 'summary': 'Explains how to download javascript projects from github, emphasizing the automatic update feature and the prerequisite steps of installing node and git.', 'duration': 151.193, 'highlights': ["The chapter emphasizes the automatic update feature of JavaScript projects on GitHub, highlighting that not every project will automatically change and it depends on the repository owner's setup.", 'It explains the prerequisite steps for downloading a project, including ensuring that Node and Git are installed on the machine, and using the GitHub desktop app for installation.', "Instructions for downloading a project from GitHub are outlined, emphasizing the use of git clone and the importance of following any additional steps mentioned in the project's README."]}], 'duration': 151.193, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/bKuE-afbRLU/pics/bKuE-afbRLU1146886.jpg', 'highlights': ["The chapter emphasizes the automatic update feature of JavaScript projects on GitHub, highlighting that not every project will automatically change and it depends on the repository owner's setup.", "Instructions for downloading a project from GitHub are outlined, emphasizing the use of git clone and the importance of following any additional steps mentioned in the project's README.", 'It explains the prerequisite steps for downloading a project, including ensuring that Node and Git are installed on the machine, and using the GitHub desktop app for installation.']}], 'highlights': ['Cloning a repository onto the local machine allows for viewing and making changes to the project locally.', 'Downloading the LTS version of Node.js is recommended for stability and compatibility.', 'Installing Git using the GitHub desktop app provides a beginner-friendly and seamless setup process, eliminating the need for extensive command line knowledge.', "Selecting a repository and accessing the clone or download button is the initial step in the process of cloning, providing access to the repository's contents.", "The package.json file contains the project's name, version, homepage, dependencies, and scripts, providing instructions for the NPM to rebuild the project on someone else's computer.", 'It explains the steps for installing packages using npm or yarn, with a mention of potential time taken based on project size and internet speed.', "The chapter emphasizes the automatic update feature of JavaScript projects on GitHub, highlighting that not every project will automatically change and it depends on the repository owner's setup."]}