DevSecOps Training Presentation

A comprehensive presentation on DevSecOps practices and implementation.

Setup

You can run this presentation either locally or using Docker.

Local Setup

1. Install dependencies:

npm install

2. Choose how to run the presentation:

Development Mode

• Start with basic HTTP server:

npm start

• Start with live reload (recommended for development):

npm run live

Docker Setup

1. Build the Docker image:

docker build -t devsecops-presentation .

2. Run the presentation:

docker run -p 8080:8080 devsecops-presentation

3. Access the presentation at http://localhost:8080

For development with live reload:

docker run -p 8080:8080 -v $(pwd):/app devsecops-presentation npm run live

Production Build

1. Build for production:

# Create a production-ready build
npm run build

# Serve the production build
npm run serve

2. Deploy the dist directory to your hosting platform

Or using Docker:

# Build production image
docker build -t devsecops-presentation:prod -f Dockerfile.prod .

# Run production container
docker run -p 8080:8080 devsecops-presentation:prod

Keyboard Shortcuts

• Space / Arrow Keys: Navigate through slides
• S: Open speaker notes
• F: Full screen
• ESC: Overview mode
• E: Export to PDF with notes

Generating PDFs

To generate PDFs of the presentation:

1. Start the presentation server:

npm start

2. In a new terminal, run one of these commands:

• For presentation only:

npm run pdf

• For presentation with speaker notes:

npm run pdf-with-notes

The PDFs will be generated as:

• presentation.pdf: Slides only
• presentation-with-notes.pdf: Slides with speaker notes

Speaker Notes

Each slide includes detailed speaker notes that can be viewed by:

1. Pressing 'S' during the presentation
2. Opening the PDF with notes
3. Using the presenter mode in Reveal.js

Customization

• Edit markdown files in the chapters/ directory
• Modify styles in custom.css
• Update configuration in index.html

Development Tips

• Use npm run live for automatic reloading during development
• Preview speaker notes by pressing 'S'
• Test the presentation in different browsers
• Check mobile responsiveness using browser dev tools

Docker Tips

• Use volume mounting for development to see live changes
• Use multi-stage builds for production
• The production image is optimized for size and security