add content and tasks

Co-authored-by: Midha Tahir <[email protected]>

Author: Muhammad-Hasham-Khalid

gatsby-config.js

@@ -1,25 +1,32 @@
 module.exports = {
   siteMetadata: {
-    title: "Gatsby Starter Course",
-    subtitle: "For making great content",
-    author: "Your Name Here",
-    authorSubtitle: "Company Here",
-    authorImage: "author.jpg", // this image should go in /static
+    title: "Git & Docker Workshop",
+    subtitle: "",
+    author: "Muhammad Hasham Khalid",
+    authorSubtitle: "Associate Consultant @ Systems Ltd.",
+    authorImage: "author.jpeg", // this image should go in /static
     courseImage: "courseImage.png", // this also should go in /static
-    twitter: "https://twitter.com/holtbt", // make empty string to omit socials
-    linkedin: "https://linkedin.com/in/btholt",
-    github: "https://github.com/btholt",
+    twitter: "https://twitter.com/hashiinngg", // make empty string to omit socials
+    linkedin: "https://linkedin.com/in/mhashamk",
+    github: "https://github.com/Muhammad-Hasham-Khalid",
     description:
-      "This is the description that will show up when people share as well as on search engines",
+      "I am a software engineer, eager to learn and work on modern technologies for building and deploying fast, elegant and performant applications. I am mostly interested in mobile and web application development alongside with exploring cutting-edge technologies like Blockchain, Cloud Computing etc.",
     keywords: [
-      "this is",
-      "a list of keywords and phrase",
-      "that search engines",
-      "will index your page for",
+      "hasham khalid",
+      "muhammad hasham",
+      "muhammad hasham khalid",
+      "Muhammad-Hasham-Khalid",
+      "hashiinngg",
+      "software-engineer",
+      "speaker",
+      "github",
+      "git",
+      "docker",
+      "NED",
+      "NED university",
     ],
   },
   pathPrefix: "",
-  // pathPrefix: "/my-repo-name", // if you're using GitHub Pages, put the name of the repo here with a leading slash
   plugins: [
     {
       resolve: "gatsby-plugin-react-svg",

lessons/conclusion.md

@@ -0,0 +1,15 @@
+---
+path: "/conclusion"
+title: "Conclusion & Resources"
+order: "4A"
+section: "Conclusion"
+---
+
+### Resources
+
+- [Oh Shit Git!](https://ohshitgit.com/)
+- [Bret Fisher YouTube Channel](https://www.youtube.com/@BretFisher)
+- [All In One Resources](https://bit.ly/all-in-1-resources)
+- [Frontend Masters](https://frontendmasters.com)
+- [Bret Fisher Udemy Course](https://www.udemy.com/course/docker-mastery/)
+- [Stephen Grider Udemy Course](https://www.udemy.com/course/docker-and-kubernetes-the-complete-guide/)

lessons/docker-commands.md

@@ -0,0 +1,10 @@
+---
+path: "/docker-commands"
+title: "Docker Commands"
+order: "2B"
+section: "Introduction to Docker"
+---
+
+# Docker Cheatsheet
+
+You can refer to this docker cheatsheet for the commands [cheatsheet](https://docs.docker.com/get-started/docker_cheatsheet.pdf)

lessons/docker-introduction.md

@@ -0,0 +1,36 @@
+---
+path: "/docker-introduction"
+title: "What is Docker & Why it is used?"
+order: "2A"
+section: "Introduction to Docker"
+---
+
+## What Are Containers?
+
+A container is a unit of software that packages code and its dependencies so the application runs quickly and reliably across computing environments.
+
+## Why Containers and Why we need containers?
+
+### Bare Metal
+
+Historically, if you wanted to run a web server, you either set up your own or you rented a literal server somewhere. We often call this "bare metal" because, well, your code is literally executing on the processor.
+
+- More Maintenance is required
+- Expensive
+- Takes time
+
+### Virtual Machines
+
+Virtual machines are the next step. This is adding a layer of abstraction between you and the metal. Now instead of having one instance of Linux running on your computer, you'll have multiple guest instances of Linux running inside of a host instance of Linux.
+
+### Public Cloud
+
+- AWS, Azure, Google C
+
+So, as alluded to above, you can nab a VM from a public cloud provider like Microsoft Azure or Amazon Web Services. It will come with a pre-allocated amount of memory and computing power (often called virtual cores or vCores because their dedicated cores to your virutal machine.) Now you no longer have to manage the expensive and difficult business of maintaining a data center but you do have to still manage all the software of it yourself: Microsoft won't update Ubuntu for you but they will make sure the hardware is up to date.
+
+### Containers
+
+And here we are, containers. As you may have divined, containers give us many of the security and resource-management features of VMs but without the cost of having to run a whole other operating system. It instead usings chroot, namespace, and cgroup to separate a group of processes from each other.
+
+So now that we've been through why we need containers, let's go through the three things that make containers a reality.

lessons/docker-quiz.md

@@ -0,0 +1,12 @@
+---
+path: "/docker-quiz"
+title: "Docker Quiz"
+order: "3B"
+section: "Final Quiz"
+---
+
+1. Pull latest Ubuntu image, run a container with it, go inside the container and install nodejs in it and run a simple hello world program.
+2. Docker keeps a container running as long as the process it started inside the container is still running. How do you check if the container is running. Mention the steps you would take to find out.
+3. What command is used to build an image.
+4. Make a dockerfile to run a simple http python flask server, mention all the steps you will take.
+5. Make a dockerfile to run a simple one page HTML website, mention all the steps you will take.

lessons/git-cmds.md

@@ -0,0 +1,95 @@
+---
+path: "/git-commands"
+title: "Git Commands"
+order: "1C"
+section: "Introduction to Git"
+---
+
+## Initialize, Setup Remote, Clone Repo
+
+- Initialize
+
+```bash
+git init # Yeah, that's it! pretty simple, right?
+```
+
+- Setup Remote
+
+```bash
+# This will tell git from which remote repository we want to connect our current local repository
+git remote add <remote name> <remote link>
+```
+
+- Clone an existing repsoitory
+
+```bash
+git clone <repository-remote-link> <location (optional)>
+```
+
+## Stage, Commit, Push
+
+- Staging
+
+```bash
+# stage a specific file
+git add <filename>
+
+# stage all files
+git add .
+# or
+git add -A
+```
+
+- Commit
+
+```bash
+# commit with a message as arg
+git commit -m "<your meaningful message goes here>"
+
+# commit without a message arg
+# (this will open the editor to write the commit message)
+git commit
+
+# add/stage files that are dirty(modified/deleted) and then commit
+git commit -a
+
+# can also pass the -m flag with -a to write the commit message as arg
+git commit -am "<your meaningful message goes here>"
+```
+
+- Push
+
+```bash
+git push <remote name> <branch name>
+```
+
+Some useful flags to learn with this command are:
+
+- `-f`: force
+  > **WARNING**: Don't use the `-f` flag until you don't know what side effect it will create, it can mess up things.
+- `-u`: setup upstream
+
+## Branching and Merging
+
+- Branching
+
+```bash
+git branch <branch name> # create a branch
+git checkout <branch name> # then switch to it
+# or
+git checkout -b <branch name> # create a branch and switch to it
+
+# delete a branch
+git branch -d <branch name>
+```
+
+- Merging branches
+
+```bash
+git checkout <branch-name-in-which-you-want-to-merge>
+git merge <branch-name-you-want-to-merge>
+```
+
+## Creating a Pull Request
+
+Pull requests are a way of contributing to a project, they are very useful to learn and to be used in personal, group and other open source projects, as with the help of branches and PRs the whole workflow becomes well organized and well managed. Now, let's take a look at how we can create a pull request and merge it.

lessons/git-installation.md

@@ -0,0 +1,32 @@
+---
+path: "/git-installation"
+title: "Git Installation & Setup"
+order: "1B"
+section: "Introduction to Git"
+---
+
+### Download
+
+Git can be easily downloaded and installed, OS specific instructions can be found on the official website:
+
+[https://git-scm.com/](https://git-scm.com/)
+
+### Instructions during installation
+
+**(For Windows Users)**
+
+Select the commit message editor to be notepad instead of the default one (vim), as it can difficult to use for beginners.
+![git-editor-windows](./images/git-editor-win.jpeg)
+
+### Post installation setup
+
+Let's tell git about ourselves, it's just like setting up a local account on git so that it knows us:
+
+```bash
+git config --global user.name "John Doe"
+git config --global user.email "[email protected]"
+```
+
+Replace the name with your GitHub username, and the email with your email that you made the account with on GitHub.
+
+> There is one thing to learn here that is this `--global` flag. Only use this flag with the command if you want to setup this configuration globally through out your machine. If you want to specifically setup some folder with a different account you can skip this flag.

lessons/git-introduction.md

@@ -0,0 +1,26 @@
+---
+path: "/what-is-git"
+title: "What is Git?"
+order: "1A"
+section: "Introduction to Git"
+description: "Introduction to git and git installation."
+icon: "dumpster-fire"
+---
+
+Let's see the how the git website defines git, it's pretty straight forward and self explanatory:
+
+> Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
+
+But, wait a minute, what is a **VERSION CONTROL SYSTEM** ???
+
+## VCS (Version Control System)
+
+Let's see how microsoft's website explains what a version control system is:
+
+> Version control systems are software that help track changes make in code over time.
+
+But why do I need a version control system???
+
+## Need of VCS
+
+Without version control, developers are tempted to keep multiple copies of code on their computer. This is dangerous because it's easy to change or delete a file in the wrong copy of code, potentially losing work. Version control systems solve this problem by managing all versions of the code, but presenting the team with a single version at a time.

lessons/git-quiz.md

@@ -0,0 +1,11 @@
+---
+path: "/git-quiz"
+title: "Git Quiz"
+order: "3A"
+section: "Final Quiz"
+---
+
+1. How would you edit a commit that has just been pushed to github?
+2. How would you make one small change after you had just committed, without making another commit.
+3. How will you know if a branch has just been combined into a master in Git?
+4. How can you configure a Git repository to run code sanity checking tool (prettier/lint) before making commits? (hints: Husky, Git Hooks) - Mention all steps and commands.