Skip to content

Commit 6360cba

Browse files
bobbyilievbobbyiliev
authored
Katacoda training html files (#12)
1 parent c9ca313 commit 6360cba

6 files changed

+746
-0
lines changed

‎README.md

+22
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,26 @@ Join this developer community, and we can all learn together, build together, an
8080

8181
For more information, please visit [https://www.devdojo.com](https://www.devdojo.com?ref=bobbyiliev) or follow [@thedevdojo](https://twitter.com/thedevdojo) on Twitter.
8282

83+
## 🕸️ Web Page
84+
85+
A web page showcasing the eBook:
86+
87+
[Introduction to Bash Scripting Web Page](https://ebook.bobby.sh/)
88+
89+
The web page was built using [Tails](http://devdojo.com/tails), a new `kick-ass` drag-and-drop TailwindCSS page builder!
90+
91+
## 💻 Interactive training
92+
93+
You can follow the interactive training online here:
94+
95+
[Introduction to Bash Scripting Interactive training](https://ebook.bobby.sh/training.html)
96+
97+
The training was built with Katacoda. You can find the Katacoda repository [here](https://github.com/bobbyiliev/katacoda).
98+
99+
For more information on how to use Katacoda make sure to follow the steps from this tutorial here:
100+
101+
[How to Use Katacoda to Create Highly Engaging Training Tutorials](https://devdojo.com/bobbyiliev/how-to-use-katacoda-to-create-highly-engaging-training-tutorials)
102+
83103
## 👋 About the author
84104

85105
My name is Bobby Iliev, and I have been working as a Linux DevOps Engineer since 2014. I am an avid Linux lover and supporter of the open-source movement philosophy. I am always doing that which I cannot do in order that I may learn how to do it, and I believe in sharing knowledge.
@@ -111,6 +131,8 @@ If you ever need to create a graphic, poster, invitation, logo, presentation –
111131
- [Join DevDojo](https://devdojo.com?ref=bobbyiliev)
112132
- [Ibis](https://github.com/themsaid/ibis/)
113133
- [Canva](https://www.canva.com/)
134+
- [Tails](http://devdojo.com/tails)
135+
- [Katacoda](https://www.katacoda.com/)
114136

115137
## 🤲 Contributing
116138

‎content/000-about-the-author.md

+2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
# About the book
22

3+
* **This version was published on Dec 12 2020**
4+
35
This is an open-source introduction to Bash scripting guide that will help you learn the basics of Bash scripting and start writing awesome Bash scripts that will help you automate your daily SysOps, DevOps, and Dev tasks. No matter if you are a DevOps/SysOps engineer, developer, or just a Linux enthusiast, you can use Bash scripts to combine different Linux commands and automate tedious and repetitive daily tasks so that you can focus on more productive and fun things.
46

57
The guide is suitable for anyone working as a developer, system administrator, or a DevOps engineer and wants to learn the basics of Bash scripting.

‎export/introduction-to-bash-scripting-dark.pdf

165 Bytes
Binary file not shown.

‎export/introduction-to-bash-scripting-light.pdf

157 Bytes
Binary file not shown.

‎index.html

+522
Large diffs are not rendered by default.

‎training.html

+200
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,200 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Bobby Iliev - Introduction to Bash Scripting</title>
7+
<meta name="Description" content="This is an open-source introduction to Bash scripting ebook that will help you learn the basics of Bash scripting and start writing awesome Bash scripts that will help you automate your daily SysOps, DevOps, and Dev tasks.">
8+
<meta name="keywords" content="Bobby Iliev, blog, sysadmin, system administrator, linux, devops, bash, bash scripting, free bash ebook, introduction to bash scripting">
9+
<meta name="viewport" content="width=device-width, initial-scale=1">
10+
<meta property="og:image" content="https://cdn.devdojo.com/posts/images/November2020/open-source-introduction-to-bash-scripting-ebook-guide.jpg?auto=format" />
11+
<meta property="og:title" content="Bobby Iliev - Introduction to Bash Scripting" />
12+
<meta property="og:description" content="This is an open-source introduction to Bash scripting ebook that will help you learn the basics of Bash scripting and start writing awesome Bash scripts that will help you automate your daily SysOps, DevOps, and Dev tasks..." />
13+
<meta name="twitter:card" content="summary">
14+
<meta name="twitter:site" content="@bobbyiliev_" />
15+
<meta name="twitter:title" content="Bobby Iliev - Introduction to Bash Scripting"/>
16+
<meta name="twitter:description" content="This is an open-source introduction to Bash scripting ebook that will help you learn the basics of Bash scripting and start writing awesome Bash scripts that will help you automate your daily SysOps, DevOps, and Dev tasks... " />
17+
<meta name="twitter:image" content="https://cdn.devdojo.com/posts/images/November2020/open-source-introduction-to-bash-scripting-ebook-guide.jpg?auto=format" />
18+
<link rel="icon" type="image/png" href="https://cdn.devdojo.com/devblog/favicons/3/2QLoxPNvDo4CGedlSIOUFqkXDpcrnLYBKhxHRMmr.png" />
19+
20+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.1/tailwind.min.css">
21+
<!-- Small CSS to Hide elements at 1520px size -->
22+
<style>
23+
@media(max-width:1520px) {
24+
.left-svg {
25+
display: none;
26+
}
27+
}
28+
29+
/* small css for the mobile nav close */
30+
#nav-mobile-btn.close span:first-child {
31+
transform: rotate(45deg);
32+
top: 4px;
33+
position: relative;
34+
background: #a0aec0;
35+
}
36+
37+
#nav-mobile-btn.close span:nth-child(2) {
38+
transform: rotate(-45deg);
39+
margin-top: 0px;
40+
background: #a0aec0;
41+
}
42+
</style>
43+
<!-- End Header Section-->
44+
<script src="//katacoda.com/embed.js"></script>
45+
</head>
46+
<body class="overflow-x-hidden antialiased">
47+
<!-- Header Section -->
48+
<header class="relative z-50 w-full h-24">
49+
<div
50+
class="container flex items-center justify-center h-full max-w-6xl px-8 mx-auto sm:justify-between xl:px-0">
51+
52+
<a href="/" class="relative flex items-center inline-block h-5 h-full font-black leading-none">
53+
<span class="ml-3 text-xl text-gray-800">Bobby Iliev<span class="text-pink-500">.</span></span>
54+
</a>
55+
56+
<nav id="nav"
57+
class="absolute top-0 left-0 z-50 flex flex-col items-center justify-between hidden w-full h-64 pt-5 mt-24 text-sm text-gray-800 bg-white border-t border-gray-200 md:w-auto md:flex-row md:h-24 lg:text-base md:bg-transparent md:mt-0 md:border-none md:py-0 md:flex md:relative">
58+
<a href="/index.html#ebook"
59+
class="ml-0 mr-0 font-bold duration-100 md:ml-12 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">eBook</a>
60+
<a href="/index.html#sponsors"
61+
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Sponsors</a>
62+
<a href="/index.html#chapters"
63+
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Chapters</a>
64+
<a href="https://github.com/bobbyiliev/introduction-to-bash-scripting"
65+
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">GitHub</a>
66+
<a href="https://blog.bobby.sh"
67+
class="font-bold duration-100 transition-color hover:text-indigo-600">Blog</a>
68+
</nav>
69+
70+
<div
71+
class="absolute left-0 flex-col items-center justify-center hidden w-full pb-8 mt-48 border-b border-gray-200 md:relative md:w-auto md:bg-transparent md:border-none md:mt-0 md:flex-row md:p-0 md:items-end md:flex md:justify-between">
72+
<a href="https://github.com/bobbyiliev/introduction-to-bash-scripting"
73+
class="relative z-40 px-3 mr-0 text-sm font-bold text-pink-500 md:px-5 lg:text-black sm:mr-3 md:mt-0">
74+
<svg class="h-8 mr-4 text-black duration-150 cursor-pointer fill-current transition-color hover:text-gray-00" viewBox="0 0 2350 2315" xmlns="http://www.w3.org/2000/svg">
75+
<g stroke="none" stroke-width="1"></g>
76+
<g>
77+
<path d="M1175 0C525.8 0 0 525.8 0 1175c0 552.2 378.9 1010.5 890.1 1139.7-5.9-14.7-8.8-35.3-8.8-55.8v-199.8H734.4c-79.3 0-152.8-35.2-185.1-99.9-38.2-70.5-44.1-179.2-141-246.8-29.4-23.5-5.9-47 26.4-44.1 61.7 17.6 111.6 58.8 158.6 120.4 47 61.7 67.6 76.4 155.7 76.4 41.1 0 105.7-2.9 164.5-11.8 32.3-82.3 88.1-155.7 155.7-190.9-393.6-47-581.6-240.9-581.6-505.3 0-114.6 49.9-223.3 132.2-317.3-26.4-91.1-61.7-279.1 11.8-352.5 176.3 0 282 114.6 308.4 143.9 88.1-29.4 185.1-47 284.9-47 102.8 0 196.8 17.6 284.9 47 26.4-29.4 132.2-143.9 308.4-143.9 70.5 70.5 38.2 261.4 8.8 352.5 82.3 91.1 129.3 202.7 129.3 317.3 0 264.4-185.1 458.3-575.7 499.4 108.7 55.8 185.1 214.4 185.1 331.9V2256c0 8.8-2.9 17.6-2.9 26.4C2021 2123.8 2350 1689.1 2350 1175 2350 525.8 1824.2 0 1175 0z"></path>
78+
</g>
79+
80+
</svg>
81+
</a>
82+
<a href="/index.html#download"
83+
class="relative z-40 inline-block w-auto h-full px-5 py-3 text-sm font-bold leading-none text-white transition-all transition duration-100 duration-300 bg-gray-900 hover:bg-gray-700 rounded shadow-md fold-bold lg:text-white sm:w-full lg:shadow-none hover:shadow-xl">Download eBook
84+
</a>
85+
</div>
86+
87+
<div id="nav-mobile-btn"
88+
class="absolute top-0 right-0 z-50 block w-6 mt-8 mr-10 cursor-pointer select-none md:hidden sm:mt-10">
89+
<span class="block w-full h-1 mt-2 duration-200 transform bg-gray-800 rounded-full sm:mt-1"></span>
90+
<span class="block w-full h-1 mt-1 duration-200 transform bg-gray-800 rounded-full"></span>
91+
</div>
92+
93+
</div>
94+
</header>
95+
96+
<div id="katacoda-scenario-1"
97+
data-katacoda-id="bobbyiliev/introduction-to-bash-scripting"
98+
data-katacoda-color="004d7f"
99+
style="height: 600px; padding-top: 20px;">
100+
</div>
101+
102+
<!-- Call To Action -->
103+
<div class="py-8 border-t border-b border-blue-100 bg-blue-50">
104+
<div class="container mx-auto">
105+
<div class="flex flex-col items-center content-center justify-center text-center lg:flex-row lg:text-left">
106+
<img class="self-start w-auto h-24 px-4 mx-auto -mt-1 lg:mx-0" alt="Free Download" src="https://cdn.devdojo.com/images/december2020/coffee-start.png">
107+
108+
<div class="flex flex-col content-center px-4 mx-4 my-6">
109+
<h4 class="pb-0 mb-0 text-lg font-semibold mb-md-0">Download the eBook for free!</h4>
110+
<p class="mb-0 text-gray-700">Are you ready to learn Bash and start writing awesome Bash scripts?</p>
111+
</div>
112+
<a href="/index.html#download" class="px-4 py-2 font-semibold text-white bg-green-500 border border-green-700 rounded shadow btn btn-secundary hover:bg-green-600"> Free Download</a>
113+
114+
</div>
115+
</div>
116+
</div>
117+
<footer class="bg-white">
118+
<div class="max-w-screen-xl px-4 py-12 mx-auto space-y-8 overflow-hidden sm:px-6 lg:px-8">
119+
<nav class="flex flex-wrap justify-center -mx-5 -my-2">
120+
<div class="px-5 py-2">
121+
<a href="/index.html#ebook" class="text-base leading-6 text-gray-500 hover:text-gray-900">
122+
eBook
123+
</a>
124+
</div>
125+
<div class="px-5 py-2">
126+
<a href="/index.html#sponsors" class="text-base leading-6 text-gray-500 hover:text-gray-900">
127+
Sponsors
128+
</a>
129+
</div>
130+
<div class="px-5 py-2">
131+
<a href="/index.html#chapters" class="text-base leading-6 text-gray-500 hover:text-gray-900">
132+
Chapters
133+
</a>
134+
</div>
135+
<div class="px-5 py-2">
136+
<a href="https://github.com/bobbyiliev/introduction-to-bash-scripting" class="text-base leading-6 text-gray-500 hover:text-gray-900">
137+
GitHub
138+
</a>
139+
</div>
140+
<div class="px-5 py-2">
141+
<a href="https://blog.bobby.sh" class="text-base leading-6 text-gray-500 hover:text-gray-900">
142+
Blog
143+
</a>
144+
</div>
145+
<div class="px-5 py-2">
146+
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
147+
Terms
148+
</a>
149+
</div>
150+
</nav>
151+
<div class="flex justify-center mt-8 space-x-6">
152+
<a href="https://facebook.com/bobby.iliev4" class="text-gray-400 hover:text-gray-500">
153+
<span class="sr-only">Facebook</span>
154+
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
155+
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
156+
</svg>
157+
</a>
158+
<a href="https://instagram.com/bobby.iliev" class="text-gray-400 hover:text-gray-500">
159+
<span class="sr-only">Instagram</span>
160+
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
161+
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
162+
</svg>
163+
</a>
164+
<a href="https://twitter.com/bobbyiliev_" class="text-gray-400 hover:text-gray-500">
165+
<span class="sr-only">Twitter</span>
166+
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
167+
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
168+
</svg>
169+
</a>
170+
<a href="https://github.com/bobbyiliev/introduction-to-bash-scripting" class="text-gray-400 hover:text-gray-500">
171+
<span class="sr-only">GitHub</span>
172+
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
173+
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
174+
</svg>
175+
</a>
176+
<a href="https://devdojo.com/bobbyiliev" class="text-gray-400 hover:text-gray-500">
177+
<svg viewBox="0 0 520 460" class="text-gray-400 fill-current w-6 h-6 dark:text-white" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M81.079 81.293c2.351 40.815-19.808 63.171-51.101 87.082 79.261-53.553 176.523-95.401 271.687-104.232 166.088-15.338 205.72 189.752 67.267 233.939-50.059 15.858-100.118 31.71-150.177 47.831-11.74-31.973-25.035-63.427-35.206-95.915-24.767-77.206 111.854-94.099 147.578-97.218-60.745 15.08-74.836 32.23-69.875 56.404 3.126 13.257 7.044 28.076 10.945 41.586 26.863-7.533 53.452-15.334 80.314-23.128 40.93-11.704 38.33-100.07-25.559-93.053C205.19 147.836 102.46 201.903 0 262.73c16.94-8.057 100.379-51.724 111.59-23.396 33.896 86.556 96.467 155.703 188.767 208.993 142.367-82.405 214.329-202.489 219.277-367.034C453.15 27.098 376.689.001 300.261.001S147.436 27.098 81.079 81.293" id="a"></path></defs><g fill-rule="evenodd"><mask id="b"><use xlink:href="#a"></use></mask><use xlink:href="#a"></use><path d="M81.079 81.293c2.351 40.815-19.808 63.171-51.101 87.082 79.261-53.553 176.523-95.401 271.687-104.232 166.088-15.338 205.72 189.752 67.267 233.939-50.059 15.858-100.118 31.71-150.177 47.831-11.74-31.973-25.035-63.427-35.206-95.915-24.767-77.206 111.854-94.099 147.578-97.218-60.745 15.08-74.836 32.23-69.875 56.404 3.126 13.257 7.044 28.076 10.945 41.586 26.863-7.533 53.452-15.334 80.314-23.128 40.93-11.704 38.33-100.07-25.559-93.053C205.19 147.836 102.46 201.903 0 262.73c16.94-8.057 100.379-51.724 111.59-23.396 33.896 86.556 96.467 155.703 188.767 208.993 142.367-82.405 214.329-202.489 219.277-367.034C453.15 27.098 376.689.001 300.261.001S147.436 27.098 81.079 81.293"></path></g></svg>
178+
</a>
179+
</div>
180+
<p class="mt-8 text-base leading-6 text-center text-gray-400">
181+
&copy; 2020 Designed with <a href="https://devdojo.com/tails" class="text-blue-500 font-bold">Tails</a>
182+
</p>
183+
</div>
184+
</footer>
185+
<!-- a little JS for the mobile nav button -->
186+
<script>
187+
if (document.getElementById('nav-mobile-btn')) {
188+
document.getElementById('nav-mobile-btn').addEventListener('click', function () {
189+
if (this.classList.contains('close')) {
190+
document.getElementById('nav').classList.add('hidden');
191+
this.classList.remove('close');
192+
} else {
193+
document.getElementById('nav').classList.remove('hidden');
194+
this.classList.add('close');
195+
}
196+
});
197+
}
198+
</script>
199+
</body>
200+
</html>

0 commit comments

Comments
 (0)