ROS for Beginners III: Web-based Navigation with ROSBridge
- Type:
- Other > Other
- Files:
- 105
- Size:
- 1.26 GiB (1356973749 Bytes)
- Uploaded:
- 2021-06-22 06:50:45 GMT
- By:
- tuts756
- Seeders:
- 8
- Leechers:
- 0
- Comments
- 0
- Info Hash: 9EDC04BA0DFEDAD1A29E4BD7FB632CE6EC7DAC23
(Problems with magnets links are fixed by upgrading your torrent client!)
Description
Welcome to the course on ROS for Beginners III Web-based Navigation with ROSBridge. I am Anis Koubaa, and I will be your instructor in this course. This course is the third course in the series ROS For Beginners. It is a project-based course that deals with how to develop a web interface to teleoperate and interact with ROS-enabled robots.
Project Overview
At the end of this course project, you will develop a web interface that will allow you to teleoperate and monitor the robot based on ROS. The Web interface will be developed using ReactJS, which is a popular JavaScript framework for front-end development.
We will first start by developing a component that will tell us whether the robot with which we would like to communicate is connected or not connected. Then, you will develop another component to teleoperate the robot through a web-based joystick in ReactJS. You also implement a button for stopping the robot in an emergency situation. Furthermore, the web interface will display live information about the robot such as its position, orientation, and linear and angular velocity. The last part of this project deals with map-based navigation. You will be able to display the navigation map on the web browser and send the goal location for the robot to navigate to. In the end, you will develop a comprehensive web interface that will allow you to interact with your robot easily through a web interface using the most popular JavaScript framework, which is ReactJS.
Why this course?
This course represents a first step into the world of cloud robotics.
Cloud robotics is an emerging topic in the last few years and it aims at integrating mobile robots with cloud computing systems and the Internet of Things through web services interfaces.
Besides, I have developed this course because there are not sufficient pointers and no comprehensive tutorials on how to make web browsers interact with robots.
What’s worth in this course?
This course is unique in the sense that it is designed to Bridge the gap between the robotics world and the web development world.
In fact, most of the engineers who work in the robotic area do not have a background in web development, and most of the web developers do not have a background on robots or ROS. This course bridges these two areas together and provides a systematic introduction to the topic of web development for ROS-enabled robots.
Furthermore, we will use the ReactJS web development technology which the most evolving most popular javascript front-end development framework.
You will learn all the tricks in a step-by-step approach to help you save plenty of time looking around for scattered documentation.
Pre-requisites
To take the most benefit from this course, you should be already familiar with Robot Operating System (ROS) and its navigation stack. If you are not familiar with ROS, then take by two courses ROS For Beginners I and ROS For Beginners II before diving into this course.
As we will do some web development, it will be recommended to have some very basic understanding of HTML, CSS, and JavaScript, just basics and nothing advanced. You can take any introduction about HTML, CSS, and JS if you do not know about them.
It is not required that you have any Prior knowledge of ReactJS because I will introduce all the essential concepts in this course.
Welcome to the course and I wish you a pleasant learning experience.
Who this course is for:
Cloud robotics engineers
Any ROS learner and enthusiast
Software developer for robotics applications
Requirements
Be familiar with ROS concepts and ecosystem
Recognizes the concepts of the navigation
Has basic knowledge on Web development
Understand Javascript
Last Updated 5/2021
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/004 Import the ROSLIB Dependency.mp4 | 115.09 MiB |
| TutsNode.com.txt | 63 B |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/01 Introduction/003 web-based-navigation-rosbridge.zip | 314.61 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/004 Import the ROSLIB Dependency.en.srt | 16.37 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/002 Understand the anatomy of a React App.en.srt | 9.86 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/002 Understand the concept of state in React.en.srt | 9.68 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/01 Introduction/003 [Important] Seed project structure.html | 1.81 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/006 Create a Router of Pages.en.srt | 9.58 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/01 Introduction/004 How to follow this course_.html | 1.21 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/001 Install a new React Application.en.srt | 1.95 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/005 Add a navigation bar to the header component.en.srt | 9.51 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/004 Create a Header and Footer components.en.srt | 9.18 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/006 Create a subscriber for the orientation.en.srt | 7.52 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/005 Create A position subscriber and visualize position on the map.en.srt | 7.22 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/01 Introduction/001 Introduction.en.srt | 7.06 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/007 Create a subscriber for the velocities.en.srt | 6.86 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/004 Create the Robot State ReactJS Component.en.srt | 5.82 KiB |
| .pad/0 | 119 B |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/005 Create A position subscriber and visualize position on the map.mp4 | 64.86 MiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/009 Clean code and use configuration file.en.srt | 6.69 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/01 Introduction/002 Overview of Libraries and Resources.en.srt | 6.62 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/007 Customize the footer.en.srt | 2.6 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/003 Develop the React Joystick Component.en.srt | 6.41 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/006 Create and publish a twist message using ROSLib.en.srt | 5.37 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/005 Create a cmd_vel publisher inside handleMove.en.srt | 5.29 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/003 Setting-up the bootstrap theme.en.srt | 5.04 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/003 Test Teleop with Turtlebot3.en.srt | 4.87 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/003 Create the _Connection__ Component.en.srt | 2.19 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/007 Connect to ROSBridge.en.srt | 4.69 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/006 Connection Logic with ROSLib and React State.en.srt | 4.64 KiB |
| [TGx]Downloaded from torrentgalaxy.to .txt | 585 B |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/008 Dealing with automatic reconnection.en.srt | 4.4 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/005 Create an Alert component.en.srt | 4.46 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/001 Overview of the _Connection__ component.en.srt | 4.34 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/002 Arrange page layout using the React Grid structure.en.srt | 4.05 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/002 Setup the Turtlebot3 Simulator.en.srt | 3.66 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/009 The HandleStop Method.en.srt | 2.71 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/008 Setting the right velocities from the Joystick component throttle.en.srt | 2.69 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/001 Create a Teleoperation Component.en.srt | 2.02 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/06 Map-based navigation on the browser/001 Map-based navigation.html | 1.48 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/004 The structure of the handleMove method.en.srt | 1.44 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/001 Note before watching next lectures.html | 1.38 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/007 The event property of the react joystick component.en.srt | 472 B |
| .pad/1 | 58.45 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/007 Create a subscriber for the velocities.mp4 | 62.51 MiB |
| .pad/2 | 499.51 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/006 Create a Router of Pages.mp4 | 60.94 MiB |
| .pad/3 | 61.82 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/006 Create a subscriber for the orientation.mp4 | 59.64 MiB |
| .pad/4 | 367.88 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/005 Add a navigation bar to the header component.mp4 | 59.43 MiB |
| .pad/5 | 75.39 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/002 Understand the anatomy of a React App.mp4 | 54.12 MiB |
| .pad/6 | 386.47 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/002 Understand the concept of state in React.mp4 | 51.74 MiB |
| .pad/7 | 266.8 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/009 Clean code and use configuration file.mp4 | 50.21 MiB |
| .pad/8 | 297.93 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/006 Create and publish a twist message using ROSLib.mp4 | 48.26 MiB |
| .pad/9 | 248.29 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/003 Test Teleop with Turtlebot3.mp4 | 47.7 MiB |
| .pad/10 | 307.19 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/003 Develop the React Joystick Component.mp4 | 46.87 MiB |
| .pad/11 | 136.42 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/01 Introduction/002 Overview of Libraries and Resources.mp4 | 46.24 MiB |
| .pad/12 | 268.33 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/004 Create the Robot State ReactJS Component.mp4 | 43.82 MiB |
| .pad/13 | 179.29 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/005 Create a cmd_vel publisher inside handleMove.mp4 | 42.15 MiB |
| .pad/14 | 359.11 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/004 Create a Header and Footer components.mp4 | 40.2 MiB |
| .pad/15 | 311.21 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/007 Connect to ROSBridge.mp4 | 39.33 MiB |
| .pad/16 | 169.11 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/006 Connection Logic with ROSLib and React State.mp4 | 36.3 MiB |
| .pad/17 | 203.41 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/003 Setting-up the bootstrap theme.mp4 | 33.78 MiB |
| .pad/18 | 222.09 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/008 Dealing with automatic reconnection.mp4 | 32.96 MiB |
| .pad/19 | 41.75 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/01 Introduction/001 Introduction.mp4 | 30.8 MiB |
| .pad/20 | 201.36 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/002 Arrange page layout using the React Grid structure.mp4 | 29.18 MiB |
| .pad/21 | 327.43 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/05 Display Robot Position, Orientation and Speed/002 Setup the Turtlebot3 Simulator.mp4 | 28.43 MiB |
| .pad/22 | 69.32 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/005 Create an Alert component.mp4 | 26.63 MiB |
| .pad/23 | 375.88 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/001 Overview of the _Connection__ component.mp4 | 25.66 MiB |
| .pad/24 | 346.19 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/009 The HandleStop Method.mp4 | 22.75 MiB |
| .pad/25 | 257.34 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/008 Setting the right velocities from the Joystick component throttle.mp4 | 21.87 MiB |
| .pad/26 | 130.52 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/03 Connection Component_ Establish a Robot Connection with the Web App/003 Create the _Connection__ Component.mp4 | 14.86 MiB |
| .pad/27 | 142.12 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/001 Create a Teleoperation Component.mp4 | 13.57 MiB |
| .pad/28 | 435.45 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/007 Customize the footer.mp4 | 12.95 MiB |
| .pad/29 | 51.97 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/004 The structure of the handleMove method.mp4 | 10.97 MiB |
| .pad/30 | 25.94 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/02 Create the Basic React Application/001 Install a new React Application.mp4 | 8.86 MiB |
| .pad/31 | 140.64 KiB |
| [TutsNode.com] - ROS for Beginners III Web-based Navigation with ROSBridge/04 Teleoperation Component_ Drive your robot from the web app/007 The event property of the react joystick component.mp4 | 4.11 MiB |
