GithubHelp home page GithubHelp logo

cory-gh-actions-workshop's Introduction

GitHub Actions Workshop by GitHub

Lift-off with GitHub Actions - it's not rocket-science (unless you use it for rockets). ๐Ÿš€

Welcome to our GitHub Actions Workshop! It will teach you all the basics of GitHub Actions and beyond, so that you feel confident in automating your own workflows and deployments.

Our goal is to make GitHub Actions as easy to you as floating in space!

GitHubs Octocat Mascot in a space suite floating above earth

Following this workshop, you will create a set of GitHub Action workflows in order to test, release, secure and deploy the Rocketdex ๐Ÿš€ - an awesome React-Application that lets you view and collect all your favorite rockets!

You will learn how to

  • run your first GitHub Action
  • use the Marketplace
  • create a complete and secure CI pipeline from scratch
  • deploy your application to Microsoft Azure (or another Cloud Provider of your choice)

Getting Started ๐Ÿš€

Anything you need for this workshop is contained within this template-repository - so the first thing you need to do is get a copy of it:

  1. On the top right, click the green Use this template button Image of the green button saying Use this Repo
  2. Give your new repository any name you like (for example <your-name>-gh-actions-workshop)
  3. Decide for an owner of the new repository (when in doubt, use your private GitHub account)
  4. Make it a Public repository so you don't use up any of your private action minutes
  5. Click Create repository from template

Image of Repository Creation Screen with settings as explained above

In your own repository, you now can safely create and change all files and run actions workflows according to the instructions shared by your trainer or by following our self-serve documents below.

Workshop Parts ๐Ÿ“š

These are the self-serve documents you can follow to complete this workshop. If you are doing this with a trainer, these are your reference materials:

  1. Hello World - Run your first Action
  2. Basics of Continous Integration - Build & Test
  3. Package and release your Application
  4. Security with Actions
  5. Lift-off - Deployment with Actions

Rocketdex Application Setup

The Rocketdex application is a React-Application build with vite and tested with vitest.

You can simply clone it and install all dependencies using:

npm install

After that, you can start it in development mode to have a look at it:

npm run dev

Other useful commands

Description Command
Build and Bundle the App using vite npm run build
Run Unit Tests with vitest npm run test
Lint the Code with ESLint npm run lint

Contributions

Please see CONTRIBUTING.md for details.

Licensing

This repo is licensed under MIT for code and CC BY-SA 4.0 for documentation (docs/ folder and the README.md.). See the LICENSE File for more information.

cory-gh-actions-workshop's People

Contributors

corydwood avatar

Watchers

 avatar

cory-gh-actions-workshop's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.