AI in the Browser with JS: Chrome Extensions & Huggingface

Focused View

Nerding I/O

4:23:21

104 View

1. Introduction

1. Introduction.mp4

02:06

2. Basics of AI, ML, and NLP.mp4

02:08

3.1 HuggingChat.html

3.2 HuggingFace.html

3.3 Transformer JS.html

3. Introduction to Hugging Face and Transformer JS.mp4

02:26

4.1 Chrome.html

4.2 iTerm2.html

4.3 VS Code.html

4. Install Chrome, iTerm & VS Code.mp4

02:32

5.1 ES Lint.html

5.2 Ext Marketplace.html

5.3 HF Code Autocomplete.html

5.4 Prettier.html

5. Setup Development Extensions.mp4

05:24

6.1 Live Server.html

6. Primer on JS and Chrome Extensions.mp4

03:03

7. Intro to HF Autocomplete & Huggingface.mp4

06:01

8. Feedback.mp4

00:38

2. Chrome Extension Code

1.1 Node Version Manager (NVM).html

1.2 Questionable Repo.html

1. Introduction.mp4

11:24

2.1 Transfromer JS.html

2. Setup Transformer JS Example.mp4

11:31

3.1 Messages.html

3.2 Overview.html

3.3 Storage.html

3. Architecture Overview.mp4

16:10

4. Install Dependencies & Build.mp4

10:16

5. Manifest V3 Review and Configuration.mp4

10:02

6. Understanding Webpack File.mp4

04:12

7. Background.js.mp4

08:23

8. Popup.mp4

04:57

9. Content.mp4

26:19

10.1 popup.zip

10. Progress Bar for Initialization.mp4

25:01

11. Returning Data to Context.mp4

19:10

3. Looking Under the Hood

1. Introduction.mp4

04:26

2.1 httpsgithub.comxenovatransformers.jsblobmainscriptsconvert.py.html

2.2 httpshuggingface.codocstransformers.jscustom usage.html

2.3 httpshuggingface.codocstransformers.jsindex.html

2.4 httpshuggingface.conlptownbert-base-multilingual-uncased-sentiment.html

2.5 httpswww.youtube.com@nerding iofeaturedthemeRefresh=1.html

2.6 httpswww.youtube.comwatchv=hffplYjkZgk&t=42s.html

2. Loading a model from Hugging Face.mp4

18:07

3.1 httpshuggingface.codocstransformers.jscustom usage.html

3. Configuring the Model.mp4

05:50

4.1 httpshuggingface.cotaskstoken-classification.html

4. Token classification.mp4

07:34

4. Hotkeys, Keyboard Events, & Basic Accessibility

1. Introduction.mp4

02:39

2. Question-Answering.mp4

05:37

3.1 Chrome Commands.html

3. Setting Up a Hotkey Command.mp4

06:41

4. Connecting Results.mp4

23:52

5.1 A11y Project Checklist.html

5. Accessibility Basics (Aria Tags, Navigation, Autofocus).mp4

07:35

6. Click and Keyboard Events.mp4

05:25

5. Wrapping Up

1. Review.mp4

03:52

2.1 Udemy - Congratulations.pdf

2. BONUS.html

Description

Transforming Your Browser into an AI Powerhouse: A Hands-on Guide to Building Intelligent Chrome Ext with Javascript

What You'll Learn?

Basic Understanding of Artificial Intelligence
Understanding real-world applications of AI in the Browser
Creating Chrome Extensions
Leveraging Hugging Face and Transformer JS
Grasping Machine Learning concepts
Exploring Natural Language Processing (NLP)

Who is this for?

Developers: Expanding skills with AI integration.

Students: Gaining practical AI application insights.

AI Enthusiasts: Exploring AI and its potential.

Lifelong Learners: Learning cutting-edge technology hands-on.

Professionals: Understanding AI in browser-based applications.

What You Need to Know?

Basic Programming Knowledge

Familiarity with HTML & CSS

Terminal with Node & NPM installed

Text Editor - (We use Visual Studio Code but can use NotePad++, Atom, or Sublime Text)

Google Chrome Browser

Understanding of Web Browsers

Curiosity and Willingness to Learn

A Computer with Internet Connection

More details

Description
Transform your browser into an AI-powered hub with our course - 'AI in the Browser with JS: Chrome Extensions & Huggingface'. This course is a thrilling ride into the world of Artificial Intelligence, Machine Learning, Natural Language Processing, JavaScript, and Chrome Extensions. It's an adventure where technology meets fun, learning meets application, and you meet the future of browsing.
In this hands-on, project-based course, we'll turn your browser into a powerful AI assistant. With JavaScript as our magic wand, Hugging Face as our secret potion, and Chrome Extensions as our playground, we'll bring the wonders of AI to your fingertips.
What are we building? We're crafting 'Questionable', an intelligent Chrome Extension that transforms every webpage into a knowledgeable guide. With 'Questionable', you can ask any question about the content you're viewing, and get instant answers powered by AI.
This isn't just a course, it's a journey of discovery. We'll explore:
Artificial Intelligence (AI): What is AI? How does it work? How is it changing the world?
Machine Learning: How do machines learn? What is supervised learning, unsupervised learning, and reinforcement learning?
Natural Language Processing (NLP): How do machines understand human language? What are tokenization, named entity recognition, and sentiment analysis?
JavaScript (JS): How does JavaScript power the web? What are variables, functions, loops, and events? How does asynchronous JavaScript work?
Chrome Extensions: How can we enhance our browser's capabilities? What are background scripts, content scripts, and popups? How can we interact with webpages?
Hugging Face and TransformerÂ JS: How can we use pre-trained models in our applications? How does transformer js enable machine learning in the browser?
With the help of TransformerÂ JS, a robust library for machine learning in JavaScript, we'll integrate a Hugging Face model into our Chrome Extension. We'll explore how transformer.js provides a smooth bridge between our application and powerful NLP models.
This course is designed to be fun, engaging, and accessible for all levels. Following the Feynman Method, we break down complex ideas into simple, understandable concepts. Even if you're a beginner, you'll find the journey enjoyable and the destination achievable.
By the end of this course, you'll not only have a working Chrome Extension powered by a state-of-the-art machine-learning model, but you'll also possess a deep understanding of how to harness the power of AI in the browser.
Ready for the ride of a lifetime? Join us on this exhilarating journey, and let's code the future together!
Who this course is for:
Developers: Expanding skills with AI integration.
Students: Gaining practical AI application insights.
AI Enthusiasts: Exploring AI and its potential.
Lifelong Learners: Learning cutting-edge technology hands-on.
Professionals: Understanding AI in browser-based applications.

User Reviews

Rating

average 0

Total votes0

Focused display

Hello everyone! Welcome to the Nerding I/O. We are a company of international collaborating developers who bring tips, tricks, eBooks, and courses to the world. Our goal is to spread knowledge on different helpful topics in the software development industry.Our goal is prepare and teach you how to become full stack developer to learn about coding starting from the basic to advance programming topics (Js, Ts, React, Web3, Solidity, a11y). Our team is constantly looking into emerging tech and partnering with other authors to provide evolving content.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.