Deprecated: Return type of SendGrid\ReplyTo::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 77

Deprecated: Return type of SendGrid\ClickTracking::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 116

Deprecated: Return type of SendGrid\OpenTracking::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 155

Deprecated: Return type of SendGrid\SubscriptionTracking::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 216

Deprecated: Return type of SendGrid\Ganalytics::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 301

Deprecated: Return type of SendGrid\TrackingSettings::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 366

Deprecated: Return type of SendGrid\BccSettings::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 407

Deprecated: Return type of SendGrid\BypassListManagement::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 435

Deprecated: Return type of SendGrid\Footer::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 484

Deprecated: Return type of SendGrid\SandBoxMode::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 512

Deprecated: Return type of SendGrid\SpamCheck::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 561

Deprecated: Return type of SendGrid\MailSettings::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 634

Deprecated: Return type of SendGrid\ASM::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 676

Deprecated: Return type of SendGrid\Attachment::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 748

Deprecated: Return type of SendGrid\Content::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 808

Deprecated: Return type of SendGrid\Personalization::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 913

Deprecated: Return type of SendGrid\Email::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 992

Deprecated: Return type of SendGrid\Mail::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 1213

Deprecated: Return type of SendGrid\Recipient::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/contacts/Recipients.php on line 73

Deprecated: Constant FILTER_SANITIZE_STRING is deprecated in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/Core/AppCore.php on line 106

Deprecated: Constant FILTER_SANITIZE_STRING is deprecated in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/Core/AppCore.php on line 107
<!DOCTYPE html>
<html lang="pl">
<head>
    <!-- GOOGLE ANALYTICS SCRIPT -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-84715211-1', 'auto');
        ga('send', 'pageview');
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <base href="https://wroblewskipiotr.pl/">
        <meta name="description" content="Real-time chat w Node.JS oraz Socket.io Utworzyłem prosty czat, wymiana wiadomości w czasie rzeczywistym (sockety). Aplikacja stworzona w Node oraz przy pomocy biblioteki Socket.io wraz ze strumieniowaniem muzyki w tle. Wystarczy podać swoje imię i j..." />
    <meta name="author" content="Wróblewski Piotr" />
    <meta name="keywords" content="web,JavaScript">
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://wroblewskipiotr.pl/post/czat-w-node-express-i-socketio" />
    <meta property="og:locale" content="en_GB" />
    <meta property="og:title" content="Czat w Node, Express i Socket.io" />
    <meta property="og:site_name" content="website" />
    <meta property="og:description" content="Real-time chat w Node.JS oraz Socket.io Utworzyłem prosty czat, wymiana wiadomości w czasie rzeczywistym (sockety). Aplikacja stworzona w Node oraz przy pomocy biblioteki Socket.io wraz ze strumieniowaniem muzyki w tle. Wystarczy podać swoje imię i j..." />
    <meta property="og:image" content="https://wroblewskipiotr.pl/uploads/images/socketiochat1.png" />
    <meta property="fb:app_id" content="1950237781924240" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:domain" content="https://wroblewskipiotr.pl/" />
    <meta name="twitter:title" content="Czat w Node, Express i Socket.io" />
    <meta name="twitter:description" content="Real-time chat w Node.JS oraz Socket.io Utworzyłem prosty czat, wymiana wiadomości w czasie rzeczywistym (sockety). Aplikacja stworzona w Node oraz przy pomocy biblioteki Socket.io wraz ze strumieniowaniem muzyki w tle. Wystarczy podać swoje imię i j..." />
    <meta name="twitter:image" content="https://wroblewskipiotr.pl/uploads/images/socketiochat1.png" />
    <meta name="twitter:url" content="https://wroblewskipiotr.pl/post/czat-w-node-express-i-socketio" />
    <meta name="twitter:label1" content="Czat w Node, Express i Socket.io" />
    <meta name="twitter:data1" content="2018-09-24 13:43" />
    <meta name="twitter:label2" content="Wróblewski Piotr" />
    <meta name="twitter:data2" content="https://wroblewskipiotr.pl/post/czat-w-node-express-i-socketio" />
    <meta name="twitter:site" content="@szczypiorofix" />
    <meta name="twitter:creator" content="@szczypiorofix" />
    <link href="https://plus.google.com/u/0/117537092421510596426/" rel="publisher" />
    <link rel="Canonical" href="https://wroblewskipiotr.pl/post/czat-w-node-express-i-socketio">
    <meta name="robots" content="index,follow" />
    <link rel="apple-touch-icon" sizes="57x57" href="icons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="icons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="icons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="icons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="icons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="icons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="icons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="icons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="icons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
    <link rel="manifest" href="icons/manifest.json">
    <meta name="msapplication-TileColor" content="#333333">
    <meta name="msapplication-TileImage" content="icons/ms-icon-144x144.png">
    <meta name="theme-color" content="#333333">
    <title>Czat w Node, Express i Socket.io</title>    <link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css">
    <link rel="stylesheet" type="text/css" href="css/fa-regular.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css?v=1.01.004">    <style></style>        <script></script>    <!-- the below three lines are a fix to get HTML5 semantic elements working in old versions of Internet Explorer-->
    <!--[if lt IE 9]>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->
    <!-- FACEBOOK MESSENGER SCRIPT -->
    <script>
        /**
		window.fbAsyncInit = function() {
            FB.init({
                appId : '261673414375505',
                xfbml : true,
                version : 'v2.6'
            });
		};
		 
		(function(d, s, id){
		    var js, fjs = d.getElementsByTagName(s)[0];
		    if (d.getElementById(id)) {return;}
		    js = d.createElement(s); js.id = id;
		    js.src = "//connect.facebook.net/pl_PL/sdk.js";
		    fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        **/
	</script>
