👨🏻‍💻 TechCode Azerbaijan

👨🏻‍💻 TechCode Azerbaijan

#frontend #javascript #socket.io

Socket.io nədir? - Real vaxt rejimində veb programları üçün Javascript kitabxanasıdır.

O, WebSockets və ya fallbacks kimi ehtiyatlardan istifadə edərək brauzer və server arasında iki istiqamətli, hadisəyə əsaslanan əlaqəni təmin edir.

⚙️ Yüklənməsi:
Backend (Node.js):

npm install express socket.io

Frontend (Client):

<script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>

💻 Nümunə:
Server (server.js):

const express = require("express");
const http = require("http");
const { Server } = require("socket.io");

const app = express();
const server = http.createServer(app);
const io = new Server(server, {
  cors: {
    origin: "*",
  },
});

io.on("connection", (socket) => {
  console.log("User connected:", socket.id);

  socket.on("chat-message", (msg) => {
    io.emit("chat-message", msg);
  });

  socket.on("disconnect", () => {
    console.log("User disconnected:", socket.id);
  });
});

server.listen(3000, () => {
  console.log("Server running on http://localhost:3000");
});

Client (index.html):

<!DOCTYPE html>
<html>
<head><title>Socket.IO Chat</title></head>
<body>
  <input id="msgInput" placeholder="Type a message..." />
  <button onclick="sendMessage()">Send</button>
  <ul id="messages"></ul>

  <script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>
  <script>
    const socket = io("http://localhost:3000");
    const messages = document.getElementById("messages");
    const input = document.getElementById("msgInput");

    socket.on("chat-message", (msg) => {
      const li = document.createElement("li");
      li.textContent = msg;
      messages.appendChild(li);
    });

    function sendMessage() {
      const msg = input.value;
      socket.emit("chat-message", msg);
      input.value = "";
    }
  </script>
</body>
</html>

Sən bunları edə bilərsən:
- 💬 Chat applications
- 🔔 Notifications (e.g., new followers, messages)
- 📈 Live dashboards (e.g., user count, data updates)
- 🎮 Multiplayer games
- 🧑‍💻 Real-time collaborative editors

@TechCodeAz | TechCode.Az

❤3👍2🔥1

724 viewsMurad, 15:05

👨🏻‍💻 TechCode Azerbaijan

👨🏻‍💻 TechCode Azerbaijan pinned «#frontend #javascript #socket.io Socket.io nədir? - Real vaxt rejimində veb programları üçün Javascript kitabxanasıdır. O, WebSockets və ya fallbacks kimi ehtiyatlardan istifadə edərək brauzer və server arasında iki istiqamətli, hadisəyə əsaslanan əlaqəni…»

12:12

👨🏻‍💻 TechCode Azerbaijan

🚀 HighCode Training Center-də Onlayn Təlimlər üçün Təqaüd Proqramına müraciətlər başladı!

Proqramlaşdırma sahəsində karyera qurmaq istəyirsən, amma təlim xərcləri səni düşündürür? İndi bunun üçün əla fürsət var!

🎓 Təqaüd proqramımız çərçivəsində:
• 2 nəfərə 100% təqaüd
• 10 nəfərə 50% təqaüd
• Müraciət edən hər kəsə 30% təqaüd

💻 Bütün təlimlər onlayn formatda keçirilir. Harada yaşamağından asılı olmayaraq, internet bağlantısı olan istənilən yerdən dərslərə qoşula bilərsən.

📅 Son müraciət tarixi: 9 avqust

Gələcəyinə investisiya etmək üçün ilk addımı bu gün at. Müraciətini indi et və HighCode ailəsinə qoşul!

🔗 Müraciət linki (eyni zamanda profilimizin bio hissəsində):
https://forms.gle/WVGMzD8Hhj4DF3Hr7

🎯 HighCode ilə öyrən, fərq yarat, karyeranda zirvəyə yüksəl!
https://www.instagram.com/p/DbilCVHCMbH/?igsh=MXBydWJxMDFxejN4NQ==

Google Docs

HighCode Təqaüd Proqramı

HighCode Təqaüd Proqramına xoş gəlmisiniz!

Bu müraciət təqaüd proqramının birinci seçim mərhələsidir. Formu dolduran namizədlər arasından uyğun hesab edilən şəxslər müsahibə mərhələsinə dəvət olunacaq. Təqaüd qalibləri isə yekun seçim nəticəsində müəyyən…

❤1👏1

128 viewsKanan, 06:10

👨🏻‍💻 TechCode Azerbaijan

AI öyrənmək və karyeranı bu istiqamətdə qurmaq istəyirsən? 🤖

AI artıq gələcəyin deyil — indinin peşəsidir.

Proqramlaşdırmaya marağın varsa və AI sahəsində inkişaf etmək istəyirsənsə, başlamaq üçün doğru vaxt indidir.

🚀 AI Development Təlimi
— 8 ay
— Həftədə 2 dəfə, 2 saat
— Onlayn
— Sıfırdan başlayaraq AI sahəsində inkişaf

🎯 Qeydiyyatdan keçən ilk 5 nəfər 30% endirim qazanacaq!

Öyrən. Tətbiq et. Portfolio yarat.
AI sahəsində karyerana bu gün başla.

📩 Ətraflı məlumat və qeydiyyat üçün DM-ə yaz.

#ai #aiengineer #aicourse #aidevelopment #aideveloper
https://www.instagram.com/p/Db7eEDpCP1i/?igsh=cnBkYzdyeG5hZTBp

94 viewsKanan, 11:46

👨🏻‍💻 TechCode Azerbaijan

💻 Frontend sahəsində karyerana başlamaq istəyirsən?

Sentyabr qruplarına qeydiyyat başladı! 🚀

🎓 6 ay peşəkar Frontend təlimi
🔥 + 3 ay tərəfdaş şirkətlərdə real iş mühitində təcrübə
🗓 Həftədə 3 dəfə, 2 saat
🌐 Tam onlayn

Frontend öyrən, real layihələrdə təcrübə qazan və karyerana daha güclü başla. 💙

📩 Ətraflı məlumat və qeydiyyat üçün 0704314300 nömrəsi ilə əlaqə saxlayın.

30 viewsKanan, 07:20

About

Blog

Apps

Platform