docs/_includes/body-landing.html

845 lines
32 KiB
HTML

<body ng-app="Docker" ng-controller="DockerController" id="landing">
<nav class="navbar header">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-content" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img
src="../images/docker-docs-logo.svg"
alt="Docker Docs"
title="Docker Docs"
/>
</a>
</div>
<div class="collapse navbar-collapse" id="header-content">
<ul class="nav navbar-nav">
<li class="active">
<a href="https://docs.docker.com/">Home</a>
</li>
<li>
<a href="https://docs.docker.com/develop/">Guides</a>
</li>
<li>
<a href="https://docs.docker.com/engine/">Product Manual</a>
</li>
<li>
<a href="https://docs.docker.com/reference/">Reference</a>
</li>
<li>
<a href="https://www.docker.com/blog/">Articles</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
{% include theme-switch.html %}
</li>
</ul>
</div>
</div>
</nav>
<section class="hero container">
<div class="row justify-content-center">
<div class="col-xs-12 text-center">
<h2>
What can we help you find?
</h2>
</div>
</div>
<div class="row justify-content-center">
<form
class="col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4"
method="GET"
action="/search/"
>
<input
class="form-control"
name="q"
placeholder="Search for guides, terms, commands and more..."
type="search"
autocomplete="off"
spellcheck="false"
dir="auto"
/>
</form>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/get-started/">
<img src="/images/rocket.svg" alt="get started" />
<h5 class="title">Get started</h5>
<p>
Learn Docker basics and the benefits of containerizing you
applications.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/get-docker/">
<img
src="/images/download-docker.svg"
alt="download and install docker"
/>
<h5 class="title">Download and install</h5>
<p>
Download and install Docker on your machine in a few easy steps.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/develop/">
<img src="/images/guides.svg" alt="guides" />
<h5 class="title">Guides</h5>
<p>
Learn how to set up your Docker environment and start containerizing
you applications.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/release-notes/">
<img src="/images/whats-new.svg" alt="what's new" />
<h5 class="title">What's new?</h5>
<p>
Learn about the cool new features, updates, and bug fixes.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/engine/">
<img src="/images/manuals.svg" alt="products manuals" />
<h5 class="title">Product manuals</h5>
<p>
Browse through the manuals and learn how to use Docker products.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/reference/">
<img src="/images/reference.svg" alt="reference" />
<h5 class="title">Reference</h5>
<p>
Browse through the through the CLI and API reference documentation.
</p>
</a>
</div>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12 col-lg-8 card-holder">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12 col-lg-8">
<h5 class="title">How do I?</h5>
<p>
Check out the following topics to learn how to build, run, and
deploy your applications using Docker.
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/engine/reference/builder/"
>Write a Dockerfile</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/network/"
>Manage container networking</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/compose/compose-file/"
>Write a Docker Compose file</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/storage/"
>Work with volumes and bind mounts</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/part3/"
>Share my image on Docker Hub</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/config/daemon/"
>Configure the Docker daemon</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/part2/"
>Build and run an image</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/config/labels-custom-metadata/"
>Manage Docker objects</a
>
</div>
<div class="col-xs-12 col-md-6">
<a
href="https://docs.docker.com/develop/develop-images/multistage-build/"
>Use multi-stage builds</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href=" https://docs.docker.com/get-started/kube-deploy/"
>Scale apps using Kubernetes</a
>
</div>
<div class="col-xs-12 col-md-6">
<a
href="https://docs.docker.com/engine/reference/commandline/run/"
>Run a command in a container</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/swarm-deploy/"
>Scale apps using Swarm</a
>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-lg-4 card-holder">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12">
<h5 class="title">Most popular articles</h5>
<p>Check out the most popular articles on docs.docker.com.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/engine/install/ubuntu/"
>Install Docker Engine on Ubuntu</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/docker-for-windows/install/"
>Install Docker Desktop on Windows</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/compose/compose-file/"
>Compose file reference</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/engine/reference/builder/"
>Dockerfile reference</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a
href="https://docs.docker.com/engine/reference/commandline/run/"
>Run a command in a container</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/get-started/part2/"
>Build and run your image</a
>
</div>
</div>
</div>
</div>
</div>
</section>
{% include landing-page/dockercon-banner.html %}
<section class="container help-by-product">
<div class="row">
<div class="col-xs-12">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12">
<h5 class="title">Help by product</h5>
</div>
<div class="col-xs-12">
<ul class="nav nav-tabs">
<li class="active" role="presentation" data-tab="desktop">
<a onclick="onChangeHelpTab('desktop')">
Desktop
</a>
</li>
<li role="presentation" data-tab="hub">
<a onclick="onChangeHelpTab('hub')">
Hub
</a>
</li>
<li role="presentation" data-tab="engine">
<a onclick="onChangeHelpTab('engine')">
Engine
</a>
</li>
<li role="presentation" data-tab="compose">
<a onclick="onChangeHelpTab('compose')">
Compose
</a>
</li>
</ul>
</div>
</div>
<!-- DESKTOP -->
<div class="row active" data-tab="desktop" data-os="win">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/laptop.svg);"
></div>
<h5>Docker Desktop</h5>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="os-label only-win">Windows</span><span class="os-label only-mac">Mac</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a onclick="onChangeHelpOs('win')">Windows</a></li>
<li><a onclick="onChangeHelpOs('mac')">Mac</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQs</h6>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#can-i-install-docker-desktop-on-windows-10-home">
Can I install Docker Desktop on Windows 10 Home?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/install/#system-requirements">
What are the system requirements for Docker Desktop?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#what-is-the-difference-between-the-stable-and-edge-versions-of-docker-desktop">
What is the difference between the Stable and Edge versions of Docker Desktop?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#how-do-i-connect-from-a-container-to-a-service-on-the-host">
How do I connect from a container to a service?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#what-is-the-difference-between-the-stable-and-edge-versions-of-docker-desktop">
What is the difference between the Stable and Edge versions of Docker Desktop?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/install/#system-requirements">
What are the system requirements for Docker Desktop?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#how-do-i-connect-to-a-container-from-mac">
How do I connect to a container from Mac?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#can-i-use-an-ssh-agent-inside-a-container">
Can I use an SSH agent inside a container?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/">
View all
</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/wsl-tech-preview/">
Docker Desktop WSL 2 backend
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/install/">
Install Docker Desktop on Mac
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-for-windows/dashboard/">
Docker Desktop Dashboard
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/kubernetes/">
Deploy on Kubernetes
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/release-notes/">
Stable Release notes
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/troubleshoot/">
Logs and troubleshooting
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/networking/">
Networking features in Docker Desktop
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/osxfs/">
Mac file system sharing
</a>
</p>
</div>
</div>
<!-- HUB -->
<div class="row" data-tab="hub">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/hub.svg);"
></div>
<h5>Hub</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQ's</h6>
<p>
<a href="https://docs.docker.com/get-started/part3/">
How do I share images on Docker Hub
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/orgs/#create-an-organization">
How do I create an organization?
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/orgs/#create-a-team">
How do I create a team and add team members?
</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/docker-hub/official_images/">
Docker Hub official images
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/repos/">
Create Docker Hub repositories
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/builds/">
Set up automated builds
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/access-tokens/">
Manage access tokens
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/webhooks/">
Docker Hub Webhooks
</a>
</p>
</div>
</div>
<!-- ENGINE -->
<div class="row" data-tab="engine">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/engine.svg);"
></div>
<h5>Engine</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/engine/install/ubuntu/">
Install Docker Engine on Ubuntu
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/run/">
Run a command in a container
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/builder/">
Dockerfile reference
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/dockerd/#description">
Docker daemon reference
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/build/">
Docker build reference
</a>
</p>
</div>
</div>
<!-- COMPOSE -->
<div class="row" data-tab="compose">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/Compose.png);"
></div>
<h5>Compose</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQ's</h6>
<p>
<a href="https://docs.docker.com/compose/faq/#how-do-i-run-multiple-copies-of-a-compose-file-on-the-same-host">
How do I run multiple copies of a Compose file on the same host?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/#can-i-use-json-instead-of-yaml-for-my-compose-file">
Can I use json instead of yaml for my Compose file?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/#where-can-i-find-example-compose-files">
Where can I find example Compose files?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/">View all</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/compose/install/">
Install Docker Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/gettingstarted/">
Getting started with Docker Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/environment-variables/">
Environment variables in Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/networking/">
Networking in Compose
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-6">
<h2 class="title">Best practices</h2>
<p>
Take a look at our best practices and reference architecture
topics to fine tune your deployment.
</p>
<p>
<a href="https://docs.docker.com/develop/develop-images/dockerfile_best-practices/">
Best practices for writing Dockerfile
</a>
</p>
<p>
<a href="https://docs.docker.com/develop/develop-images/dockerfile_best-practices/">
Best practices for writing a Docker Compose file
</a>
</p>
<p>
<a href="https://docs.docker.com/develop/dev-best-practices/">
Docker Development best practices
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/security/security/">
Docker Security best practices
</a>
</p>
<p>
<a href="https://success.docker.com/article/logging-best-practices">
Docker Reference architecture: Docker logging design and best practices
</a>
</p>
<p>
<a href="https://success.docker.com/article/networking">
Docker Swarm reference architecture: Exploring scalable, portable container networks
</a>
</p>
</div>
<div class="col-xs-12 col-md-6">
<h2 class="title">Troubleshooting</h2>
<p>
Refer to our troubleshooting topics to learn how to diagnose and
troubleshoot common issues.
</p>
<p>
<a href="https://docs.docker.com/config/daemon/">
Troubleshoot the Docker daemon
</a>
</p>
<p>
<a href="https://docs.docker.com/storage/troubleshooting_volume_errors/">
Troubleshoot volumes or bind mount errors
</a>
</p>
<p>
<a href="https://success.docker.com/article/troubleshooting-container-networking">
Troubleshoot container networking errors
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-for-windows/troubleshoot/">
Docker Desktop logs and troubleshooting
</a>
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<h2 class="title">Stack Overflow</h2>
<p>
Browse through some of the frequent questions asked about Docker
on Stack Overflow.
</p>
<p>
<a href="https://stackoverflow.com/questions/24319662/from-inside-of-a-docker-container-how-do-i-connect-to-the-localhost-of-the-mach">
From inside of a Docker container, how do I connect to the localhost of the machine?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/16047306/how-is-docker-different-from-a-virtual-machine">
How is Docker different from a virtual machine?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/21553353/what-is-the-difference-between-cmd-and-entrypoint-in-a-dockerfile">
What is the difference between CMD and ENTRYPOINT in a Dockerfile?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/22111060/what-is-the-difference-between-expose-and-publish-in-docker">
What is the difference between “expose” and “publish” in Docker?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/19234831/where-are-docker-images-stored-on-the-host-machine">
Where are Docker images stored on the host machine?
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="community-resources" class="container">
<div class="row">
<div class="col-xs-12">
<h2 class="title">Community resources</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://events.docker.com/chapters/" class="card">
<h5 class="title">Find a local meetup</h5>
<p>Attend one of the 200+ Docker Meetups around the globe.</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/events" class="card">
<h5 class="title">Upcoming Events</h5>
<p>
Complete a workshop without installing anything using this Docker
playground.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://events.docker.com/docker-virtual-meetups/" class="card">
<h5 class="title">Tune in Monthly</h5>
<p>
Join the Virtual Docker Meetup Group and online meetups every month.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/newsletter-subscription" class="card">
<h5 class="title">Community news</h5>
<p>
The Docker Weekly is a email newsletter with the latest content on
Docker and the event agenda for the upcoming weeks.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/docker-captains" class="card">
<h5 class="title">Meet the Captains</h5>
<p>
Select members of the community that are both experts in their field
and are passionate about sharing their Docker knowledge with others.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://docs.docker.com/get-started/resources/" class="card">
<h5 class="title">Educational resources</h5>
<p>Expand your understanding of Docker with these additional resources.</p>
</a>
</div>
</div>
</section>
<section id="play-with-docker" class="container">
<div class="row">
<div class="col-xs-12">
<h2 class="title">Play with Docker</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/101-tutorial" class="card">
<h5 class="title">Tutorial</h5>
<p>Self-paced tutorials to increase your Docker knowledge.</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://labs.play-with-docker.com/" class="card">
<h5 class="title">Lab Environment</h5>
<p>
Complete a workshop without installing anything using this Docker
playground.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://docs.docker.com/get-started/resources/" class="card">
<h5 class="title">Community Training</h5>
<p>Free and paid learning materials from Docker Captains.</p>
</a>
</div>
</div>
</section>
<footer class="footer">
{% include footer.html %}
</footer>
<link rel="stylesheet" href="/css/github.css" />
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/landing-page.js"></script>
<script>
window.onChangeHelpTab = function (name) {
const currentActiveTab = document.querySelector(
".help-by-product ul.nav li.active"
);
if (currentActiveTab) currentActiveTab.classList.remove("active");
const currentActiveBody = document.querySelector(
".help-by-product div.row.active[data-tab]"
);
if (currentActiveBody) currentActiveBody.classList.remove("active");
const nextActiveTab = document.querySelector(
'.help-by-product ul.nav li[data-tab="' + name + '"]'
);
if (nextActiveTab) nextActiveTab.classList.add("active");
const nextActiveBody = document.querySelector(
'.help-by-product div.row[data-tab="' + name + '"]'
);
if (nextActiveBody) nextActiveBody.classList.add("active");
};
window.onChangeHelpOs = function (os) {
const container = document.querySelector('div[data-tab="desktop"]');
if (container) container.setAttribute('data-os', os);
};
</script>
</body>