Supabase is the open-source Firebase alternative that features an impressive collection of tools like PostgreSQL, user authentication, serverless edge functions, and more. 

#programming #sql #100secondsofcode 

🔥 NEW! The Full Supabase Course 

https://fireship.io/courses/supabase/

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Supabase Docs https://supabase.com/docs
- Zack's Supabase Basics Video https://youtu.be/tUm1AlaMcMQ
- 5 Backends Compared https://youtu.be/SXmYUalHyYk

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is Supabase?
- Supbase vs Firebase
- Getting started with Supabase
- Supabase Basics tutorial

Supabase in 100 Seconds

Learn full-stack web development in this full course for beginners. First, you will learn the basics of HTML, CSS, and JavaScript. Then, you will learn how to put everything together to create a frontend movie search app. Finally, you will learn how to create a backend API to create movie reviews and connect the frontend to the backend. The backend uses Node.js, Express, and MongoDB.

🔗 Get started with Replit: https://join.replit.com/web-students

✏️ Tomi Tokko and Beau Carnes developed this course. 
Tomi's channel: https://www.youtube.com/CodeWithTomi
Beau's channel: https://www.youtube.com/zizyo

⭐️ Code ⭐️
JavaScript RPG Starter: https://replit.com/@BeauCarnes/JavaScript-RPG-Starter
JavaScript RPG Complete: https://replit.com/@BeauCarnes/JavaScript-RPG

Frontend Movie App (and starter for connecting to backend): https://replit.com/@TomiTokko/MoviesApp
Live demo of frontend app: https://moviesapp.tomitokko.repl.co/ 

Backend Reviews API: https://replit.com/@BeauCarnes/review-backend
Frontend connected to backend: https://replit.com/@BeauCarnes/htmlfrontend

🏗 Replit provided a grant to make this course possible.

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:42) Learn HTML
⌨️ (1:26:27) Learn CSS
⌨️ (3:15:49) Learn JavaScript
⌨️ (4:52:01) Create Frontend Movie App
⌨️ (5:44:04) Create Backend Reviews API
⌨️ (6:49:32) Connect Frontend with Backend

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)

Learn how to program with TypeScript in this full course for beginners. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript provides better error checking than JavaScript. This is because TypeScript uses a static type system, which means that the type of a variable is checked before the code is executed.

💻 GitHub Repo: https://github.com/hiteshchoudhary/typescript-youtube-22

✏️ Hitesh Choudhary created this course. Check out his channel: https://www.youtube.com/c/HiteshChoudharydotcom

⭐️ Contents ⭐️
⌨️ (0:00:00) Why to learn TypeScript
⌨️ (0:07:08) TypeScript is not what you think
⌨️ (0:15:25) How to install TypeScript
⌨️ (0:27:33) Your first intro to TypeScript docs
⌨️ (0:39:21) Number, boolean, and type inference
⌨️ (0:39:21) Number, boolean, and type inference
⌨️ (0:46:52) Don't use ANY
⌨️ (0:51:30) Do you really know functions
⌨️ (1:02:55) A better way to write function
⌨️ (1:15:38) Bad behavior of objects
⌨️ (1:25:14) Type Aliases
⌨️ (1:32:28) READONLY and optional
⌨️ (1:42:13) Array
⌨️ (1:50:03) Union Types in TS
⌨️ (2:04:46) Tuples
⌨️ (2:14:33) Enums
⌨️ (2:24:03) interface
⌨️ (2:33:52) Interface vs Type
⌨️ (2:39:08) How to setup Typescript for real projects
⌨️ (2:53:44) Classes
⌨️ (3:02:06) Private Public
⌨️ (3:08:12) Getters and Setters
⌨️ (3:15:25) Protected
⌨️ (3:19:34) Why Interface is important
⌨️ (3:26:05) Abstract class
⌨️ (3:35:36) Generics
⌨️ (3:47:58) Generics in Array and Arrow functions
⌨️ (3:56:07) Generic Classes
⌨️ (4:07:16) Type Narrowing
⌨️ (4:17:04) The in operator narrowing
⌨️ (4:22:17) Instanceof and Type Predicates
⌨️ (4:31:35) Discriminated Union and Exhaustiveness Checking with never
⌨️ (4:42:54) TypeScript End

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Learn TypeScript – Full Tutorial

React State Management is half of your React app so it is important for React developers to understand. In this full intermediate React tutorial, you will learn how to implement state management using industry best practices.

✏️ Jack Herrington created this course. He is a principal full stack engineer. Check out his channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw

💻 Code!: https://github.com/jherr/fcc-state

⌨️ (0:00:00) Introduction
⌨️ (0:03:27) useState
⌨️ (0:18:37) useReducer
⌨️ (0:32:29) useMemo & useCallback
⌨️ (0:49:43) useEffect
⌨️ (1:05:59) useRef
⌨️ (1:13:53) Context and Custom Hooks
⌨️ (1:41:48) React Query & React Location
⌨️ (1:57:26) Zustand
⌨️ (2:06:11) Valtio
⌨️ (2:12:44) Jotai
⌨️ (2:20:51) Redux
⌨️ (2:37:56) The new use hook
⌨️ (2:44:26) Recommendations
⌨️ (2:46:07) Outroduction

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

React State Management – Intermediate JavaScript Course

In this WordPress course for beginners, you will learn how to to create responsive blogs and websites using a drag and drop interface.

Get a domain and hosting here: https://www.hostinger.com/start

