Leveraging {AI}to Code

Going beyond the vibe

AI is closing the technical gap for non-technical people

Birth your ideas into the world

"Exponential Organizations"

Who Am I?

Background in ethical hacking

Competitive chess player

Shipping apps & running TechNYC.io

Ethical Hacking

Escaped hectic childhood through problem solving

A love of Tinkering and Reverse Engineering

You Win or you Learn, trusting the process

Chess and a secondary spark

Trained with NMs in my 20s

Chess Rewired my Brain

70-100hr work weeks (physical fitness + optimizing sleep)

"A bad plan is better than no plan at all" - Mikhail Chigorin

My Apps

App Store & Google Play

Running TechNYC.io

Introductions

What inspired you to learn about AI and the future of tech?

What do you hope to get out of this class?

Let's make this a choose your own adventure

Systems Thinking Wins, Finding Your Niche in a sea of Tech

The person who implements systems thinking wins over the hardworking person who builds slowly

  • SWARMS & multi-agent automation
  • AI as force multiplier on effort
  • Compete globally as your own business entity

Vibe Coding: Not Even ONCE

{Vibe Coding Memes}

  • Excellent for getting started, but limits growth at ceiling
  • Often neglects understanding of syntax and logic
  • Creates dependency on contractors who may not refine your app
  • AI assistants help bridge gaps when used properly
  • Building yourself gives greater satisfaction and capability

Secuity: Attack Vectors in the age of AI

Businesses ship tech too fast for IT to keep up

Scaling from 10 to 1000 users overnight

China, Russia, North Korea,.. Less regulations on Gov Hackers etc

AI enables malware-masterpieces, new forms of worms and trojans.. classes of info-stealers and data-exfiltration.. and no you cannot remove all of your info from data brokers or the dark web..

How do you create robust systems

Let's get started (Command line Exercise)

  • Track changes and collaborate with others
  • Commit often with meaningful messages
  • Branch for features, merge when ready
  • Push to remote repositories (GitHub, GitLab)

git init
git add .
git commit -m "Initial commit"
git push origin main
					

Learning Best Practices

  • Understand problem-solving logic before writing code
  • Practice with whiteboarding exercises
  • Read official documentation to learn conventions
  • Compare high-level vs low-level languages
  • Learn the difference between compiling and transpiling
  • Explore frameworks and select one that fits your goals
  • Set up a coding environment for productivity
  • Experiment with tools and libraries to build your personal toolkit
  • Reference memes or analogies to remember concepts

The Command Line Is Your Friend

Bash, ZSH, and mastering Unix


					# Navigate directories
					cd ~/projects/my-app

					# List files with details
					ls -la

					# Run your app
					npm start
					

Fun Exercise: Code Creates Music

Let's make some sounds with JavaScript

Open your browser console (F12)

Try the Web Audio API

Experiment with frequencies and timing


						// Create audio context
						const audioCtx = new AudioContext();
						const oscillator = audioCtx.createOscillator();

						// Set frequency (440Hz = A note)
						oscillator.frequency.value = 440;
						oscillator.connect(audioCtx.destination);

						// Play for 1 second
						oscillator.start();
						setTimeout(() => oscillator.stop(), 1000);
					

Take a Break

Case Studies: Cool Visual Effects with Code

You can do a lot with very little code, leveraging JS

Penguins on Bread - Shell script magic

Sarah Drasner's CodePen examples:

Morphing Animations

SVG Interactions

Creative Effects

Advanced Animations

OpenCode: Replace the Vibe

Prompt Engineering for Dummies!

  • Context: Give the AI background information
  • Task: Clearly state what you want
  • Format: Specify how you want the output
  • Examples: Show the AI what good looks like
  • Constraints: Set boundaries and limitations

Prompt Engineering: Using AI to create the AI

Pair up with a partner

Take turns being the prospective user and the app engineer

Ask each other these 4 questions:

  1. Basics of Prompt Engineering
  2. Using ChatGPT to prompt the Coding Agent
  3. Asking the right questions
  4. Choosing your consequences, baking in some guard rails

Syntax: Containers for Meaning

Think of syntax as boxes that hold logic


// Simple variable
let name = "value";
					

Syntax: Containers for Meaning

Scope is like building floors


						// Global scope (entire building)
						let globalVar = "everyone can see";

						function myFunction() {
						  // Local scope (one floor)
						  let localVar = "only this floor";
						}
					

Generating an Idea Worth Your Time

What problem am I solving?

What is my intention for building this?

A compelling reason fuels creativity

From Build to App Architecture

  • Start with a blueprint before coding
  • Separate concerns: Frontend, Backend, Database
  • Choose your stack: MERN, PERN, Django, etc.
  • Plan for scalability from day one
  • Document your architecture decisions

Creating Agents That Work While You Sleep

  • Automate repetitive tasks with scripts
  • Use cron jobs for scheduled execution
  • Build AI agents with LangChain or AutoGPT
  • Monitor, log, and alert on failures
  • Let automation compound your efforts

CyberSec & Ethical Hacking

Harden your app's security and adopt best practices

  • Never trust user input - sanitize everything
  • Use environment variables for secrets
  • Implement authentication & authorization properly
  • Keep dependencies updated (npm audit)
  • Use HTTPS everywhere
  • Test for common vulnerabilities (OWASP Top 10)

The Future of AI and Humanity

AI is here to stay

70% of jobs projected to be automated

Adapt or be left behind

Work-Life Balance & Success

Pull the lever, but maintain balance

Boredom is underrated

Success is a marathon, not a sprint

Live Coding Demo

Watch as we build something live

See the process: plan → code → test → deploy

Ask questions as we go

TechNYC.io

Gamified tech education for everyone

Learn to code the way you learned language - through practice and engagement

Q&A and Resources

Learning Resources

  • FreeCodeCamp.org - Free full curriculum
  • MDN Web Docs - Best web dev reference
  • OpenCode - AI-powered coding assistant
  • The Odin Project - Full-stack curriculum
  • CS50 - Harvard's intro to CS (free on YouTube)

Communities

  • r/learnprogramming on Reddit
  • Dev.to - Developer blogging community
  • Discord coding servers
  • Local meetups and hackathons

Questions?