</head>

<body>
    <div class="main-div">
        <!--[if lte IE 9]>
            <div>
                <h3>You are using an <strong>outdated</strong> browser.</h3>
                <p>Many things may be non-functional if you continue, please upgrade your browser to improve your experience.</p>
            </div>
        <![endif]-->

            <div class="full-page-container" id="mainDiv">
        <header class="nav-and-logo">
                        <div class="navbar-container">
                <nav id="mySidenav" class="sidenav">
                    <p class="title"><span>Menu</span></p>
                    <ul>
                        <li><a href="javascript:void(0)" class="closebtn" onclick="SideNavbar.closeNav()"><i class="fas fa-times"></i></a></li>
                        <li><a href="https://wroblewskipiotr.pl/" class="scroll-btn">Strona główna</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#omnie" class="scroll-btn">O mnie</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#umiejetnosci" class="scroll-btn">Umiejętności</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#corobie" class="scroll-btn">Co ja robię</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#liczby" class="scroll-btn">Liczby</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#portfolio" class="scroll-btn">Portfolio</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#informacje" class="scroll-btn">Informacje</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#kontakt" class="scroll-btn">Kontakt</a></li>
                    </ul>
                    <div class="socialmedia-div">
                        <a href="https://www.facebook.com/szczypiorofix/" target="_blank" title="Facebook" class="fab fa-facebook-f"></a>
                        <a href="https://twitter.com/szczypiorofix/" target="_blank" title="Twitter" class="fab fa-twitter"></a>
                        <a href="https://slack.com" target="_blank" title="Slack" class="fab fa-slack"></a>
                        <a href="https://www.youtube.com/user/szczypiorofixable/" target="_blank" title="Youtube" class="fab fa-youtube"></a>
                        <a href="https://github.com/szczypiorofix/" target="_blank" title="GitHub" class="fab fa-github"></a>
                    </div>
                </nav>
                <div class="navbar-launcher-container">
                    <span class="navbar-launcher" onclick="SideNavbar.openNav()"><i class="fas fa-bars" id="navbarLauncher"></i></span>
                    <div id="google_translate_element"></div>
                </div>
                <div class="search-form-container">
                    <div class="search-form">
                        <input class="search-input" type="text" id="search-input">
                        <i class="fas fa-search"></i>
                    </div>
                    <div id="search-results"></div>
                </div>
            </div>    <div class="logo-container">
        <a href="https://wroblewskipiotr.pl/"><img src="images/logo.png" alt="Wróblewski Piotr logo"/></a>
    </div>
        </header>
        <main class="post-card">
            <article>
                
                <section class="post-content">
                    <div class="post-title">
                        <h1>Czat w Node, Express i Socket.io</h1>
                    </div>
                    <div class="post-date">
                        <p>2018-09-24 13:43</p>
                    </div>
                    <div class="post-image">
                        <img id="imageModalSrc" src="uploads/images/socketiochat1.png" alt="Socket.IO Chat" />
                        <div id="imageModalDiv" class="modal">
                            <span class="close" id="imageModalClose">&times;</span>
                            <img class="modal-content" id="imageModalDest">
                            <div id="imageModalCaption"></div>
                        </div>
                    </div>
                    <div class="post-content"
                        <p><h3>Real-time chat w Node.JS oraz Socket.io</h3>
