elements
0:18

Part 1 of 10

Introduction

by @chris 3h ago
0

Install VS Code and Elements, build a todos app by asking an AI agent, and deploy the app to DigitalOcean. Then tour the project environment, the elements command, the website and the business.

  1. 1. Introduction 0:18
  2. 2. Install VS Code 3:30
  3. 3. Install Elements 1:27
  4. 4. Create Your First App 5:26
  5. 5. Set Up a Deployment Environment on DigitalOcean 4:49
  6. 6. Deploy Your App 3:11
  7. 7. The Project Environment 2:32
  8. 8. The Elements Tooling 6:07
  9. 9. The Elements Website and Community 2:48
  10. 10. The Elements Business 1:27

In this video we introduce the series. Over the next nine videos we install VS Code and Elements, build an app with an AI agent, deploy the app to the internet, look around the project environment and the elements command, tour the Elements website, and explain how the Elements business works.

What the series covers

  1. Install VS Code. The free, open-source editor from Microsoft, with an AI chat built in.
  2. Install Elements. Create an account at elements.dev/install (opens in a new tab) and run the install script.
  3. Create your first app. Make a project, start it, and ask the agent to build a todos app.
  4. Set up a deployment environment. A DigitalOcean droplet and a managed Postgres cluster.
  5. Deploy your app. Paste the connection details into the agent and watch the first deploy go live.
  6. The project environment. Where projects live, how to reopen one, and working from the terminal.
  7. The Elements tooling. The elements command: the manual, build, install, db, test and kill.
  8. The Elements website and community. Demos, Learn, Discuss, issues and your profile.
  9. The Elements business. Where Elements came from and how it gets paid.

What you need

  • A Mac or a Windows computer.
  • A GitHub account for the AI chat in VS Code. You can create one during sign in.
  • A DigitalOcean account for the deployment videos.

Add a comment