✏️ Beau Carnes created this course. 

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:04) Setting up Hosting and Domain
⌨️ (0:06:46) Installing WordPress
⌨️ (0:07:54) WordPress Dashboard and Initial Settings
⌨️ (0:10:23) Installing WordPress Theme
⌨️ (0:15:30) Overview of Website
⌨️ (0:17:10) Customizing Title
⌨️ (0:19:18) Using Elementor to Edit Page
⌨️ (0:22:40) Adding Images
⌨️ (0:26:47) Customizing Website Elements
⌨️ (0:39:24) Updating Site Menu and Categories
⌨️ (0:42:35) Customizing Blog / Archive
⌨️ (0:46:04) Customizing Single Blog Post
⌨️ (0:47:22) Adding New Blog Post
⌨️ (0:51:10) Customizing About and Contact Page
⌨️ (0:53:47) Setting Up Website Forms Using WPForms
⌨️ (1:00:19) Making URLs Look Better
⌨️ (1:02:54) Updating Site for Responsive Design
⌨️ (1:04:47) Updating Footer
⌨️ (1:08:52) Creating New Pages
⌨️ (1:13:02) Improving SEO (Search Engine Optimization)
⌨️ (1:19:18) Conclusion

🏗 Hostinger provided a grant to make this course possible.

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

How to Make a WordPress Blog and Website – Tutorial for Beginners 2022

Improve you Python and PyGame programming skills by coding a game. This project was inspired by the classic carnival/arcade style shooting gallery games! Learn to build the entire project from scratch using Python and the PyGame framework. We start by setting up PyGame, and drawing static images on the screen. Then we animate tiers of procedurally drawn enemies onto each level and get them moving, then check to see if the player has shot them. Once the player clears a full level of enemies, they proceed to the next level. Then we create pause functionality, a main menu and game over conditions.

We store the high scores in an external text file that we read in from when the game boots up and write to it any time there is a new high score during gameplay.

✏️ Created by Pete LeMaster. Check out his channel: https://www.youtube.com/@lemastertech

💻 Code: https://github.com/plemaster01/ShootingGallery

⭐️ Contents ⭐️
⌨️ (0:00:00) Intro and Project Showcase
⌨️ (0:02:50) Setting Up Pygame And Importing Images
⌨️ (0:13:25) Drawing the Gun and Rotating With Mouse Position
⌨️ (0:26:27) Drawing Enemies Onto the Screen
⌨️ (0:37:56) Procedurally Generate Enemy Starting Coordinates
⌨️ (0:51:14) Make Enemies Move With Speed Based on Tiers
⌨️ (0:58:32) Check for Mouse Collision with Targets on Shots
⌨️ (1:13:39) Display Score, Mode Status, Time Elapsed and Total Shots!
⌨️ (1:22:04) Menu Control and Setup
⌨️ (1:44:57) Pause Menu and Restarting from the Game Screens
⌨️ (1:51:57) Re-Initializing Enemy Coordinates on Restart
⌨️ (1:59:17) Game Over Conditions!
⌨️ (2:10:47) Reading and Writing to a .txt Text file for high scores!
⌨️ (2:15:20) Adding Background Music and Sound Effects!
⌨️ (2:20:27) Outro and Thank you!!

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Python & PyGame Tutorial – Code a Duck Hunt Game

Django REST Framework is a powerful and flexible toolkit for building Web APIs. In this course for beginner you will learn how to use Python and the Django REST Framework (DRF) to build a web API.

✏️ Course from Bobby Stearman. Check out @DidCoding 

💻Code: https://github.com/bobby-didcoding/drf_course

Other Resources:
https://www.python.org/
https://www.djangoproject.com/
https://www.django-rest-framework.org/
https://httpie.io/
https://curl.se/
https://www.docker.com/

⌨️ (0:00:00) Introduction
⌨️ (0:00:29) Module 1: Clone the code and set up our system
⌨️ (0:15:01) Module 2: Add settings and URL configurations
⌨️ (0:25:02) Module 3: Create first API endpoint
⌨️ (0:44:46) Module 4: Write unit tests
⌨️ (0:51:56) Module 5: Create endpoints with authentication
⌨️ (1:01:52) Module 6: Create item and order models and serializers
⌨️ (1:08:54) Module 7: Code viewsets and routers
⌨️ (1:14:30) Module 8: Write final unit tests

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Django REST Framework Course – Build Web APIs with Python

Learn the fundametnals of MATLAB in this tutorial for engineers, scientists, and students. MATLAB is a programming language and software suite used for data analysis, scientific computing, and visualization that is widely used in academia and industry.

✏️ Course from Phillip Parisi. Check out his channel: https://youtube.com/c/philsbeginnercode
This course on Phillip's channel: https://youtu.be/EtUCgn3T9eE

⭐️ MATLAB Cheat Sheet ⭐️
Functions You Should Know https://youtu.be/vqWCUuDs8vw
PDF of All the Basics https://philparisi.weebly.com/code.html

⭐️ Install Matlab ⭐️
Windows https://youtu.be/UShLTO57Yp8
Ubuntu Install https://youtu.be/ZNHJkCo5sOc

⭐️ Contents ⭐️
⌨️(0:00:00) Intro
⌨️(0:00:19) MATLAB IDE
⌨️(0:01:33) Variables & Arithmetic
⌨️(0:14:19) Matrices, Arrays, & Linear Algebra
⌨️(0:24:54) The Index
⌨️(0:31:16) Example 1 - Equations
⌨️(0:45:09) Anonymous Functions
⌨️(0:47:57) Example 2 - Plotting
⌨️(1:05:29) Example 3 - Logic
⌨️(1:20:24) Example 4 - Random & Loops
⌨️(1:26:07) Sections
⌨️(1:28:20) For Loops
⌨️(1:40:09) Calculation Time
⌨️(1:42:57) Naming Conventions
⌨️(1:45:09) File Naming
⌨️(1:45:54) While Loop
⌨️(1:50:16) Custom Function
⌨️(1:56:47) Have a good one ;)

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news