studio amozesh | صفر تا صد برنامه نویسی

Open in Telegram

اگر دوست داری وارد دنیای برنامه نویسی بشی ولی نمیدونی از کجا شروع کنی با من همراه باش تا کامل بهت یاد بدم 🔥 وب سایت : https://studioamozesh.com لینک گروه : @studioAmozeshGroup مدیریت | نقد و انتقادات | تبلیغات @khosroshahi23

Iran94 207 Technologies & Applications27 438

2 045

Subscribers

No data24 hours

-17 days

-3530 days

No data

Post views

No data24 hours

No data48 hours

No data

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

\n\n\n\n\n\nbody {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #f0f0f0;\n}\n\n.calculator {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n#display {\n width: 100%;\n height: 40px;\n font-size: 24px;\n text-align: right;\n margin-bottom: 10px;\n}\n\n.buttons {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 5px;\n}\n\nbutton {\n height: 40px;\n font-size: 18px;\n cursor: pointer;\n}\n\n\n\nfunction appendToDisplay(value) {\n const display = document.getElementById('display');\n display.value += value;\n}\n\nfunction clearDisplay() {\n const display = document.getElementById('display');\n display.value = '';\n}\n\nfunction calculateResult() {\n const display = document.getElementById('display');\n try {\n display.value = eval(display.value);\n } catch (error) {\n display.value = 'خطا';\n }\n}\n\n\n#html\n#css\n#جاوا_اسکریپت \n\n\n\n\nبا حمایت خودتون انرژی بدید ♥️\n\n ➖➖➖➖➖➖➖➖➖\n꧁ channel | group | website ꧂","datePublished":"2024-08-08T13:30:44Z","dateModified":"2024-08-08T13:30:44Z","author":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"publisher":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":325},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1341","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1341","mainEntityOfPage":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1341","headline":"هر چند Docker یجورایی حلش کرده ، ولی خدایی حقه😂😂😂 #fun با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | gr…","articleBody":"هر چند Docker یجورایی حلش کرده ،\nولی خدایی حقه😂😂😂\n\n#fun\n\n\nبا حمایت خودتون انرژی بدید ♥️\n\n ➖➖➖➖➖➖➖➖➖\n꧁ channel | group | website ꧂","datePublished":"2024-08-08T11:31:13Z","dateModified":"2024-08-08T11:31:13Z","author":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"publisher":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":348},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1340","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1340","mainEntityOfPage":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1340","headline":"🔰کلاس ها در جاوا اسکریپت(قسمت نهم): 🌀متدهای سازنده پیش‌فرض اگر یک کلاس سازنده‌ای نداشته باشد، جاوا اسکریپت به…","articleBody":"🔰کلاس ها در جاوا اسکریپت(قسمت نهم):\n\n\n🌀متدهای سازنده پیش‌فرض\n\nاگر یک کلاس سازنده‌ای نداشته باشد، جاوا اسکریپت به طور خودکار یک سازنده پیش‌فرض ایجاد می‌کند.\n\nclass DefaultConstructor {\n sayHello() {\n console.log('Hello!');\n }\n}\n\nconst obj = new DefaultConstructor();\nobj.sayHello(); // Hello!\n\n#جاوا_اسکریپت \n#class \n\n\n\nبا حمایت خودتون انرژی بدید ♥️\n\n ➖➖➖➖➖➖➖➖➖\n꧁ channel | group | website ꧂","datePublished":"2024-08-08T07:31:07Z","dateModified":"2024-08-08T07:31:07Z","author":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"publisher":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":354},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1339","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1339","mainEntityOfPage":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1339","headline":"Objects in javascript #pdf #js #object با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖ ꧁channel | group꧂ studioamozesh.c…","articleBody":"Objects in javascript\n\n#pdf\n#js\n#object\n\nبا حمایت خودتون انرژی بدید ♥️\n\n ➖➖➖➖➖➖\n꧁channel | group꧂\n\nstudioamozesh.com","datePublished":"2024-08-07T15:31:12Z","dateModified":"2024-08-07T15:31:12Z","author":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"publisher":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"commentCount":5,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":360},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1338","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1338","mainEntityOfPage":"https://telemetr.io/en/channels/1507787918-studio_amozesh/posts/1338","headline":"🔰سه تکه کد کاربردی در فرانت اند #html #css #js با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | we…","articleBody":"🔰سه تکه کد کاربردی در فرانت اند\n\n#html\n#css\n#js\n\n\n\nبا حمایت خودتون انرژی بدید ♥️\n\n ➖➖➖➖➖➖➖➖➖\n꧁ channel | group | website ꧂","datePublished":"2024-08-07T13:31:25Z","dateModified":"2024-08-07T13:31:25Z","author":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"publisher":{"@type":"Organization","name":"studio amozesh | صفر تا صد برنامه نویسی","url":"https://telemetr.io/en/channels/1507787918-studio_amozesh","image":"https://img.tlmtr.io/c/1E2wvY/6001174859025076193?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":389},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":17}]}}]}

2 045

متد Some() متد some() بودن یا نبودن یک عضو در آرایه را بررسی می‌کند. در صورت وجود true و در صورت نبودن false را برمی‌گرداند. کار این متد مانند متد includes() است با این تفاوت که بجای رشته، یک تابع را از ورودی می‌پذیرد. #some با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

شما هم قبول دارید ؟ 😁 #fun با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🔰متد setInterval در جاوا اسکریپت: متد setInterval در جاوا اسکریپت برای اجرای یک تابع یا کد مشخص به صورت دوره‌ای با فاصله زمانی معین استفاده می‌شود. این متد دو آرگومان می‌گیرد: تابعی که باید اجرا شود و فاصله زمانی (به میلی‌ثانیه) که بین هر بار اجرای تابع وجود دارد. 🌀ساختار کلی:

setInterval(function, milliseconds);

🌀مثال: در این مثال، از setInterval برای نمایش یک شمارش معکوس استفاده می‌کنیم که هر ثانیه یک واحد کاهش می‌یابد.

let countdown = 10; // شروع شمارش معکوس از 10 ثانیه

const intervalId = setInterval(() => {
    console.log(countdown); // نمایش عدد فعلی شمارش معکوس
    countdown--; // کاهش شمارش معکوس

    // اگر شمارش به 0 رسید، متوقف کن
    if (countdown < 0) {
        clearInterval(intervalId); // متوقف کردن setInterval
        console.log("شمارش معکوس تمام شد!");
    }
}, 1000); // هر 1000 میلی‌ثانیه (1 ثانیه) اجرا می‌شود

در این مثال، شمارش معکوس از 10 شروع می‌شود و هر ثانیه یک واحد کاهش می‌یابد. وقتی که شمارش به زیر 0 برسد، با استفاده از clearInterval(intervalId) متد setInterval متوقف می‌شود و پیغام "شمارش معکوس تمام شد!" نمایش داده می‌شود. #جاوا_اسکریپت #setInterval با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🔰ریکت (React) یک کتابخانه جاوااسکریپت است که برای ساخت رابط‌های کاربری (UI) استفاده می‌شود. این کتابخانه توسط فیس‌بوک توسعه داده شده و به طور گسترده در برنامه‌های وب و موبایل مورد استفاده قرار می‌گیرد. 🌀ویژگی‌های کلیدی ریکت: 1⃣کامپوننت‌ها: ریکت بر اساس مفهوم کامپوننت‌ها طراحی شده است. هر کامپوننت می‌تواند شامل کد HTML، CSS و جاوااسکریپت باشد و می‌توان آن را به راحتی در پروژه‌های مختلف استفاده کرد. 2⃣وضعیت (State): ریکت به شما اجازه می‌دهد که وضعیت کامپوننت‌ها را مدیریت کنید. این وضعیت می‌تواند تغییر کند و باعث به‌روزرسانی خودکار رابط کاربری شود. 3⃣یک‌طرفه بودن داده‌ها: داده‌ها در ریکت به صورت یک‌طرفه جریان دارند، به این معنی که از والد به فرزند منتقل می‌شوند. این ویژگی باعث می‌شود که مدیریت داده‌ها ساده‌تر باشد. 4⃣عملکرد بالا: ریکت با استفاده از مفهوم "Virtual DOM" عملکرد بالایی دارد. این ویژگی به ریکت اجازه می‌دهد تا فقط بخش‌هایی از صفحه را که نیاز به به‌روزرسانی دارند، تغییر دهد. #جاوا_اسکریپت #react با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🚀 سلام رفقا! 🔥 آماده‌اید تا با جاوااسکریپت مهارت‌های جدیدی رو یاد بگیرید؟ این دوره برای شما طراحی شده! 🎓 از پایه تا پیشرفته، همه‌چیز رو یاد می‌گیرید و به یک متخصص جاوااسکریپت تبدیل می‌شید! 💥 برای اطمینان از کیفیت دوره، دو تا از فصل ها که تا الان ضبط شده رو رایگان تو کانال تلگرام جاوااسکریپت گذاشتیم. 📹 تماشا کنید و اگر خوشتون اومد، دوره کامل رو از سایت ما تهیه کنید و شروع کنید به یادگیری! ✨ ما منتظرتونیم! 🔗 به کانال تلگرام ما بپیوندید: @javascrip2 🔗 برای دیدن جزئیات بیشتر میتونید وارد سایت بشید : https://studioamozesh.com/courses/javascript

2 045

آشنایی با متد trim : متد ()trim فضای خالی (Space) را از دو طرف رشته پاک میکنه.

var txt = " studio amozesh ";
var trm = txt.trim()

#trim #method با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🔰طراحی های خلاقانه با html css #html #css با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

آشنایی با متد slice در جاوااسکریپت : متد slice() قسمتی از یک رشته رو استخراج میکنه و داخل یک رشته جدید بر میگردونه. متد slice دوتا پارامتر ورودی داره، پارامتر اول شماره ایندکس شروع و پارامتر دوم شماره ایندکس بعد پایان است

let text = "Learn programming easily here" ;
let res = name.slice(9, 13) ;

توجه داشته باشید که پارامتر دوم در خروجی نمایش داده نمیشه و یه شماره قبل اون آخرین کاراکتر نمایشی محسوب میشه. همچین میشه از آخر هم شمرد، به این صورت که ۲ تا پارارمتر رو عدد منفی میدیم و جای پارامتر اول و دوم عوض میشه. پارامتر اول شماره ایندکس آخرین خونس و پارامتر دوم شماره ایندکس اولین خونس. #slic #method با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

خدایی خیلی حق بود 😂 #fun با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

یک متد کاربردی برای پیدا کردن یک رشته ( string ) تو رشته دیگه تو جاوااسکریپت با کمک indexOf میتونیم این کارو خیلی راحت انجام بدیم 👇🏻

let text = "Best Way To Learn javascript" ;
let pos = text.indexOf("javascript");
// output: 18

نکته : متد indexOf() شماره ایندکس اولین حرف از کلمه داخل پرانتز را به ما برمیگردونه. نکته اینحاست که هر زمان از شماره ایندکس حرف زدیم یعنی شمارش از 0 شروع میشه. #indexOf #method با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

پاسخ کد بالا چیه؟ و چرا؟👆 ❗️پاسخ و به آیدی زیر بفرست😉 @Studio_Support #کوئیز #جاوا_اسکریپت با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

ساخت بازی سنگ کاغذ قیچی با HTML , CSS , JS ❗️با Live server باز کنید #جاوا_اسکریپت #JS #mini_project با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖ ꧁channel | group꧂ studioamozesh.com

2 045

بازی مین روب (Minesweeper) در دهه ی ۱۹۹۰ راه مفرحی برای وقت گذرانی بود اما نمی دانستیم که این بازی یک مهارت مهم را مخفیانه به ما یاد می داد؛ اینکه چطور از موس استفاده کنیم. توسعه دهندگان ویندوز می خواستند دقت و سرعت کاربران کامپیوتر هنگام استفاده از موس را بالا ببرند. و بازی مین روب بهترین راه برای تمرین کلیک های چپ و راست و آشنایی با قابلیت کشیدن و رها کردن (Drag and Drop) با موس بود. با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🔰کلاس ها در جاوا اسکریپت(قسمت اخر): 🌀وراثت چندگانه(Multiple Inheritance) جاوا اسکریپت به طور مستقیم از وراثت چندگانه پشتیبانی نمی‌کند، اما می‌توان از ترکیب کلاس‌ها با استفاده از mixins بهره برد.

const CanFly = (Base) => class extends Base {
    fly() {
        console.log(`${this.name} is flying.`);
    }
};

const CanSwim = (Base) => class extends Base {
    swim() {
        console.log(`${this.name} is swimming.`);
    }
};

class Animal {
    constructor(name) {
        this.name = name;
    }
}

class Duck extends CanFly(CanSwim(Animal)) {}

const donald = new Duck('Donald');
donald.fly(); // Donald is flying.
donald.swim(); // Donald is swimming.

#جاوا_اسکریپت #class با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🔰Git commands #git با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🔰طراحی یک ماشین حساب ساده با جاوا اسکریپت

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ماشین حساب</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="calculator">
        <input type="text" id="display" disabled />
        <div class="buttons">
            <button onclick="clearDisplay()">C</button>
            <button onclick="appendToDisplay('7')">7</button>
            <button onclick="appendToDisplay('8')">8</button>
            <button onclick="appendToDisplay('9')">9</button>
            <button onclick="appendToDisplay('/')">/</button>
            <button onclick="appendToDisplay('4')">4</button>
            <button onclick="appendToDisplay('5')">5</button>
            <button onclick="appendToDisplay('6')">6</button>
            <button onclick="appendToDisplay('*')">*</button>
            <button onclick="appendToDisplay('1')">1</button>
            <button onclick="appendToDisplay('2')">2</button>
            <button onclick="appendToDisplay('3')">3</button>
            <button onclick="appendToDisplay('-')">-</button>
            <button onclick="appendToDisplay('0')">0</button>
            <button onclick="calculateResult()">=</button>
            <button onclick="appendToDisplay('+')">+</button>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0;
}

