Skip to content

Commit 3faf424

Browse files
manojkumar-jmpmanojkumar-jmp
authored
Create index.html
1 parent 2666525 commit 3faf424

1 file changed

Lines changed: 188 additions & 0 deletions

File tree

‎docs/index.html‎

Lines changed: 188 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title> Home</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
8+
9+
10+
</head>
11+
<body>
12+
<header>
13+
<section id="navigation">
14+
<nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
15+
<div class="container">
16+
<a class="navbar-brand" href="https://github.com/manojkumar-jmp" style="color:greenyellow;"> Manoj Kumar</a>
17+
<div class=" navbar-default">
18+
<ul class="navbar-nav ml-auto">
19+
<li class="nav-item">
20+
<a class="nav-link active" href="index.html"> Home </a>
21+
</li>
22+
</ul>
23+
</div>
24+
</div>
25+
</nav>
26+
</section>
27+
</header>
28+
<div class="container">
29+
30+
<h1>Explore GitHub Workflow </h1>
31+
<p><strong>Workflow</strong>:
32+
The overall automated process that defines when and how different actions should be executed, triggered by events like pushing code to a repository or creating a pull request.
33+
</p>
34+
<p><strong>Action</strong>:
35+
An individual, modular step within a workflow, performing a specific task like running a unit test, deploying to a server, or checking code quality.
36+
</p>
37+
<p><strong>How they work together</strong>:
38+
YAML configuration:<br>
39+
Both workflows and actions are defined using YAML syntax within the <strong>.github/workflows</strong> directory in your repository.<br>
40+
Combining actions:<br>
41+
You can combine multiple actions from either the GitHub community or custom-built actions to create a complex workflow.<br>
42+
Triggering workflows:<br>
43+
A workflow can be triggered by various events like pushing code, creating a pull request, or a scheduled time.
44+
</p>
45+
<p><strong>A workflow must contain the following basic components:</strong>
46+
</p>
47+
<ol>
48+
<li>One or more events that will trigger the workflow.</li>
49+
<li>One or more jobs, each of which will execute on a runner machine and run a series of one or more steps.</li>
50+
<li>Each step can either run a script that you define or run an action, which is a reusable extension that can simplify your workflow.</li>
51+
</ol>
52+
<p><strong>A workflow trigger is an event that causes a workflow to run. There are four types of triggers:</strong></p>
53+
<ol>
54+
<li>Events happening in the workflow’s GitHub repository.</li>
55+
<li>Events occurring outside of GitHub, which trigger a repository_dispatch event in GitHub.</li>
56+
<li>A predefined schedule.</li>
57+
<li>
58+
<p>Manual trigger</p>
59+
<h2 id="notes-">Notes:-</h2>
60+
<ul>
61+
<li>GitHub Actions is a powerful automation platform that goes far beyond just CI/CD. While automating the CI/CD pipeline is one of the most popular use cases,</li>
62+
<li>A GitHub Actions workflow is a process that you set up in your repository to automate software-development lifecycle tasks, including GitHub Actions</li>
63+
<li>A GitHub workflow; refers to a series of automated tasks defined in a YAML file within a GitHub repository, essentially a blueprint for a continuous integration and continuous delivery (CI/CD) pipeline, while a GitHub action is a single, reusable task within that workflow, like running a specific test or building a project, which can be combined to create a larger automated process.</li>
64+
<li>A GitHub workflow refers to a series of automated tasks defined in a YAML file within a GitHub repository, essentially a blueprint for a continuous integration and continuous delivery (CI/CD) pipeline, while a GitHub action is a single, reusable task within that workflow, like running a specific test or building a project, which can be combined to create a larger automated process. </li>
65+
<li>
66+
GitHub Actions are packaged scripts to automate tasks in a software-development workflow in GitHub.
67+
<ul>
68+
<li>Ensure the code passes all unit tests.</li>
69+
<li>Perform code quality and compliance checks to make sure the source code meets the organization&#39;s standards.</li>
70+
<li>Check the code and its dependencies for known security issues.</li>
71+
<li>Build the code integrating new source from (potentially) multiple contributors.</li>
72+
<li>Ensure the software passes integration tests.</li>
73+
<li>Version the new build.</li>
74+
<li>Deliver the new binaries to the appropriate filesystem location.</li>
75+
<li>Deploy the new binaries to one or more servers.</li>
76+
<li>If any of these tasks don&#39;t pass, report the issue to the proper individual or team for resolution.</li>
77+
</ul>
78+
</li>
79+
</ul>
80+
</li>
81+
</ol>
82+
<p><strong>Types of GitHub actions</strong><br>There are three types of GitHub actions:</p>
83+
<ul>
84+
<li>Container actions</li>
85+
<li>JavaScript actions</li>
86+
<li>Composite actions.</li>
87+
</ul>
88+
<p>With container actions, the environment is part of the action&#39;s code. These actions can only be run in a Linux environment that GitHub hosts. Container actions support many different languages.</p>
89+
<p>JavaScript actions don&#39;t include the environment in the code. You&#39;ll have to specify the environment to execute these actions. You can run these actions in a VM (virtual machine) in the cloud or on-premises. JavaScript actions support Linux, macOS, and Windows environments.</p>
90+
<p>Composite actions allow you to combine multiple workflow steps within one action. For example, you can use this feature to bundle together multiple run commands into an action, and then have a workflow that executes the bundled commands as a single step using that action.</p>
91+
<p>A workflow must have at least one job. A job is a section of the workflow associated with a runner. A runner can be GitHub-hosted or self-hosted, and the job can run on a machine or in a container. </p>
92+
<p><strong>Workflows</strong><br>A workflow is an automated process that you add to your repository. A workflow needs to have at least one job, and different events can trigger it. You can use it to build, test, package, release, or deploy your repository&#39;s project on GitHub.</p>
93+
<p><strong>Jobs</strong><br>The job is the first major component within the workflow. A job is a section of the workflow that will be associated with a runner. A runner can be GitHub-hosted or self-hosted, and the job can run on a machine or in a container. You&#39;ll specify the runner with the runs-on: attribute. Here, you&#39;re telling the workflow to run this job on ubuntu-latest. We&#39;ll talk more about runners in the next unit.</p>
94+
<p><strong>Steps</strong><br>A step is an individual task that can run commands in a job. In our preceding example, the step uses the action actions/checkout@v2 to check out the repository. What&#39;s interesting is the uses: ./action-a value. This is the path to the container action that you&#39;ll build in an action.yml file.</p>
95+
<p><strong>Actions</strong><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The actions inside your workflow are the standalone commands that are executed. These standalone commands can reference GitHub actions such as using your own custom actions, or community actions like the one we use in the preceding example, actions/checkout@v2. You can also run commands such as run: npm install -g bats to execute a command on the runner.
96+
97+
</div>
98+
<footer>
99+
<footer class="bg-body-tertiary text-center text-white">
100+
<!-- Grid container -->
101+
<div class="container p-4 pb-0">
102+
<!-- Section: Social media -->
103+
<section class="mb-4">
104+
<!-- Facebook -->
105+
<a
106+
data-mdb-ripple-init class="btn text-white btn-floating m-1"
107+
style="background-color: #3b5998;"
108+
href="https://www.facebook.com/ShribhaEdu"
109+
role="button"><i class="fab fa-facebook-f"></i></a>
110+
111+
<!-- Twitter -->
112+
<a
113+
data-mdb-ripple-init class="btn text-white btn-floating m-1"
114+
style="background-color: #55acee;"
115+
href="https://x.com/jmp_manoj"
116+
role="button"><i class="fab fa-twitter"></i></a>
117+
118+
<!-- Linkedin -->
119+
<a
120+
data-mdb-ripple-init class="btn text-white btn-floating m-1"
121+
style="background-color: #0082ca;"
122+
href="https://www.linkedin.com/in/manoj-kumar-jmp/"
123+
role="button"><i class="fab fa-linkedin-in"></i></a>
124+
<!-- Github -->
125+
<a
126+
data-mdb-ripple-init class="btn text-white btn-floating m-1"
127+
style="background-color: #333333;"
128+
href="https://github.com/manojkumar-jmp"
129+
role="button"><i class="fab fa-github"></i></a>
130+
</section>
131+
<!-- Section: Social media -->
132+
</div>
133+
<!-- Grid container -->
134+
135+
<!-- Copyright -->
136+
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
137+
© 2025 Copyright:
138+
<a class="text-white">GitHub Action</a>
139+
</div>
140+
<!-- Copyright -->
141+
</footer>
142+
</footer>
143+
144+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
145+
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
146+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
147+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script>
148+
<!-- JavaScript code -->
149+
<script>
150+
151+
/* Code for changing active
152+
link on clicking */
153+
var btns =
154+
$("#navigation .navbar-nav .nav-link");
155+
156+
for (var i = 0; i < btns.length; i++) {
157+
btns[i].addEventListener("click",
158+
function() {
159+
var current = document
160+
.getElementsByClassName("active");
161+
162+
current[0].className = current[0]
163+
.className.replace(" active", "");
164+
165+
this.className += " active";
166+
});
167+
}
168+
169+
/* Code for changing active
170+
link on Scrolling */
171+
$(window).scroll(function() {
172+
var distance = $(window).scrollTop();
173+
$('.page-section').each(function(i) {
174+
175+
if ($(this).position().top <=
176+
distance + 250) {
177+
178+
$('.navbar-nav a.active')
179+
.removeClass('active');
180+
181+
$('.navbar-nav a').eq(i)
182+
.addClass('active');
183+
}
184+
});
185+
}).scroll();
186+
</script>
187+
</body>
188+
</html>

0 commit comments

Comments
 (0)