Online Course

Mastering Web Development for Robotics

Learn to create web applications for your robots

Course overview

Web applications are a key feature in robotics since they allow you to provide an interface for robots that can be used by anybody (especially inexperienced users).

In this course, you will learn to build simple, interactive web applications that you can integrate into your robotics development.

What You Will Learn

N

ROSBridge: Use the ROSBridge to connect your web pages to ROS

N

HTML5: Learn to build web pages containing the necessary elements to display your desired information. From simple titles and paragraphs to complex table data and forms to collect user’s input and process that information

N

CSS3: Learn to style your web pages to make them look great

N

JavaScript: Learn basic instructions, types, arrays, and objects starting from programming logic.

N

ReactJS: Learn to create scalable web applications by providing an organized folder structure and compiler for your web components



100% Online

No ROS setup is required. Everything is online.



Intermediate Level

}

Approx. 20 hours to complete

i

Prerequisites

Simulated Robot Used

TurtleBot3

TurtleBot3 is a small, affordable, programmable, ROS-based mobile robot for education, research, hobbies, and product prototyping. In this course, you will practice with a TurtleBot3 to learn Web Development.

Syllabus

Unit 1: Introduction

This unit presents the objectives of this course on Web Programming for ROS.

First, it walks you through the basic concepts of web development, like HTML and CSS, its primary programming language, JavaScript, and finally, creating scalable web applications using one of the most popular frameworks, ReactJS.

Unit 2: HTTP Server

This unit presents the necessary knowledge about HTTP servers.
You will learn what HTTP serves are, & how to provide files through an HTTP server, and you will create your first web page application by using this kind of server.

Unit 3: HTML

This unit presents the basic HTML elements, that will help you display information accordingly to the way they should using HTML notation.

Unit 4: HTML - Forms

This unit presents HTML forms, an essential element that groups different types of input that allow getting data from the user to the browser.

Unit 5: CSS - Styles for webpages

This unit presents an introduction to CSS.

You will understand CSS selectors and the most common attributes used to style web pages.

Unit 6: CSS - Exploring attributes

This unit presents basic CSS attributes.
You will understand display elements in many ways and format them as you wish using the most common attributes to style web pages.

Unit 7: JavaScript - Making pages dynamic

This unit presents the JavaScript language, its main features, statements, syntax, basic variables, datatypes and operators.

Unit 8: JavaScript Arrays

This unit presents the JavaScript language, its main features, statements, syntax, basic variables, datatypes and operators.

Unit 9: ReactJS Introduction

This unit presents a quick way to start working with ReactJS. There are a couple of options to work with it.

You will try the quickest one to make use of the framework.

What our students think

“I am wholeheartedly grateful for this outstanding opportunity. I wouldn’t have found a better ROS beginner-friendly course elsewhere. Thanks, ConstructSim !“

Francois Gonothi Toure

“I have tried to start learning ROS before and that was so difficult because I didn’t understand how to start, now with these introductory courses I am very excited because I can finally start to enter this world.“

Daniel Martínez

“I really enjoy the practical aspect and learning by doing. I feel like I learn way faster and with a rich understanding.”

Jose Dos Santos