.calculator {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#display {
    width: 100%;
    height: 40px;
    font-size: 24px;
    text-align: right;
    margin-bottom: 10px;
}

.buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}

button {
    height: 40px;
    font-size: 18px;
    cursor: pointer;
}

function appendToDisplay(value) {
    const display = document.getElementById('display');
    display.value += value;
}

function clearDisplay() {
    const display = document.getElementById('display');
    display.value = '';
}

function calculateResult() {
    const display = document.getElementById('display');
    try {
        display.value = eval(display.value);
    } catch (error) {
        display.value = 'خطا';
    }
}

#html #css #جاوا_اسکریپت با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

هر چند Docker یجورایی حلش کرده ، ولی خدایی حقه😂😂😂 #fun با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

🔰کلاس ها در جاوا اسکریپت(قسمت نهم): 🌀متدهای سازنده پیش‌فرض اگر یک کلاس سازنده‌ای نداشته باشد، جاوا اسکریپت به طور خودکار یک سازنده پیش‌فرض ایجاد می‌کند.

class DefaultConstructor {
    sayHello() {
        console.log('Hello!');
    }
}

const obj = new DefaultConstructor();
obj.sayHello(); // Hello!

#جاوا_اسکریپت #class با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂

2 045

Objects in javascript #pdf #js #object با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖ ꧁channel | group꧂ studioamozesh.com

2 045

🔰سه تکه کد کاربردی در فرانت اند #html #css #js با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