technifyed

JavaScript Mastery via YouTube Free video

Build and Deploy a Full-Stack AI App (Completely Free)

Overview

The JSM Agentic Engineering Course is FINALLY LIVE! 🔥

🔔 20% off launch discount ends September 29th.

Invest in your engineering future 🚀 https://jsm.dev/ai

In this video, you'll build an AI-powered architectural visualization SaaS using React, TypeScript, and Puter.js Use AI models from Claude to Gemini to transform 2D floor plans into photorealistic 3D renders with permanent hosting and persistent metadata. This project features 2D-to-3D photorealistic rendering, serverless workers, high-performance KV storage, and a global community feed.

Puter.js: https://jsm.dev/roomify-puterjs

Puter.com: https://jsm.dev/roomify-puter

CodeRabbit: https://jsm.dev/roomify-coderabbit

Junie AI: https://jsm.dev/roomify-junie

WebStorm: https://jsm.dev/roomify-webstorm

🎁 Video Kit (Code, Assets, Prompts): https://jsm.dev/roomify-kit

📋 Join the Backend Course Waitlist: https://jsm.dev/roomify-backend

⭐ More JSM Pro Courses: https://jsm.dev/roomify-jsm

➤ Links not working? Some regions may need a VPN.

https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery

Business Inquiries: contact@jsmastery.pro

Timestamps:

00:00:00 — Introduction

00:04:46 — Project Setup

00:12:16 — Navbar

00:22:44 — Authentication

00:36:19 — Homepage

00:46:13 — Upload Files

01:09:18 — Project Architecture

01:12:13 — Hosting Images

01:26:18 — Create Project

01:48:11 — Generate 3D Design

02:11:05 — Worker in Action

02:21:47 — Display Data

02:47:22 — Compare Designs

02:59:53 — Deployment

Chapters 14

  1. 00:00:00Introduction
  2. 00:04:46Project Setup
  3. 00:12:16Navbar
  4. 00:22:44Authentication
  5. 00:36:19Homepage
  6. 00:46:13Upload Files
  7. 01:09:18Project Architecture
  8. 01:12:13Hosting Images
  9. 01:26:18Create Project
  10. 01:48:11Generate 3D Design
  11. 02:11:05Worker in Action
  12. 02:21:47Display Data
  13. 02:47:22Compare Designs
  14. 02:59:53Deployment

Advantages and disadvantages

Advantages

  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • 255,016 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (14 parts) you can see before you start.
  • Hands-on: you build or practise, not just watch.
  • Start watching right away, no sign-up.

Disadvantages

  • No exercises or certificate: code along to make it stick.
  • No certificate.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

Similar courses

Compare these

Harvard University · YouTube

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

Free video11 videos, 16 hours

Massachusetts Institute of Technology · YouTube

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

Free video26 videos, 28 hours

Stanford University · YouTube

AI Luminaries

A curated collection of videos featuring top experts in artificial intelligence.

Free video20 videos, 15 hours

Stanford University · YouTube

Generative AI Program

-Learn more and enroll in the program: https://online.stanford.edu/programs/generative-ai-technology-business-and-society-program Recent advancements in generative AI are reshaping industries, pushing technological boundaries, and revolutionizing creative processes. In this fast-changing landscape…

Free video24 videos, 2 hours

Stanford University · YouTube

Artificial Intelligence

For more information about Stanford's Artificial Intelligence programs visit: https://stanford.io/ai Delve into the exciting world of Artificial Intelligence with insights and research from the world's top experts. This playlist offers a comprehensive journey, from foundational machine learning con…

Free video187 videos, 142 hours

Stanford University · YouTube

Stanford CS229: Machine Learning led by Andrew Ng | Autumn 2018

Led by Andrew Ng, this course provides a broad introduction to machine learning and statistical pattern recognition. Topics include: supervised learning (generative/discriminative learning, parametric/non-parametric learning, neural networks, support vector machines); unsupervised learning (cluster…

Free video21 videos, 28 hours

Enter your email and the official page opens. Phone is optional.