yaml
name: CI Pipeline

on:
  push:
    branches: [main, develop]
  pull_request:

CI/CD pipeline with GitHub Actions

ci-cd github-actions devops
by Ryan Nakamura 1 tab
yaml
# HPA v2 with multiple metrics
apiVersion: autoscaling/v2
kind: HorizontalPodAutoscaler
metadata:
  name: web-app-hpa
  namespace: production

Kubernetes Horizontal Pod Autoscaler and resource management

kubernetes k8s autoscaling
by Ryan Nakamura 1 tab
yaml
# ConfigMap from literal values
apiVersion: v1
kind: ConfigMap
metadata:
  name: web-app-config
  namespace: production

Kubernetes ConfigMaps and Secrets management

kubernetes k8s configmaps
by Ryan Nakamura 2 tabs
yaml
# ClusterIP Service (internal only)
apiVersion: v1
kind: Service
metadata:
  name: web-app
  namespace: production

Kubernetes Services and Ingress for traffic routing

kubernetes k8s services
by Ryan Nakamura 2 tabs
yaml
apiVersion: apps/v1
kind: Deployment
metadata:
  name: web-app
  namespace: production
  labels:

Kubernetes Pod and Deployment manifests

kubernetes k8s pods
by Ryan Nakamura 2 tabs
bash
#!/bin/bash
# Docker Compose commands

# Start all services
docker compose up -d

Docker Compose for multi-container applications

docker docker-compose devops
by Ryan Nakamura 2 tabs
dockerfile
# Multi-stage build for a Node.js application

# Stage 1: Build
FROM node:20-alpine AS builder

WORKDIR /app

Docker fundamentals: images, containers, and layers

docker containers devops
by Ryan Nakamura 2 tabs
css
/* 1. Mobile-first approach */
/* Base styles for mobile */
.container {
  width: 100%;
  padding: 1rem;
}

Responsive design patterns with CSS media queries

css responsive-design media-queries
by Alex Chang 1 tab
typescript
// 1. Basic types
let username: string = 'Alex';
let age: number = 30;
let isActive: boolean = true;
let items: string[] = ['item1', 'item2'];
let numbers: Array<number> = [1, 2, 3];

TypeScript fundamentals for type-safe front-end code

typescript javascript types
by Alex Chang 2 tabs
javascript
// 1. Create SVG elements
const svgNS = 'http://www.w3.org/2000/svg';

function createSVGElement(type, attributes = {}) {
  const element = document.createElementNS(svgNS, type);
  Object.entries(attributes).forEach(([key, value]) => {

SVG manipulation with JavaScript

svg javascript graphics
by Alex Chang 1 tab
javascript
// Get canvas and context
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

// 1. Basic shapes
// Rectangle (filled)

Canvas API for graphics and animations

canvas javascript graphics
by Alex Chang 1 tab
javascript
// 1. Basic WebSocket connection
const socket = new WebSocket('wss://example.com/ws');

// Connection opened
socket.addEventListener('open', (event) => {
  console.log('Connected to WebSocket server');

WebSockets for real-time bidirectional communication

websockets real-time javascript
by Alex Chang 1 tab