کداکسپلور | CodeExplore

🤟

Node.js: The Documentary | An origin story

#nodejs

☕️

@CodeExplore | </Honeypot>

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥10❤‍🔥2⚡2

1.48K views𝙰𝚖𝚒𝚗, 15:54

کداکسپلور | CodeExplore

موفقیت، نتیجه‌ی تصمیم‌های کوچک و پشتکار بی‌پایان است. هر روز، با قدم‌های کوچک به سوی اهدافتان حرکت کنید، و باور داشته باشید که هیچ چیز غیرممکن نیست. به خودتان اعتماد کنید و از تلاشتان دلگرم شوید، زیرا موفقیت در انتظار شماست

☄️

#motivational

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥16⚡4🔥3

1.55K viewsAmirMasoud, 17:46

کداکسپلور | CodeExplore

پشت صحنشو بیارین اگر راست میگین 🤨

#fun

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

😁44💔6⚡3

1.6K viewsKoorosh, 05:45

کداکسپلور | CodeExplore

آموزش Git بصورت مرحله به مرحله از مقدماتی تا پیشرفته

🔝

👉

https://atlassian.com/git/tutorials

#git #tutorial

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

Atlassian

Git Tutorials and Training | Atlassian Git Tutorial

Learn the basics of Git through this comprehensive Git training. Branching, pull requests, merging and more are covered in the Atlassian Git tutorial.

🔥14⚡3❤‍🔥2

1.86K viewsAmirMasoud, 07:51

کداکسپلور | CodeExplore

خواندن متن کپی شده با جاوااسکریپت

✌️

ℹ️برای دریافت متنی که کاربر داخل کلیپ‌بورد خودش داره میتونید از navigator استفاده کنید.

text= navigator.clipboard.readText();
consloe.log(text);

‼️چیزی که متد readText بهتون میده از جنس پرامیس هست و نکته مهم دیگه ای که هستش اینه که کاربرد باید حتما بهتون دسترسی بده وگرنه ارور دریافت میکنید.

#javascript

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥11🔥4⚡2

1.69K viewsKoorosh, 11:56

کداکسپلور | CodeExplore

ابزار SQLite برای کار با دیتابیس بصورت آنلاین

🔥

🌐

https://sqliteonline.com

#sqlite #tool #online

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

Sqliteonline

SQL Online AiDE - Next gen SQL Editor | SQL Compiler

SQL OnLine - SQLite, DuckDB, PGLite, MariaDB / MySQL, PostgreSQL, MS SQL Server. AI error analysis, User-friendly interface for Data Science. No registration for start, No DownLoad, No Install. | sql compiler, federated queries, temporal query federation…

⚡6🔥3❤‍🔥2💔1

1.85K viewsAmirMasoud, 13:43

کداکسپلور | CodeExplore

ریپازیتوری از برنامه های کاربردی وب آسیب پذیر

💯

یک فهرست جامع نگهداری شده از تمام برنامه های کاربردی وب آسیب پذیر برای یادگیری امنیت وب ☄️

🌪

github.com/OWASP/OWASP-VWAD

#security #owasp #web

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡6❤‍🔥3🔥3

1.71K viewsAmirMasoud, 16:48

کداکسپلور | CodeExplore

برنامه نویسی به کمک هوش مصنوعی

👀

✔️ یکی از اکستنشن های هوش مصنوعی که میتونه توی کدنویسی بهتون کمک کنه Codium-AI هست که کاملا رایگانه و فقط به یک اکانت و فیلترشکن خوب نیاز داره. روی vscode و vim هم قابل نصبه.

📥

لینک دانلود

#vscode #extensions

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡8❤‍🔥4🔥4

1.81K viewsKoorosh, 18:57

کداکسپلور | CodeExplore

چقد حوصله دارین 🗿

#fun

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

💔28😁1

1.64K viewsKoorosh, 05:57

کداکسپلور | CodeExplore

0:31

This media is not supported in your browser

VIEW IN TELEGRAM

Checkbox Style for Classic Them using HTML , CSS 🔥🤌

#html #css #checkbox

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥7❤‍🔥3⚡3

1.58K viewsKoorosh, 08:01

