en
Feedback
Khmer Developer

Khmer Developer

Open in Telegram

Now you can add all channel as a folder on your Telegram 🩡 https://t.me/addlist/fRQMtjRu68YyYzg1 All resource is Free for all people βœ… #DevelopAccessibillity #WebsiteDevelopment #Frontend #Backend #LearnCoding #KhmerDeveloper #DesignedbyKhala

Show more
643
Subscribers
No data24 hours
+77 days
+4030 days
Posts Archive
Repost from Lan Khala
Mother's day πŸ’πŸ‘©
Mother's day πŸ’πŸ‘©

Repost from Lan Khala
my first VideoπŸ™πŸΌ

Tag αžŸαŸ†αžαžΆαž“αŸ‹αŸ—αž€αŸ’αž“αž»αž„ html
Tag αžŸαŸ†αžαžΆαž“αŸ‹αŸ—αž€αŸ’αž“αž»αž„ html

< αž”αž“αŸ’αž‘αžΆαž”αŸ‹αž˜αž€αž…αžΌαž›αž˜αž€αž αŸ’αžœαžΆαž›αŸ‹αž™αžΎαž„αžœαž·αž‰ < αžŸαžšαžŸαŸαžšαž€αžΌαžŠαž“αŸαŸ‡αž…αžΌαž› < αž αžΎαž™αžšαž€αž•αŸ’αž“αŸ‚αž€ Run αž“αŸ…αžšαž”αžΆαžαžΆαž„αž›αžΎ < αž™αž€ Run Without Debugging < αž αžΎαž™αž™αž€ ឹweb chrome αž“αŸ„αŸ‡αž›αž‘αŸ’αž’αž•αž›αž“αž·αž„αž…αŸαž‰αž“αŸ…αž›αžΎ < google chrome αž‡αžΆαž‘αž˜αŸ’αžšαž„αŸ‹ αžœαŸαž”αžŸαžΆαž™ βœ”οΈ

start HTML❀️ part1 - αž‘αžΆαŸ†αž„αž’αžŸαŸ‹αž‚αŸ’αž“αžΆαž…αž»αž… ctrl+n αž”αž„αŸ’αž€αžΎαžαž αŸ’αžœαžΆαž›αŸ‹αžαŸ’αž˜αžΈ - αž αžΎαž™αž…αž»αž… ctrl+s αžŠαžΎαž˜αŸ’αž”αžΈαžšαž€αŸ’αžŸαžΆαž‘αž»αž€ - αž”αž“αŸ’αž‘αžΆαž”αŸ‹αž˜αž€αžšαž€αž‘αžΈαžαžΆαŸ†αž„αžŠαŸ‚αž›αžαŸ’αžšαžΌαžœαžšαž€αŸ’αžŸαžΆαž‘αž»
start HTML❀️ part1 - αž‘αžΆαŸ†αž„αž’αžŸαŸ‹αž‚αŸ’αž“αžΆαž…αž»αž… ctrl+n αž”αž„αŸ’αž€αžΎαžαž αŸ’αžœαžΆαž›αŸ‹αžαŸ’αž˜αžΈ - αž αžΎαž™αž…αž»αž… ctrl+s αžŠαžΎαž˜αŸ’αž”αžΈαžšαž€αŸ’αžŸαžΆαž‘αž»αž€ - αž”αž“αŸ’αž‘αžΆαž”αŸ‹αž˜αž€αžšαž€αž‘αžΈαžαžΆαŸ†αž„αžŠαŸ‚αž›αžαŸ’αžšαžΌαžœαžšαž€αŸ’αžŸαžΆαž‘αž»αž€ - αžŠαžΆαž€αŸ‹αžˆαŸ’αž˜αŸ„αŸ‡αž αŸ’αžœαžΆαž›αŸ‹ - αž€αŸ’αžšαŸ„αž˜αž€αž“αŸ’αž›αŸ‚αž„αžŠαžΆαž€αŸ‹αžˆαŸ’αž˜αŸ„αŸ‡ ឬ save as type αž‡αŸ’αžšαžΎαžŸαž™αž€ HTML - αž”αž“αŸ’αž‘αžΆαž”αŸ‹αž˜αž€αž™αž€ save βœ”οΈ

Voice message00:09

Voice message00:23

Voice message00:10

Welcome to Step IT Username Password Login
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Login - Step IT</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    body {
      height: 100vh;
      background: linear-gradient(135deg, #1f1c2c, #928DAB);
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .login-container {
      backdrop-filter: blur(20px);
      background: rgba(255, 255, 255, 0.05);
      padding: 2.5rem;
      border-radius: 20px;
      box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.1);
      width: 100%;
      max-width: 400px;
      position: relative;
    }

    .login-container::before {
      content: "";
      position: absolute;
      top: -20%;
      left: -20%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle at center, #00f0ff44, transparent 70%);
      animation: pulse 6s ease-in-out infinite;
      z-index: -1;
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); opacity: 0.5; }
      50% { transform: scale(1.1); opacity: 0.9; }
    }

    .login-form h2 {
      text-align: center;
      margin-bottom: 2rem;
      color: #fff;
      font-weight: 600;
    }

    .input-group {
      margin-bottom: 1.2rem;
    }

    .input-group label {
      display: block;
      margin-bottom: 0.4rem;
      color: #ddd;
      font-size: 0.95rem;
    }

    .input-group input {
      width: 100%;
      padding: 0.7rem;
      border-radius: 10px;
      border: none;
      background: rgba(255, 255, 255, 0.1);
      color: #fff;
      font-size: 1rem;
      outline: none;
      transition: background 0.3s, box-shadow 0.3s;
    }

    .input-group input:focus {
      background: rgba(255, 255, 255, 0.2);
      box-shadow: 0 0 0 2px #00f0ff88;
    }

    button {
      width: 100%;
      padding: 0.8rem;
      border: none;
      border-radius: 10px;
      background: linear-gradient(to right, #00f0ff, #38f9d7);
      color: #000;
      font-weight: bold;
      font-size: 1rem;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.3s ease;
    }

    button:hover {
      transform: scale(1.03);
      box-shadow: 0 8px 20px rgba(0, 255, 255, 0.3);
    }

    #error-msg {
      margin-top: 1rem;
      text-align: center;
      font-size: 0.9rem;
    }

    .success {
      color: #00ffae;
    }

    .error {
      color: #ff7272;
    }

    @media (max-width: 480px) {
      .login-container {
        padding: 2rem;
        margin: 1rem;
      }
    }
  </style>
