Move images to conventional locations
This commit is contained in:
Родитель
13ac35eeca
Коммит
3bf1de7e8a
|
@ -27,28 +27,28 @@ You can also debug together using VS Code's debugging features, like hovers, loc
|
|||
|
||||
To get started with using Live Share in VS Code, you'll need to download the Live Share Extension Park from the Extension Marketplace.
|
||||
|
||||
![Live Share Extension Pack](images/liveshare-extension-pack.png)
|
||||
![Live Share Extension Pack](images/live-share/liveshare-extension-pack.png)
|
||||
|
||||
This extension pack includes everything you need to start collaboratively editing and debugging in real time, including integrated audio and text chat. This provides you and your team/class with a one-click installation, in order to begin pair programming, performing remote code reviews, driving interactive lectures, and more, without needing to leave Visual Studio Code.
|
||||
|
||||
Once you log into your GitHub account, you'll see the Live Share icon in the Activity Bar.
|
||||
|
||||
![Live Share icon in the Activity Bar](images/liveshare-icon.png)
|
||||
![Live Share icon in the Activity Bar](images/live-share/liveshare-icon.png)
|
||||
|
||||
### Starting a Live Share Session
|
||||
|
||||
If you select **Start Collaboration session** from the Session Details menu, an invitation link to your session will automatically be copied to your clipboard. You can share this link with anyone you'd like to collaborate with, as long as they also have VS Code and the Live Share Extension Pack downloaded.
|
||||
|
||||
![Live Share invitation](images/liveshare-invitation.png)
|
||||
![Live Share invitation](images/live-share/liveshare-invitation.png)
|
||||
|
||||
When your classmate joins the session, you'll get a notification, and see their name come up under Participants.
|
||||
|
||||
![Live Share joined](images/liveshare-joined.png)
|
||||
![Live Share joined](images/live-share/liveshare-joined.png)
|
||||
|
||||
### Joining a Live Share session
|
||||
|
||||
If you select **Join Collaboration session** from the Session Details menu, you're able to enter the URL you received.
|
||||
|
||||
![Joining a Live Share session](images/liveshare-join-session.png)
|
||||
![Joining a Live Share session](images/live-share/liveshare-join-session.png)
|
||||
|
||||
You should be able to see and interact with your classmate's code on your screen!
|
||||
|
|
|
@ -15,13 +15,13 @@ Containers are pieces of software that package code and all of the dependencies
|
|||
|
||||
A Python dev container would include your Python app along with all the Python runtimes and dependencies already set up for you, no extra downloads necessary:
|
||||
|
||||
![Python Container Diagram](images/python-container.png)
|
||||
![Python Container Diagram](images/containers/python-container.png)
|
||||
|
||||
In your class, you could have a specific container for an assignment. Each student in your class will get the same exact same version of dependencies, such as the same version of Python or a C++ compiler, regardless of their operating system or any other files already installed on their computer.
|
||||
|
||||
In the diagram below, you'll see an example of three dev containers: one for Python, one for Java, and one for C++. Each of these dev containers would include the app and the dependencies that app needs to run. The dependencies are separate from the rest of your computer (which are represented by the Infrastructure and Host Operating System).
|
||||
|
||||
![Container Architecture Diagram](images/container-architecture.png)
|
||||
![Container Architecture Diagram](images/containers/container-architecture.png)
|
||||
|
||||
## Get started with dev containers in VS Code
|
||||
|
||||
|
@ -29,7 +29,7 @@ In the diagram below, you'll see an example of three dev containers: one for Pyt
|
|||
|
||||
To get started with using dev containers in VS Code, you'll need to download the [Remote - Containers extension](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) from the Extension Marketplace.
|
||||
|
||||
![Remote Containers extension](images/remote-containers.png)
|
||||
![Remote Containers extension](images/containers/remote-containers.png)
|
||||
|
||||
You'll also need to download [Docker](https://docs.docker.com/docker-for-windows/install-windows-home/), which is the industry standard for building and sharing containers.
|
||||
|
||||
|
|
|
@ -31,7 +31,7 @@ Since you may be working with teammates using Linux or deploying to a Linux prod
|
|||
|
||||
To get started with remote development in VS Code, you can download the [Remote Development extension pack](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) from the Extension Marketplace.
|
||||
|
||||
![Remote Development Extension Pack](images/remote-dev-pack.png)
|
||||
![Remote Development Extension Pack](images/overview/remote-dev-pack.png)
|
||||
|
||||
This extension pack includes three extensions (which can also be downloaded individually):
|
||||
|
||||
|
|
|
@ -23,7 +23,7 @@ In the classroom, you might SSH into lab machines to access computers with certa
|
|||
|
||||
To get started with using SSH in VS Code, you'll need to download the [Remote - SSH extension](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh) from the Extension Marketplace.
|
||||
|
||||
![Remote SSH extension](images/remote-ssh.png)
|
||||
![Remote SSH extension](images/ssh-lab-machines/remote-ssh.png)
|
||||
|
||||
Check out the following video to see an example of using Remote - SSH in action:
|
||||
|
||||
|
|
|
@ -19,7 +19,7 @@ WSL especially helps web developers and those working with Bash and Linux-first
|
|||
|
||||
To get started with using WSL in VS Code, you'll need to download the [Remote - WSL extension](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) from the Extension Marketplace.
|
||||
|
||||
![Remote WSL extension](images/remote-wsl.png)
|
||||
![Remote WSL extension](images/wsl/remote-wsl.png)
|
||||
|
||||
You'll also need WSL and a Linux distribution installed. We recommend using WSL 2, which is the newest version of WSL, as you will benefit from significant [performance advantages](https://docs.microsoft.com/windows/wsl/compare-versions) over WSL 1.
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@ This will install:
|
|||
- VS Code
|
||||
- Java extension pack in VS Code
|
||||
|
||||
![Java Installer](images/java-installer.png)
|
||||
![Java Installer](images/installers/java-installer.png)
|
||||
|
||||
## Coding pack for Python
|
||||
|
||||
|
@ -34,7 +34,7 @@ It will install:
|
|||
- Python 3.8.5 and add it to the PATH
|
||||
- Python packages including, jupyter, numpy, sklearn, pandas, and matplotlib
|
||||
|
||||
![Python Installer](images/python-installer.png)
|
||||
![Python Installer](images/installers/python-installer.png)
|
||||
|
||||
If any of these components are already installed, the coding packs will not update it and proceed with the other components.
|
||||
|
||||
|
|
|
@ -16,7 +16,7 @@ If you're looking for resources for your students to get started with Visual Stu
|
|||
<a href="https://docs.microsoft.com/learn/modules/python-install-vscode/"><h2 class="title faux-h3">Set up your Python beginner development environment</h2></a>
|
||||
</div>
|
||||
<p class="description">Get started with learning Python by installing and configuring the tools you'll need to build real applications.</p>
|
||||
<a href="https://docs.microsoft.com/learn/modules/python-install-vscode"><img src="images/learn-python-vscode.png" alt="Python module" aria-hidden="true" class="thumb"/></a>
|
||||
<a href="https://docs.microsoft.com/learn/modules/python-install-vscode"><img src="images/learn-modules/learn-python-vscode.png" alt="Python module" aria-hidden="true" class="thumb"/></a>
|
||||
</a>
|
||||
</div><br/>
|
||||
<div class="module">
|
||||
|
@ -24,7 +24,7 @@ If you're looking for resources for your students to get started with Visual Stu
|
|||
<a href="https://docs.microsoft.com/learn/modules/use-git-from-vs-code/"><h2 class="title faux-h3">Use Git version-control tools</h2></a>
|
||||
</div>
|
||||
<p class="description">Utilize the tight integration of Visual Studio Code with the Git source-control management system.</p>
|
||||
<a href="https://docs.microsoft.com/learn/modules/use-git-from-vs-code/"><img src="images/learn-git.png" alt="Git module" aria-hidden="true" class="thumb"/></a>
|
||||
<a href="https://docs.microsoft.com/learn/modules/use-git-from-vs-code/"><img src="images/learn-modules/learn-git.png" alt="Git module" aria-hidden="true" class="thumb"/></a>
|
||||
</a>
|
||||
</div><br/>
|
||||
|
||||
|
@ -33,7 +33,7 @@ If you're looking for resources for your students to get started with Visual Stu
|
|||
<a href="https://docs.microsoft.com/learn/modules/basic-python-nasa/"><h2 class="title faux-h3">Write basic Python in Notebooks</h2></a>
|
||||
</div>
|
||||
<p class="description">Learn the basics of Python.</p>
|
||||
<a href="https://docs.microsoft.com/learn/modules/basic-python-nasa/"><img src="images/learn-python-notebooks.png" alt="Python module" aria-hidden="true" class="thumb"/></a>
|
||||
<a href="https://docs.microsoft.com/learn/modules/basic-python-nasa/"><img src="images/learn-modules/learn-python-notebooks.png" alt="Python module" aria-hidden="true" class="thumb"/></a>
|
||||
</a>
|
||||
</div><br/>
|
||||
|
||||
|
@ -42,6 +42,6 @@ If you're looking for resources for your students to get started with Visual Stu
|
|||
<a href="https://docs.microsoft.com/learn/modules/build-node-cosmos-app-vscode/"><h2 class="title faux-h3">Build a Node.js app for Azure Cosmos DB</h2></a>
|
||||
</div>
|
||||
<p class="description">Build a database app to store and query data in Azure Cosmos DB by using Visual Studio Code and Node.js.</p>
|
||||
<a href="https://docs.microsoft.com/learn/modules/build-node-cosmos-app-vscode/"><img src="images/learn-node-app.png" alt="Learn Node" aria-hidden="true" class="thumb"/></a>
|
||||
<a href="https://docs.microsoft.com/learn/modules/build-node-cosmos-app-vscode/"><img src="images/learn-modules/learn-node-app.png" alt="Learn Node" aria-hidden="true" class="thumb"/></a>
|
||||
</a>
|
||||
</div><br/>
|
||||
|
|
|
@ -23,7 +23,7 @@ Through these modules, you will:
|
|||
<a href="https://docs.microsoft.com/learn/paths/introduction-python-space-exploration-nasa/"><h2 class="title faux-h3">Discover the role of Python in space exploration</h2></a>
|
||||
</div>
|
||||
<p class="description">Learn how Python and data science play a role in the innovative solutions that NASA creates.</p>
|
||||
<a href="https://docs.microsoft.com/learn/paths/introduction-python-space-exploration-nasa/"><img src="images/nasa-python1.png" alt="Python NASA module" aria-hidden="true" class="thumb"/></a>
|
||||
<a href="https://docs.microsoft.com/learn/paths/introduction-python-space-exploration-nasa/"><img src="images/nasa-python/nasa-python1.png" alt="Python NASA module" aria-hidden="true" class="thumb"/></a>
|
||||
</a>
|
||||
</div><br/>
|
||||
|
||||
|
@ -32,7 +32,7 @@ Through these modules, you will:
|
|||
<a href="https://docs.microsoft.com/learn/paths/classify-space-rocks-artificial-intelligence-nasa/"><h2 class="title faux-h3">Use Artificial Intelligence to classify space rocks</h2></a>
|
||||
</div>
|
||||
<p class="description">Create an AI model that can classify types of space rock present in a photo.</p>
|
||||
<a href="https://docs.microsoft.com/learn/paths/classify-space-rocks-artificial-intelligence-nasa/"><img src="images/nasa-python2.png" alt="Classifying Python module" aria-hidden="true" class="thumb"/></a>
|
||||
<a href="https://docs.microsoft.com/learn/paths/classify-space-rocks-artificial-intelligence-nasa/"><img src="images/nasa-python/nasa-python2.png" alt="Classifying Python module" aria-hidden="true" class="thumb"/></a>
|
||||
</a>
|
||||
</div><br/>
|
||||
|
||||
|
@ -41,6 +41,6 @@ Through these modules, you will:
|
|||
<a href="https://docs.microsoft.com/learn/paths/classify-space-rocks-artificial-intelligence-nasa/"><h2 class="title faux-h3">Use Machine Learning to predict rocket launches</h2></a>
|
||||
</div>
|
||||
<p class="description">This will introduce you to the world of machine learning and help you build a simple ML model. </p>
|
||||
<a href="https://docs.microsoft.com/learn/paths/classify-space-rocks-artificial-intelligence-nasa/"><img src="images/nasa-python3.png" alt="ML Python module" aria-hidden="true" class="thumb"/></a>
|
||||
<a href="https://docs.microsoft.com/learn/paths/classify-space-rocks-artificial-intelligence-nasa/"><img src="images/nasa-python/nasa-python3.png" alt="ML Python module" aria-hidden="true" class="thumb"/></a>
|
||||
</a>
|
||||
</div><br/>
|
||||
|
|
Загрузка…
Ссылка в новой задаче