کداکسپلور | CodeExplore

@CodeExplore - CSS CHECKBOXES.zip

2.6 KB

Checkbox Style for Classic Them using HTML , CSS 🔥🤌

Password:
@CodeExplore

#html #css #checkbox

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥7⚡3❤‍🔥2

1.57K viewsKoorosh, edited 08:02

کداکسپلور | CodeExplore

30 تمرین و پروژه عملی در 30 روز بصورت رایگان برای یادگیری جاوااسکریپت

✌️

👉

https://javascript30.com

#javascript #free #tutorial

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡10🔥3❤‍🔥2😁2💔2

1.63K viewsAmirMasoud, edited 10:08

کداکسپلور | CodeExplore

دریافت دوربین و نمایش آن در صفحه HTML با JavaScript

✌️

🖐

💻 برای دریافت دوربین کاربر و نمایش آن در صفحه HTML با JavaScript، می توانید از مراحل زیر استفاده کنید:

1⃣ اول باید دسترسی رو از کاربر با کمک این کد بگیرید (و البته که باید المنت هامون رو هم پیدا بکنیم):

const myVideo = document.getElementById('myVideo');
const startButton = document.getElementById('startButton');
const stopButton = document.getElementById('stopButton');
navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    // اینجا برای مراحل 2 و 3 هستش و مال وقتیه که درخواست شما تایید بشه، فعلا بهش اهمیت ندین.
  })
  .catch(function(error) {
    //اینجا برای وقتیه که درخواست شما رد میشه
    console.error("Error accessing the camera:", error);
  });

🔢 بعد باید توی بخش html ، از تگ video استفاده کنید که قبلا توی این پست کامل و مختصر معرفیش کرده بودیم!

<video id="myVideo" width="640" height="360"></video>

و حالا این یک خط کد رو هم توی بخشی که گفتم برای مراحل 2 و 3 هستش اضافه کنید:

myVideo.srcObject = stream;

🔢 این بخش اختیاری هست و میتونید انجامش ندید ، ولی برای این هستش که کاربر بتونه وضعیت دوربینش رو کنترل کنه و ببینه براش دوربین رو نشون بده یا متوقف بشه! یک نگاهی به کد بندازید که منظورم رو متوجه بشید!
این دو خط کد html رو زیر تگ video مون بزارید:

<button id="startButton">شروع</button>
<button id="stopButton">توقف</button>

و این چند خط کد جاوااسکریپتِ ناقابل رو بعد از اون محدوده ای که توی قسمت 1 گفتیم بنویسید :

startButton.addEventListener('click', function() {
      myVideo.play();
    });

stopButton.addEventListener('click', function() {
      myVideo.pause();
    });

✅به طور خلاصه الان کد شما باید یه همچین شکل و شمایلی گرفته باشه :

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>نمایش دوربین کاربر</title>
</head>
<body>
  <h1>نمایش دوربین کاربر</h1>

  <video id="myVideo" width="640" height="360"></video>

  <button id="startButton">شروع</button>
  <button id="stopButton">توقف</button>

  <script>
    const myVideo = document.getElementById('myVideo');
    const startButton = document.getElementById('startButton');
    const stopButton = document.getElementById('stopButton');

    navigator.mediaDevices.getUserMedia({ video: true })
      .then(function(stream) {
        myVideo.srcObject = stream;
      })
      .catch(function(error) {
        console.error("Error accessing the camera:", error);
      });

    startButton.addEventListener('click', function() {
      myVideo.play();
    });

    stopButton.addEventListener('click', function() {
      myVideo.pause();
    });
  </script>
</body>
</html>

⭕️

این پست فقط جهت آموزش به شما عزیزان بوده و مسئولیت هیچگونه استفاده غیر قانونی ای از این آموزش بر عهده تیم کداکسپلور نمی باشد.

#camera #html #javascript

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡10🔥4❤‍🔥3

1.64K viewsCodeExplore, 11:44

کداکسپلور | CodeExplore

مجموعه ای از موارد فنی که هر برنامه نویسی باید درباره آن بداند

🟢

🔗

github.com/mr-mig/every-programmer-should-know

#programming #tutorial

☕️