Full-Stack App
Full-Stack Application:
In this first section, we review all the different components that go into creating a web-app. Once you become familiar with these full stack context, you should have the ability to understand how different web-app services, products, and AI developer tools help you (in the context of full-stack development).
Components of a Full-stack Application:
Within your development cycle, you’ll have to setup the front-end and back-end of your app, and guide your AI IDE to help you connect all of these pieces together. Once you’ve tested your app locally, you’ll need to deploy it so that it can be accessed by anyone in the world. When it’s deployed, you’ll want to monitor how people are interacting with your app to figure out how to make it even better!
- Front-end:
- Relevant words: UI/UX, user
- What the user sees and interacts with
- Back-end:
- Relevant words: server, database, etc.
- Where the brain of the application exists (ML comes in here).
- Handles requests by accessing and serving information from the database.
- Deployment:
- Relevant words:
- Local: when you’re developing your app, you can just deploy …
- Server-based: when you want to allow the whole world to see your application
- Monitoring:
- Data/analytics:
- Errors & logging.
Youtube stack
Front-end:
- What the user (you) see when you type www.youtube.com
Back-end:
-
Server: the workhorse of the app (you can think of this as a computer):
- Handles user requests (like searching youtube for some keywords, fetching a video, leaving a like or comment)
- Generates your recommended videos page (using AI)
- Figures out next video (or short) to play after the one you have just watched.
-
Database
- User information (all the past videos you’ve watched, your likes, your comments, etc.)
- Video content database (all the videos that have been uploaded into Youtube).
Deployment:
- Server contains all the front-end files and the back-end files that handle requests and query databases. You need a dedicated computer to host all these files (and actually run the programs when the user makes requests). Deployment is essentially setting up your stack onto a cloud server.
Tik tok activity
Ask AI to generate example and example questions