Posts Tagged ‘Coding’
Application Optimization Workshop
Application optimization workshop. Just realized that this Claude.AI, github platform will change everything. Hopefully in the good hand
Cloud Application Architecture Workshop Series
Overview: This program consists of two connected sessions designed for IT auditors and non-developer professionals to understand modern cloud application delivery. The workshops emphasize architecture, governance flow, and conceptual understanding rather than deep coding skills. Participants will learn how cloud IDEs, GitHub, and cloud hosting platforms work together to produce publicly accessible applications.
Session 1 — Simple News (AI / Python)
Purpose: Introduce participants to the AI and analytical layer of modern applications using Python, notebooks, and simple web interfaces.
Simple React Frontend Workshop
React Frontend Workshop
Building a Simple Frontend App — For IT Auditors
1. Workshop Overview
Workshop Title: React Frontend Workshop
Audience: IT Auditors who understand IT governance and controls but have limited software development experience.
Goal: Help participants understand how modern frontend development works — from coding to deployment — using real tools.
Simple News Architecture
| Category | Layer / Capability | 🏦 Bank — Big Budget (Enterprise Standard) | 🧩 SME — Limited / Free Version |
|---|---|---|---|
| 🧱 INFRASTRUCTURE | Hosting / Cloud | AWS Landing Zone (EKS, ECS, App Runner) | Hugging Face Spaces, Render, Railway |
| Operating System | Managed container OS (abstracted Linux) | Platform-managed Linux | |
| Compute | Kubernetes (EKS), Lambda, Fargate | Serverless container runtime | |
| Network & CDN | CloudFront + WAF + Private VPC | Cloudflare Free CDN | |
| Storage | S3 Versioned Buckets | GitHub Repo Storage | |
| Database | RDS Aurora / DynamoDB | SQLite / Airtable / Google Sheet | |
| Disaster Recovery | Multi-region failover | GitHub history + manual backup | |
| Vendor Monitoring | AWS Control Tower | Platform dashboard only | |
| 🧑💻 DEVELOPMENT | Coding IDE | VSCode Enterprise, JetBrains, GitHub Codespaces | VSCode Community / Google Colab |
| Languages | Python, Node.js, Java, Go | Python / Node.js | |
| Frontend Framework | React / Next.js / Angular | Streamlit / Gradio / simple React | |
| Backend Framework | FastAPI, SpringBoot, Node.js API | Single Python script | |
| Repo Management | GitHub Enterprise / GitLab Ultimate | Public GitHub | |
| Branch Strategy | GitFlow with protected branches | Basic GitHub branching | |
| 🧪 TESTING & QUALITY | Unit Testing | PyTest, Jest, JUnit | PyTest free |
| SAST (Static Scan) | HCL AppScan SAST, Checkmarx, Fortify | GitHub CodeQL, Semgrep | |
| DAST (Dynamic Scan) | HCL AppScan DAST, Burp Enterprise | OWASP ZAP | |
| Dependency Scan (SCA) | Prisma Cloud, Snyk Enterprise | Dependabot, Trivy | |
| Container Scan | Aqua Security, Twistlock | Trivy CLI | |
| 🔐 SECURITY & GOVERNANCE | IAM / Identity | AWS IAM + Cognito + SSO | GitHub OAuth / Firebase Auth |
| Secrets Management | AWS Secrets Manager / Vault | GitHub Secrets | |
| Policy Control | SCP, Guardrails, OPA | Basic repo policies | |
| Compliance Logging | CloudTrail + Config | GitHub audit log | |
| 🚀 CI/CD & DELIVERY | Pipeline | GitHub Enterprise + CodePipeline | GitHub Actions Free |
| Deployment Strategy | Blue-Green, Canary Release | Auto Deploy on Push | |
| Artifact Registry | ECR / Artifactory | GitHub Packages | |
| 📊 OBSERVABILITY | Application Monitoring | Dynatrace / AppDynamics / New Relic | Grafana Cloud Free |
| Infra Monitoring | CloudWatch, Prometheus | Platform metrics | |
| Logging | ELK / Splunk SIEM | Basic logs | |
| User Analytics | Adobe Analytics / GA Enterprise | Google Analytics Free | |
| 🤖 AI / ML LAYER | Model Hosting | AWS Bedrock / SageMaker | HuggingFace Inference Free |
| Experimentation | SageMaker Studio / MLflow | Google Colab | |
| 📝 CONTENT MANAGEMENT | CMS | Headless CMS (Strapi, AEM, WordPress Headless) | Markdown in GitHub / WordPress Free |
| ⚙️ OPERATING MODEL | Team Structure | DevSecOps squads + SRE | Solo developer |
| Governance Level | High — regulated bank | Lightweight governance | |
| 💰 COST MODEL | Monthly Cost | $$$$$ Enterprise OPEX | Free → <$20/month |
Simple News – Basic AI/ML & CI/CD Workshop
Workshop: Simple News
1. Overview
Simple News Apps is a lightweight application that displays news content from a plain text file stored in GitHub.
Baca entri selengkapnya »
PHP
Its been a long time, this calculator is good example to remind things that I’ve been very interested in almost 15 years ago. How to run a PHP function from an HTML form and here also bring good explanation. I think I will start to read and search more.
Anjar Priandoyo 