{"id":6887,"date":"2026-08-10T09:38:18","date_gmt":"2026-08-10T09:38:18","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-collaborative-whiteboard-with-react-canvas-and-socketio-2023-3\/"},"modified":"2026-08-10T09:38:18","modified_gmt":"2026-08-10T09:38:18","slug":"udemy-collaborative-whiteboard-with-react-canvas-and-socketio-2023-3","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-collaborative-whiteboard-with-react-canvas-and-socketio-2023-3\/","title":{"rendered":"Udemy \u2013 Collaborative Whiteboard with React Canvas and SocketIO 2023-3"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2>Descriptions<\/h2>\n<p>Collaborative Whiteboard with React Canvas and SocketIO, Let\u2019s create amazing Application \u2013 Collaborative Whiteboard. Course is designed in the practical way. We will start from scratch and finish with complete application. Main goal of this course is to play with technologies like React, Redux, JavaScript, SocketIO and learn how to work with HTML Canvas in React. Thanks to SocketIO we will add some realtime effects to our application. We will share our moves with other Users which will give us effect of Collaborative Whiteboard. At the end we will add tracking system for Cursors of all connected users to our App.<\/p>\n<h3>What you\u2019ll learn<\/h3>\n<ul>\n<li>Create Collaborative Whiteboard<\/li>\n<li>Display Data On Canvas<\/li>\n<li>Learn About HTML Canvas<\/li>\n<li>Resize Element On Canvas<\/li>\n<li>Move Elements On Canvas<\/li>\n<li>Share Your Actions With Other Users Thanks To SocketIO<\/li>\n<li>Create Sharing Cursor Functionality<\/li>\n<li>Handle Mouse Events<\/li>\n<li>Create UI With React<\/li>\n<li>Create React Application From Scratch<\/li>\n<\/ul>\n<h3>Who this course is for<\/h3>\n<ul>\n<li>Developers and Students which wants to learn how to create Collaborative Whiteboard<\/li>\n<\/ul>\n<h3>Specificatoin of Collaborative Whiteboard with React Canvas and SocketIO<\/h3>\n<ul>\n<li>Publisher : <a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/collaborative-whiteboard-2023-with-react-canvas-and-socketio\/\" target=\"_blank\" rel=\"noopener\">Udemy<\/a><\/li>\n<li>Teacher : <a href=\"https:\/\/downloadlynet.ir\/tag\/marek-gryszkiewicz\">Marek Gryszkiewicz<\/a><\/li>\n<li>Language : English<\/li>\n<li>Level : All Levels<\/li>\n<li>Number of Course : 74<\/li>\n<li>Duration : 7 hours and 7 minutes<\/li>\n<\/ul>\n<h3>Content of Collaborative Whiteboard with React Canvas and SocketIO<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-942848\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/11\/Collaborative-Whiteboard-with-React-Canvas-and-SocketIO.png\" alt=\"Collaborative Whiteboard with React Canvas and SocketIO\" width=\"714\" height=\"724\"><\/p>\n<h3>Requirements<\/h3>\n<ul>\n<li>Basic Programming Knowledge<\/li>\n<li>JavaScript knowledge<\/li>\n<\/ul>\n<h3>Pictures<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-942783\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/11\/Collaborative-Whiteboard-with-React-Canvas-and-SocketIO.d.jpeg\" alt=\"Collaborative Whiteboard with React Canvas and SocketIO\" width=\"705\" height=\"279\"><\/p>\n<h3>Sample Clip<\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-145480-1\"><video class=\"wp-video-shortcode\" id=\"video-145480-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_Downloadly.ir.mp4?nocache=1786108328693\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3>Installation Guide<\/h3>\n<p>Extract the files and watch with your favorite player<\/p>\n<p>Subtitle : Not Available<\/p>\n<p>Quality: 720p<\/p>\n<h3>Download Links<\/h3>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_2023-3_Downloadly.ir.part1.rar?nocache=1786108327\">Download Part 1 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_2023-3_Downloadly.ir.part2.rar?nocache=1786108327\">Download Part 2 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_2023-3_Downloadly.ir.part3.rar?nocache=1786108327\">Download Part 3 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Collaborative_Whiteboard_with_React_Canvas_and_SocketIO_2023-3_Downloadly.ir.part4.rar?nocache=1786108327\">Download Part 4 \u2013 767 MB<\/a><\/p>\n<h5>Password file(s): <a>www.downloadly.ir<\/a><\/h5>\n<h3>File size<\/h3>\n<p>3.74 GB<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Descriptions Collaborative Whiteboard with React Canvas and SocketIO, Let\u2019s create amazing Application \u2013 Collaborative Whiteboard. Course is designed in the pra<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[64231,64232,64233,64234,64235,64236,64237,64238,64239],"class_list":["post-6887","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-collaborative-whiteboard-with-react-canvas-and-socketio","dgi_tag-collaborative-whiteboard-with-react-canvas-and-socketio-download","dgi_tag-collaborative-whiteboard-with-react-canvas-and-socketio-free","dgi_tag-collaborative-whiteboard-with-react-canvas-and-socketio-free-download","dgi_tag-download-collaborative-whiteboard-with-react-canvas-and-socketio","dgi_tag-free-collaborative-whiteboard-with-react-canvas-and-socketio","dgi_tag-free-download-collaborative-whiteboard-with-react-canvas-and-socketio","dgi_tag-marek-gryszkiewicz","dgi_tag-udemy-collaborative-whiteboard-with-react-canvas-and-socketio"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/6887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/6887\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=6887"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=6887"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=6887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}