</head>
<body>

  <div class="login-container">
    <form class="login-form" onsubmit="return handleLogin(event)">
      <h2>Welcome to Step IT</h2>
      <div class="input-group">
        <label for="username">Username</label>
        <input type="text" id="username" required />
      </div>
      <div class="input-group">
        <label for="password">Password</label>
        <input type="password" id="password" required />
      </div>
      <button type="submit">Login</button>
      <p id="error-msg"></p>
    </form>
  </div>

  <script>
    function handleLogin(event) {
      event.preventDefault();

      const username = document.getElementById("username").value.trim();
      const password = document.getElementById("password").value.trim();
      const errorMsg = document.getElementById("error-msg");

      // Sample login check
      if (username === "step" && password === "123") {
        errorMsg.textContent = "Login successful!";
        errorMsg.className = "success";
        // Optional: Redirect to another page
        // window.location.href = "dashboard.html";
      } else {
        errorMsg.textContent = "Incorrect username or password.";
        errorMsg.className = "error";
      }

      return false;
    }
  </script>

</body>
</html>

photo content

αžαŸ’αž‰αž»αŸ†αž€αŸ†αž–αž»αž„αžαŸ‚αžšαŸ€αž”αž…αŸ†αž˜αŸαžšαŸ€αž“αž‡αžΆαžœαžΈαžŠαŸαž’αžΌαžŸαž˜αŸ’αžšαžΆαž”αŸ‹αž’αŸ’αž“αž€αž‘αžΆαŸ†αž„αž’αžŸαŸ‹αž‚αŸ’αž“αžΆ & powerpoint slide αžαŸ’αžšαŸ€αž˜! ❀️Html soon

photo content

αž’αŸ’αž“αž€αž‘αžΆαŸ†αž„αž’αžŸαŸ‹αž‚αŸ’αž“αžΆαž…αŸαŸ‡αž”αŸ’αžšαžΎ VS code αž“αŸ…?
Anonymous voting

User can enter N For input number data and calculator (+)

using namespace std;

int main() {
    int N;
    int sum = 0;

    cout << "Enter N : ";
    cin >> N;

    int* arr = new int[N]; // ?????? array ??????? N

    for (int i = 0; i < N; i++) {
        cout << "Enter value " << i + 1 << ": ";
        cin >> arr[i];
        sum += arr[i];
    }

    cout << "------------------------" << endl;
    cout << "Result: ";
    for (int i = 0; i < N; i++) {
        cout << arr[i];
        if (i < N - 1)
            cout << " + ";
    }
    cout << " = " << sum << endl;

    delete[] arr; // Free memory

    return 0;
}

photo content

Repost from N/a
αž αŸαžαž»αž’αžΈαž”αžΆαž“αž‡αžΆαž’αŸ’αž“αž€αž”αŸ’αžšαžΌαž€αŸ’αžšαžΆαž˜αžαž˜αŸ’αžšαžΌαžœαž²αŸ’αž™αž…αŸαŸ‡αž—αžΆαžŸαžΆαž’αž„αŸ‹αž‚αŸ’αž›αŸαžŸαžŸαŸ’αž‘αžΆαžαŸ‹αž€αžΆαž“αŸ‹αžαŸ‚αž›αŸ’αž’? αž…αž˜αŸ’αž›αžΎαž™αž„αžΆαž™αŸ—αžŠαŸ‚αž›αž™αžΎαž„αž’αžΆαž…αžŠαžΉαž„αž”αžΆαž“αž“αŸ„αŸ‡ αž‚αžΊαžŠαŸ„αž™αžŸαžΆαžšαžαŸ‚αž—αžΆαžŸαžΆαž€αžΌαžŠ αž“αž·αž„αž€αžΆαžšαž‘αŸ†αž“αžΆαž€αŸ‹αž‘αŸ†αž“αž„αž€αŸ’αž“αž»αž„αž€αžΆαžšαžŸαžšαžŸαŸαžšαž€αžΌαžŠ αž‚αžΊαž”αŸ’αžšαžΎαž‡αžΆαž—αžΆαžŸαžΆαž’αž„αŸ‹αž‚αŸ’αž›αŸαžŸαžŸαŸ’αž‘αžΎαžšαžαŸ‚ 100%αž‘αŸ…αž αžΎαž™

Repost from Lan Khala
Good morning Tuesday 🌻🌞 Have a good day! πŸ’–