<p>Utworzyłem prosty czat, wymiana wiadomości w czasie rzeczywistym (sockety).
Aplikacja stworzona w Node oraz przy pomocy biblioteki Socket.io wraz ze strumieniowaniem muzyki w tle.
Wystarczy podać swoje imię i już można czatować z innymi.</p>
<p><a href="http://chat.wroblewskipiotr.pl/">Czat można przetestować tutaj</a></p></p>
                    </div>
                    <div class="additional">
                        <div class="post-categories">
                            <p><strong><i class="fas fa-folder-open"></i></strong>: <a href="lista/kategoria/programowanie">programowanie</a></p>
                        </div>
                        <div class="post-tags">
                            <p><strong><i class="fas fa-tags"></i></strong>: <a href="lista/tag/web">web</a>, <a href="lista/tag/JavaScript">JavaScript</a></p>
                        </div>
                        <div class="pdf-container">
                            <a href="post/czat-w-node-express-i-socketio/pdf" title="Pobierz ten artykuł jako plik PDF">Pobierz <i class="far fa-file-pdf"></i></a>
                        </div>
                    </div>
                    <div class="add-this-container">
                        <div class="addthis_inline_share_toolbox"></div>
                    </div>
                    <div class="disqus-container">
                        <div id="disqus_thread"></div>
                        <script>
                        /**
                        *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
                        *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
                        /*
                        var disqus_config = function () {
                            this.page.url = https://wroblewskipiotr.pl/post/czat-w-node-express-i-socketio;  // Replace PAGE_URL with your pages canonical URL variable
                            this.page.identifier = 26; // Replace PAGE_IDENTIFIER with your pages unique identifier variable
                        };
                        */
                        (function() { // DONT EDIT BELOW THIS LINE
                            var d = document, s = d.createElement("script");
                            s.src = "https://wroblewskipiotr.disqus.com/embed.js";
                            s.setAttribute("data-timestamp", +new Date());
                            (d.head || d.body).appendChild(s);
                        })();
                        </script>
                        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                    </div>
                </section>
            </article>
                    <aside class="sidebar">
            <div class="categories-list-container">
                <h3>Kategorie:</h3>
                <ul><li><a href="lista/kategoria/gry"><span class="title">gry</span><span class="post-count">2</span></a></li><li><a href="lista/kategoria/programowanie"><span class="title">programowanie</span><span class="post-count">3</span></a></li><li><a href="lista/kategoria/projekty"><span class="title">projekty</span><span class="post-count">3</span></a></li></ul>
            </div>
            <div class="tags-list-container">
                <h3>Tagi:</h3>
                <div class="tags"><a class="cloudtag medium" href="lista/tag/desktop"><span class="title">desktop</span><span class="post-count">2</span></a><a class="cloudtag medium" href="lista/tag/game"><span class="title">game</span><span class="post-count">2</span></a><a class="cloudtag small" href="lista/tag/hardware"><span class="title">hardware</span><span class="post-count">1</span></a><a class="cloudtag small" href="lista/tag/important"><span class="title">important</span><span class="post-count">1</span></a><a class="cloudtag small" href="lista/tag/info"><span class="title">info</span><span class="post-count">1</span></a><a class="cloudtag medium" href="lista/tag/java"><span class="title">Java</span><span class="post-count">2</span></a><a class="cloudtag big" href="lista/tag/javascript"><span class="title">JavaScript</span><span class="post-count">4</span></a><a class="cloudtag small" href="lista/tag/jquery"><span class="title">jQuery</span><span class="post-count">1</span></a><a class="cloudtag medium" href="lista/tag/php"><span class="title">PHP</span><span class="post-count">2</span></a><a class="cloudtag medium" href="lista/tag/software"><span class="title">software</span><span class="post-count">2</span></a><a class="cloudtag biggest" href="lista/tag/web"><span class="title">web</span><span class="post-count">6</span></a></div>
            </div>
            <a class="twitter-timeline" data-lang="pl" data-height="800" href="https://twitter.com/szczypiorofix?ref_src=twsrc%5Etfw"></a>
        </aside>
        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </main>
            <div class="ctabutton-container">
        <a href="javascript:void(0)" onclick="goToTop()"><i class="fas fa-chevron-up"></i></a>
    </div>
            <footer>
        <p>Wróblewski Piotr, 2023 <small>(ver. 1.01.004)</small></p>
    </footer>
    </div>        <!-- FACEBOOK MESSENGER DIV -->
        <!-- 
        <div class="fb-customerchat"
            page_id="220388458721168"
            ref="https://wroblewskipiotr.pl"
            minimized="true">
        </div> -->
            </div>

    <!-- ####################### NOTOFICATIONS ####################### -->
    <div id="notificationsPanel">
        <span id="notificationsContent"></span>
    </div>
    
    <!-- ###########################<.SCRIPTS.>############################# -->

    <script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/jquery/jquery-1.12.4.min.js"></script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><script type="text/javascript" src="js/translate.js"></script><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5ad1f6633ca8b854""></script>    <script>searchInput("https://wroblewskipiotr.pl/");
        var modal = document.getElementById("imageModalDiv");
        var img = document.getElementById("imageModalSrc");
        var modalImg = document.getElementById("imageModalDest");
        var captionText = document.getElementById("imageModalCaption");
        if (img) {
            img.onclick = function() {
                modal.style.display = "block";
                modalImg.src = this.src;
                captionText.innerHTML = this.alt;
            }
        }    
        var span = document.getElementById("imageModalClose");
        if (span) {
            span.onclick = function() { 
                modal.style.display = "none";
            }
        }
        </script>    <script src="js/cookieconsent.js"></script>

    <!-- Dynamic page generated in 0.0072 seconds. -->    <!-- <script id="dsq-count-scr" src="https://www.wroblewskipiotr.disqus.com/count.js" async></script> -->
</body>
</html>