Computer Vision Web Development

OpenCV.js, TensorFlow.js, YOLOv8, Object Detection, Custom Object Detection, Computer Vision and Web Integration

What you'll learn

Basics of Web Development

Basics of Computer Vision

Basics of OpenCV js

Computer Vision and Web Integration

Graphical Interface

Video Processing in the Browser using OpenCVjs

Object Detection

Custom Object Detection

TensorFlow for JavaScript

Deep Learning on the Web

Creating 10+ Computer Vision Web Apps

Real-Time Object Detection in the browser using YOLOv8 and TensorFlowjs

Personal Protective Equipment (PPE) Detection in the Browser using YOLOv8 and TensorFlowjs

American Sign Language (ASL) Letters Detection in the Browser using YOLOv8 and TensorFlowjs

Licence Plate Detection and Recognition in the Browser using YOLOv8 and Tesseractjs

Requirements

Laptop/PC

Description

Computer Vision Web Development course will take you from the very basics right up till you are comfortable enough in creating your own web apps. By the end of the course, you will have the skills and knowledge to develop your own computer vision applications on the web. Whether it’s Custom Object Detection or simple Color Detection you can do almost everything on the web.This comprehensive course covers a range of topics, including:Basics of Web DevelopmentBasics of Computer VisionBasics of OpenCV jsComputer Vision and Web IntegrationGraphical InterfaceVideo Processing in the Browser using OpenCV.jsObject DetectionCustom Object DetectionTensorFlow for JavaScriptDeep Learning on the WebComputer Vision AdvancedCreating 10+ CV Web AppsBuilding a Photoshop Web Application with OpenCV.jsReal-Time Face Detection in the Browser with OpenCV.js & Haar Cascade ClassifierReal-time Object Detection in the Browser using YOLOv8 and TensorFlow.jsObject Detection in Images & Videos in the Browser using YOLOv8 & TensorFlow.jsPersonal Protective Equipment (PPE) Detection in the Browser using YOLOv8 and TensorFlow.jsAmerican Sign Language (ASL) Letters Detection in the Browser using YOLOv8 and TensorFlow.jsLicence Plate Detection and Recognition in the Browser using YOLOv8 and Tesseract.js

Overview

Section 1: Introduction to the Course

Lecture 1 Introduction

Section 2: Building a Photoshop Web Application with OpenCV.js

Lecture 2 Application Demo

Lecture 3 Template-Layout Overview

Lecture 4 Template-Reading Images

Lecture 5 Basic Functions - Gray scale, Blur, Edge Detector

Lecture 6 Photoshop Application

Section 3: Creating a Web Application for Color Detection using OpenCV.js

Lecture 7 Application Demo

Lecture 8 Template- Side Line, Side Bar, Header, Tablet Container

Lecture 9 Template- Adding Trackbars

Lecture 10 Basic Function - BGRtoHSV, inRange & bitwise_and

Section 4: Developing a Web Application for Shape Detection using OpenCV.js

Lecture 11 Application Demo

Lecture 12 Shapes Detection using OpenCV.js

Section 5: Web App: Detecting Multiple Faces with OpenCV.js & Haar Cascade Classifier

Lecture 13 Application Demo

Lecture 14 Detecting Faces in an Image using OpenCV.js and Haar Cascade Classifier

Section 6: Building a Real-Time Face Detection App with OpenCV.js & Haar Cascade Classifier

Lecture 15 Building the Initial Web App Layout for Live Webcam Face Detection

Lecture 16 Template- Side Line, Side Bar, Header, Tablet Container

Lecture 17 Face Detection with OpenCV.js & Haar Cascade Classifier: Image &Live Webcam Feed

Section 7: Video Processing in the Browser with OpenCV.js

Lecture 18 How to Display and Control Video Playback in the Browser

Lecture 19 Adding Play and Pause Functionality for Video Control in the Web App

Lecture 20 Convert Video from RGB to Gray Scale using OpenCV.js

Lecture 21 Implementing Face Detection on Video with OpenCV.js and Haar Cascade Classifier

Lecture 22 Enhancing Web App: Face Detection on Uploaded Videos using OpenCV.js

Lecture 23 WebApp Layout Makeover: Adding Sideline, Sidebar, and Right Panel

Section 8: Real-time Object Detection in the Browser using TensorFlow.js and COCO-SSD Model

Lecture 24 Application Demo

Lecture 25 Template- Side Line, Side Bar, Header, Tablet Container

Lecture 26 Detecting Objects in Images with TensorFlow.js COCO-SSD Model

Lecture 27 Detecting Objects in Images and Live Webcam Feed using TensorFlow.js

Section 9: Object Detection in Images & Videos in Browser using TensorFlow.js & COCO-SSD

Lecture 28 Application Demo

Lecture 29 Detecting Objects in Images with TensorFlow.js COCO-SSD Model

Lecture 30 Detecting Objects in Images and Videos with TensorFlow.js COCO-SSD Model

Section 10: Real-time Object Detection in the Browser using YOLOv8 and TensorFlow.js

Lecture 31 Application Demo

Lecture 32 Export YOLOv8 Model Weights to TensorFlow.js Format

Lecture 33 Detecting Objects in Images using YOLOv8 and TensorFlow.js

Lecture 34 Object Detection on Images and Live Webcam Feed using YOLOv8 and TensorFlow.js

Section 11: Object Detection in Images & Videos in the Browser using YOLOv8 & TensorFlow.js

Lecture 35 Application Demo

Lecture 36 Export YOLOv8 Model Weights to TensorFlow.js Format

Lecture 37 Detecting Objects in Images using YOLOv8 and TensorFlow.js

Lecture 38 Detecting Objects on Images and Videos using YOLOv8 and TensorFlow.js

Section 12: Personal Protective Equipment (PPE) Detection using YOLOv8 and TensorFlow.js

Lecture 39 Application Demo

Lecture 40 Fine-Tune/ Train YOLOv8 Model on Personal Protective Equipment (PPE) dataset

Lecture 41 Export Fine-Tuned YOLOv8 Model Weights on PPE dataset into TensorFlow.js Format

Lecture 42 Real-Time Personal Protective Equipment Detection in the Browser

Lecture 43 Detecting Personal Protective Equipment (PPE) in Images & Videos in the Browser

Section 13: American Sign Language (ASL) Letters Detection using YOLOv8 and TensorFlow.js

Lecture 44 Application Demo

Lecture 45 Fine-Tune/ Train YOLOv8 Model on American Sign Language (ASL) Letters dataset

Lecture 46 Export Fine-Tuned YOLOv8 Model Weights on ASL dataset into TensorFlow.js Format

Lecture 47 Detecting ASL Letters in Images, Videos & in Live Webcam Feed

Section 14: Licence Plate Detection and Recognition using YOLOv8 and Tesseract.js

Lecture 48 Application Demo

Lecture 49 Fine-Tune/ Train YOLOv8 Model on Licence Plate dataset

Lecture 50 Export Fine-Tuned YOLOv8 Model Weights into TensorFlow.js Format

Lecture 51 Licence Plate Detection in the Browser using YOLOv8 and TensorFlow.js

Lecture 52 Licence Plate Detection and Recognition using YOLOv8 and Tesseract.js (Part- 01)

Lecture 53 Licence Plate Detection and Recognition using YOLOv8 and Tesseract.js (Part- 02)

Deep Learning - Computer Vision Enthusiast,For everyone aspiring to develop Computer Vision applications on the web.,For those diving into Computer Vision and eager to explore Real-Time Object Detection in the browser using YOLOv8 and TensorFlowjs