هذا الالتزام موجود في:
Chris Ayers
2023-03-13 13:07:30 +00:00
الأصل 97ed6a9443
التزام 19fdcf124f

عرض الملف

@@ -1,144 +1,144 @@
--- ---
marp: true marp: true
theme: default theme: default
footer: '@Chris_L_Ayers - https://chris-ayers.com' footer: '@Chris_L_Ayers - https://chris-ayers.com'
style: | style: |
.columns { .columns {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem; gap: 1rem;
} }
.columns3 { .columns3 {
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem; gap: 1rem;
} }
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css' @import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css'
--- ---
![bg](./img/bg.png) ![bg](./img/bg.png)
# CI/CD with GitHub Actions # CI/CD with GitHub Actions
--- ---
![bg left:40%](./img/portrait.jpg) ![bg left:40%](./img/portrait.jpg)
## Chris Ayers ## Chris Ayers
### Senior Customer Engineer<br>Microsoft ### Senior Customer Engineer<br>Microsoft
- Twitter: @Chris\_L\_Ayers - Twitter: @Chris\_L\_Ayers
- LinkedIn: - [chris\-l\-ayers](https://linkedin.com/in/chris-l-ayers/) - LinkedIn: - [chris\-l\-ayers](https://linkedin.com/in/chris-l-ayers/)
- Blog: [https://chris-ayers\.com/](https://chris-ayers.com/) - Blog: [https://chris-ayers\.com/](https://chris-ayers.com/)
- GitHub: [Codebytes](https://github.com/codebytes) - GitHub: [Codebytes](https://github.com/codebytes)
--- ---
![bg left](./img/bg.png) ![bg left](./img/bg.png)
# Agenda # Agenda
- YAML - YAML
- CI / CD - CI / CD
- Actions Overview - Actions Overview
- Demos - Demos
--- ---
![bg](./img/bg.png) ![bg](./img/bg.png)
<div class="columns"> <div class="columns">
<div> <div>
# YAML # YAML
## **Yet Another Markup Language** ## **Yet Another Markup Language**
GitHub uses YAML for workflows GitHub uses YAML for workflows
</div> </div>
<div> <div>
| Feature | Description | | Feature | Description |
| --- | --- | | --- | --- |
| Lists | Start with a | | Lists | Start with a |
| Key-Value | Key: value | | Key-Value | Key: value |
| Objects | Objects:<br>Properties of objects | | Objects | Objects:<br>Properties of objects |
</div> </div>
</div> </div>
--- ---
![bg](./img/bg.png) ![bg](./img/bg.png)
# What is CI/CD? # What is CI/CD?
![contain](./img/cicd.png) ![contain](./img/cicd.png)
--- ---
![bg](./img/bg.png) ![bg](./img/bg.png)
# Actions Overview # Actions Overview
- Actions are Event Driven - Actions are Event Driven
- Live in the .github/workflows folder - Live in the .github/workflows folder
- Workflows are defined in YAML - Workflows are defined in YAML
--- ---
![bg right contain](./img/event-job.png) ![bg right contain](./img/event-job.png)
# Workflows # Workflows
- [Events](https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows) trigger workflows - [Events](https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows) trigger workflows
- Workflows contain jobs - Workflows contain jobs
- Jobs contain steps - Jobs contain steps
- Steps are commands or actions - Steps are commands or actions
--- ---
![bg right contain](./img/job-runner.png) ![bg right contain](./img/job-runner.png)
# Jobs # Jobs
- Workflows can contain multiple jobs - Workflows can contain multiple jobs
- Each job runs on a [Runner](https://docs.github.com/en/actions/using-github-hosted-runners/about-github-hosted-runners) - Each job runs on a [Runner](https://docs.github.com/en/actions/using-github-hosted-runners/about-github-hosted-runners)
--- ---
# ACT # ACT
## Run Actions Locally ## Run Actions Locally
<i class="fa-brands fa-github"></i> [nektos/act](https://github.com/nektos/act) <i class="fa-brands fa-github"></i> [nektos/act](https://github.com/nektos/act)
![bg right:50% contain](./img/act-quickstart-2.gif) ![bg right:50% contain](./img/act-quickstart-2.gif)
--- ---
![bg](./img/bg.png) ![bg](./img/bg.png)
# DEMOS # DEMOS
--- ---
# Questions # Questions
![bg auto](./img/background.jpg) ![bg auto](./img/background.jpg)
![bg](./img/owl.png) ![bg](./img/owl.png)
--- ---
# Resources # Resources
<div class="columns"> <div class="columns">
<div> <div>
## Links ## Links
- https://docs.github.com - https://docs.github.com
- [https://skills.github.com](https://skills.github.com) - https://skills.github.com
- [codebytes/github-actions-demos](https://github.com/codebytes/github-actions-demos)
</div> </div>
<div> <div>
## Chris Ayers ## Chris Ayers
- Twitter: @Chris\_L\_Ayers - Twitter: @Chris\_L\_Ayers
- LinkedIn: - [chris\-l\-ayers](https://linkedin.com/in/chris-l-ayers/) - LinkedIn: - [chris\-l\-ayers](https://linkedin.com/in/chris-l-ayers/)
- Blog: [https://chris-ayers\.com/](https://chris-ayers.com/) - Blog: [https://chris-ayers\.com/](https://chris-ayers.com/)
- GitHub: [Codebytes](https://github.com/codebytes) - GitHub: [Codebytes](https://github.com/codebytes)
</div> </div>
</div> </div>