Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
IT & Software Hardware Arduino

JavaScript Browser-based Arduino Control

This course will take you in a step by step guide on how to give your Arduino superpowers using JavaScript Control
Rating: 3.9 out of 53.9 (25 ratings)
16,395 students
Created by Educational Engineering Team
Last updated 9/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn how to turn Arduino into a controller for your web pages written in HTML, JavaScript
  • Move to the next level in connecting Arduino with your Laptop/PC and unleash the power of JavaScript and HTML to Control it
  • Build your own Arduino Controlled web page
  • Build your own Arduino interactive display that listen to Arduino and Send commands to the board using a state of the art GUI web page interface

Requirements

  • Basic Knowledge of Programming
  • Basic Knowledge of Arduino

Description

>>> This course will take you in a step by step guide on how to make your own Arduino Social Distance Detector and Browser Control.  <<<

Most of you know Arduino and you know that controlling Arduino using a Web browser or any interfacing technique other than the Arduino software is a very complex job. In this course, we will make this simple.

I will teach you how you can write a JavaScript code and use your own browser, the one that you already have to send commands to your Arduino board, and to receive commands from your Arduino board.

So it will be two-way communication and we won't use any Wi-Fi module or other modules. We will just use the Arduino board, USB cable, and our browser with a few lines of codes.

I will teach you something that will give your Arduino board superpower, the ability to combine Arduino or physical computing with Browser Technologies can give designers and anyone superpower to prototype awesome experience faster. Not only faster but also easier and cheaper.

In the past, Arduino was usually connected to processing software. Which is a very well known software and we have some courses explaining how to interface Arduino and processing together to generate interactive art products or services, while this is still a widely used way to connect Arduino to a computer, connecting to a browser can give a wider range of opportunity and requires less installation.

In the Past Connecting Arduino to a browser was a complex job. You had to create web sockets and a server on the device. But now with this serial API that we will introduce in this course, you can connect to any Arduino based device from the browser with the click of a button. There is no additional installation on setup required and it's a fast and easy method.

One huge benefit is that the software runs in the browser is easy to share and execute on various devices and operating systems.

The system should work with any Arduino that has a serial connection to the computer.


What you will learn in this course:

  • How using JavaScript with Arduino will give you superpowers

  • How to Interface Arduino with Your Computer/Laptop via JavaScript Coding

  • Why you should use JavaScript and browser Technologies to Control Arduino

  • Arduino coding process.

  • Upload Arduino code to the board to make it ready to receive and send a command to our computer web browser.

  • JavaScript coding to control Arduino.

  • Interface Arduino with your device, which is a laptop or computer, and connects a simple circuit

  • Practical application examples.

You don't need any background in JavaScript.

We will explain the line of calls that you need to use and you can replicate what we are doing and do the same on your own.

A lot of information is waiting for you inside this course, join now and start making your own.

Who this course is for:

  • Engineering Students - Electronics, Electrical & Computer Science
  • High School Science Students
  • Electronic Geeks, Hobb
  • Embedded Systems Geeks
  • Arduino Geeks
  • IoT and embedded systems Geeks
  • Anyone interested in connecting Arduino with a web-page without a WiFi Module or any additional circuitry
  • Anyone interested in Controlling Arduino through a Web Page Interface and display incoming data + the ability to send live command to Arduino via the same Web Page

Course content

7 sections • 15 lectures • 1h 30m total length

  • Preview04:55
  • Preview05:23

  • Hardware and Software Requirements
    01:00
  • Download and Install Arduino IDE
    04:46
  • Download and Install Fritzing Software
    05:59

  • Preview06:27

  • Preview02:50

  • Circuit Design
    03:22
  • HTML Code
    00:11

  • Arduino Code
    07:29

  • Coding HTML Page
    11:00
  • Coding JavaScript Serial Connect Function
    18:58
  • Coding JavaScript and Testing Arduino Connection
    17:19
  • JavaScript Code
    00:54
  • Project Link
    00:00

Instructor

Educational Engineering Team
Team of skilled Engineers Sharing Knowledge with the World
Educational Engineering Team
  • 4.0 Instructor Rating
  • 8,855 Reviews
  • 330,280 Students
  • 162 Courses

Educational Engineering Team

Team of skilled Engineers Sharing Knowledge with the World


Educational Engineering Team is a Leading Team in Microcontroller Industry, with over 13 Years of Experience in Teaching and Doing Practical Projects.


We strive to put all our hands-on experience in these courses. Instead of superficial knowledge - we go into the depth of the topic and give you the exact - step by step blueprint on how to tame simple as well as complex topics in easy and digestible bite-sized videos.


This real-world knowledge enables you to grasp knowledge easily, and you can apply this learning immediately to your life and projects.


Educational Engineering Team has been in the Programming and Microcontroller business since 2007. We have been part of many projects. Over the course of these years - we have gained a good insight into students’ and educators’ needs. We are passionate about sharing all our collective knowledge with you. As of 2018, we have already taught over 250k-THOUSAND students and counting.

Currently, we have more than 100+ Courses on Udemy


Educator and Author of "Educational Engineering".


Ashraf is an educator, Mechatronics engineer, electronics and programming hobbyist, and Maker. He creates online video courses on the EduEng YouTube Channel (More Than 4 Million View, 20k + Subscriber) and author of four Microcontroller books.


As a Chief Educational Engineer since 2007 at Educational Engineering Team, the company he founded, Ashraf’s mission is to explore new trends and technology and help educate the world and make it a better place.


Educational Engineering offers educational courses and Bootcamps, articles, lessons, and online support for electronics hobbyists, Programming hobbyists, Microcontroller hobbyists, STEM students, and STEM teachers.


That team also work as freelancer engineers, helping many students in their graduation projects, and provide guidance and consulting for many students over the years to help them kick-start their career.


Ashraf’s core skill is explaining difficult concepts through in a step by step easy to understand matter using video and text. With over 11 years of tertiary teaching experience, Ashraf has developed a simple yet comprehensive and informative style in teaching that students from all around the world appreciate.


His passion for Microcontrollers and Programming and in particular for the world of Arduino, PIC Microcontroller, Rasberry Pi has guided his personal development and his work through Educational Engineering.


Ashraf’s online courses have helped over 250,000 people from around the world to be better and to make a great career in the industry.


Educational Engineering Team offer Course on

Circuit Design, Simulation, and PCB Fabrication

Arduino, PIC Microcontroller, and Raspberry Pi

Programming in C, Python, and other programming languages

PLC Industrial Programming and Automation

3D Design and Simulation

ESP and IoT World


For more information use the links in the profile page to follow Educational Engineering Team and Ashraf’s latest innovations.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.