مفهوم  Event Bubblin در جاوا اسکریپت چطوریاست ؟ 🧐


خب رفقا اول کار بدون اینکه مقدمه چینی کنم خدمت شما میریم سر اصل مطلب .

🔹 ببیند دوستان ، به حبابی از رویداد ها در جاوا اسکریپت  که وقتی شما  چندین رویداد رو برای انواع مختلف از المنت هاتون ست میکنید، اگر دو المنت پدر و فرزند رو براشون یک رویداد مشابه تعریف کنید که دارن کار متفاوتی رو انجام میدن حبابی از رویداد ها رخ میده که ممکنه باعث بوجود اومدن مشکلاتی در وبسایتتون بشه

• یه مثال کلامی میزنم ، برای مثال در نظر داشته باشین که ما دو المنت فرزند و پدر باتن و دیو رو کنار هم داریم ما برای هردوشون دوتا رویداد کلیک تعریف کردیم که کار متفاوتی رو انجام میدن و در صورتی که کاربری روی دکمه کلیک کنه رویداد ابتدا برای دکمه و سپس در دیو پدیدار میشه ،  باید برای جلوگیری از این موضوع، پارامتر پاس داده شده به تابع رویدادمون ازش کمک بگیریم ، این پارامتر یه متودی داره که میتونه این کار رو برای ما انجام بده . 

حالا که اصلا فهمیدیم قضیه از چه قراره !

پیشنهاد میکنم حتما چند نمونه مثال عملی و کامل رو مشاهده و حل کنید !!

❕ دوستان ، پیشنهاد میکنم حتما این مقاله زبان فارسی از وبسایت ویرگول رو مشاهده کنید ، طبق تحقیقی که داشتیم میکردیم دیدیم مثال های خیلی خوب و طولانی رو براتون زده حتما مشکلتون حل میشه !

پس مثال هارو من براتون قرار نمیدم حتما پیشنهاد میکنم چندین مثال متفاوت رو از اینجا ببینید که شک نکنید کامل مشکلتون حل میشه

🌐 Open link service

#Event_Bubblin #پست_پیشنهادی
☕️ @CodeExplore

🔥 Advanced JavaScript

😎 اگر به دنبال یک زبان برنامه نویسی برای توسعه برنامه‌های انعطاف پذیر و کارآمد هستید، جاوا اسکریپت انتخابی واضح است. کتاب Advanced JavaScript یک راهنمای عملی است که شما را با جاوا اسکریپت و ویژگی‌های متعدد آن به صورت گام به گام آشنا می‌کنه . شما با یادگیری چگونگی استفاده از نحو جدید جاوا اسکریپت در ES6 شروع می‌کنید و سپس با بسیاری از ویژگی‌های دیگری که جاوا اسکریپت مدرن ارائه میده کار خواهید کرد. همانطور که در فصل‌ها پیش می‌روید، از برنامه‌نویسی ناهمزمان با callback‌ها و promise‌ها استفاده می‌کنید، رویدادهای مرورگر را مدیریت می‌کنید، و دستکاری Document Object Model (DOM) را انجام خواهید داد. همچنین روش‌های مختلف آزمایش پروژه‌های جاوا اسکریپت را بررسی خواهید کرد.

#book
☕️ @CodeExplore

کد زدن توی سی پلاس پلاس 🤦‍♂

#fun
☕️ @CodeExplore

پراپرتی Justify Content در CSS !! 🔥

دوستانی که به تازگی با با ماژول های flexBox و سیستم Grid آشنا شدند ، حتما پیشنهاد میکنم مهم ترین پراپرتی مشترک بین این دو رو ، با دیدن این ویدیو کامل درک کنند !

#Grid #flex
☕️ @CodeExplore

پادکست های جذاب ! 👌

پیشنهاد میکنم حتما وارد این سایت ها بشین و پادکست های مورد نظر رو گوش بدین

طبق تحقیقی که کردیم خیلی پادکست های پرکاربردی هستن حتما یه سری بهشون بزنید ، شدیدا پیشنهاد میکنیم !

#podcast
☕️ @CodeExplore

افزونه های کاربردی کروم برای توسعه دهندگان سمت وب ! 👌

دوستان پیشنهاد میکنم حتما از این افزونه های رسمی استفاده کنید خیلی کاربردی هستن

#extension
☕️ @CodeExplore

هکر کلاه سفید ( اخلاقی ) ! 🔐⚪️

دوستانی که علاقه دارن در زمینه هک و امنیت فعالیت کنند و به صورت یک هکر کلاه سفید عمل کنند ، حتما پیشنهاد میکنم این کانال های یوتیوب رو از دست ندین !

#Hacker #Whit_Hat #security
☕️ @CodeExplore

فرایند هشتگ در کد اکسپلور ! 🔥

دوستان سلام وقتتون بخیر ، امیدواریم شاد و سلامت باشید 🙏

دوستان میدونیم که همتون از این فرایند باخبر هستید ، توجه داشته باشید که برای اینکه اگر شما بخواین پست های مرتبط با موضوعی که در نظر دارید رو به صورت پشت سر هم پیدا کنید

فقط کافیه داخل بخش سرچ کانال موضوع خودتون رو به این شکل سرچ کنید

برای مثال اگر هدفتون این باشه تمامی پست های فانی که ما براتون قرار دادیم رو بهشون به صورت مرتب دسترسی پیدا کنید فقط کافیه !

#fun

رو سرچ و یا کلیک کنید تا به پست های مربوط دسترسی پیدا کنید .

موفق باشید 👌🙏

با کد اکسپلور یاد بگیر، لذت ببر و بروز باش ⚡️😉

#CodeExplore
☕️ @CodeExplore

😅👌

#fun
☕️ @CodeExplore

✍️ پرینت کردن hello world در ۳ تا از زبان های عجیب!

👀 -خب توی این پست با سه زبان عجیب آشنا میشیم. یک زبان اسمش cow هست؛ یک زبان اسمش brainfuck هست و یک زبان دیگر اسمش malbolge هستش.

1️⃣-زبانی که توی تصویر میبینید مربوط به زبان cow هست ! شاید برای هممون عجیب باشه که واقعا چرا باید همچین زبانی درست بشه؟! شاید در نگاه اول جواب قانع کننده ای نباشه، ولی با یکم تحقیق متوجه میشیم که این زبان ها بیشتر باعث ایجاد خلاقیت در ما میشن! کی فکرشو میکرد نوشتن یه hello world بشه انقدر سخت باشه؟

2️⃣-زبان بعدی زبان brainfuck هست که درسته اینم نامفهومه ولی حداقلش میشه گفت یه ظاهر زیبایی داره 😁 (شاید هم نه)

++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.

3️⃣-و زبان آخر واقعا دیگه نه مفهومی داره و نه زیبایی ای😂 بیشتر یاد انتخاب کردن یوزرنیم توی بچگیامون میوفتیم...

(=<#9]~6ZY327Uv4-QsqpMn&+Ij"'E%e{Ab~w=_:]Kw%o44Uqp0/Q?xNvL:H%c#DD2^WV>gY;dts76qKJImZkj

#پست_پیشنهادی
#programming_languages
☕️ @CodeExplore

فکر کنم کمتر کسی باشه با افزونه Live Preview آشنا باشه 🤔 :

افزونه Live Preview تو VSCode یک ابزار قدرتمندی هست که به شما این امکان رو میده تا در حالت زنده نتایج تغییرات خودتون را تو صفحات وب مشاهده کنید🤓 با استفاده از این افزونه، شما می تونید به سرعت و به راحتی تغییرات خودتون رو در کدهای HTML، CSS و JavaScript ببینید و بررسی کنید 🤙

•••••••••••••••••••••••••••••••••••••••••••••••••••••••••

برای استفاده از افزونه Live Preview، مراحل زیر رو باید انجام بدید 👇:

1) نصب و فعالسازی : برای نصب افزونه، اول به قسمت Extensions تو VSCode برید و "Live Preview" رو سرچ کنید. بعدش اون رو نصب و فعال کنید🙈

2) باز کردن فایل HTML : فایل HTML خودتون رو تو VSCode باز کنید 😌

3) شروع پیش نمایش : برای شروع پیش نمایش، روی دکمه "Go Live" در پایین سمت چپ صفحه کلیک کنید. یک پنجره جدید با آدرس URL لوکال شما باز میشه 😉

4) مشاهده تغییرات: هرگاه تغییرات خودتون رو تو فایل HTML اعمال کردید، صفحه پیش نمایش به طور خودکار بروزرسانی میشه و بعدش تعغیرات جدید رو نشون میده ✌️

5) توقف پخش : برای توقف پخش، دکمه "Stop" در پانل Live Server در VSCode کلیک کنید حتما 🤟

دوستان با استفاده از این افزونه دیگه لازم نیست داخل مرورگر خروجی رو ببینیم و می تونیم تو همون VSCode ببینیم 😎

اگه روش بالا جوابگو نبود براتون از روش زیر استفاده کنید حتما 👇 :

باید رو HTML التون کلیک راست کنید و گزینه show preview رو بزنید ✌️

👈 برای دانلود افزونه Live Preview کلیک کنید

#extension #live_preview #vscode
☕️ @CodeExplore

👀 واقعیت محض در مورد موفقیت 💪


❗️ همه فقط بخش این قسمت آخرشیو می بیننن و بعد میگن شانسی بوده ، باباش فلان بوده و ....

✅ ولی همه چیز تو این دنیا فقط به تلاش خود انسان بستگی دارد 😎

☕️ @CodeExplore

🌟 جذاب‌ترین تگ ها در html

➕ تگ datalist
تگ <datalist> یک لیست از گزینه های از قبل تعریف شده برای یک عنصر <input> مشخص می کنه

➕ تگ progress
تگ progress یک نوار پیشرفت را برای نشان دادن میزان تکمیل یک کار یا فرآیند ایجاد می‌کنه. این تگ یک عنصر بلوک هست و میتونه در هر مکانی در سند HTML قرار بگیره

➕ تگ mark
تگ mark یک متن علامت‌گذاری‌ شده را مشخص می‌کنه. این تگ برای برجسته‌ سازی یا هایلایت کردن متنی استفاده میشه که برای کاربر مهم یا مرتبط هست.

➕ تگ dialog
تگ dialog یک باکس گفتگو یا دیالوگ را تعریف می‌کنه ، این تگ برای نمایش پیام‌ها، اعلان‌ها، فرم‌ها و سایر محتوای تعاملی به کاربران استفاده میشه

➕ تگ map
تگ map هم که خیلی ها باهاش آشنا هستیم ، یک نقشه تصویری یا image-map را تعریف می‌کنه. نقشه تصویری تصویری است که نواحی مختلف آن قابل کلیک کردن هست. تگ map معمولا با تگ img ترکیب شده و با استفاده از ویژگی‌های name و usemap با تگ img مرتبط میشه

#tag #html #vscode #programming
☕️ @CodeExplore

6 موضوع غیر فنی که توسعه دهندگان باید بدانند ! ⭐️

❕ دوستان خیلی سریع میرم سر اصل مطلب !

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

1 از دست دادن تمرکز در جلسات

وقتی به تازگی شروع کردین ممکنه تمرکز خوبی نداشته باشید

2 عدم توانایی صحبت کردن در جلسات

سعی نکنید هیچ وقت شنوده باشید ، باید 90 درصد گوینده باشید

3 رشد خلاقانه

خلاقانه رشد کنید ، و خودتون رو دست کم نگیرید ، چون اون کسی هم که پیشرفت کرده ، از اول پیشرفته نبوده !

4 ایجاد انگیزه

گاهی اوقات با بالاترین پتانسیل کار انجام بدین چرا ؟ چون انگیزه خیلی مهمه

5 نوشتن و مستندسازی

سعی کنید همیشه مستند سازی کنید ، چون داخل کار حجم بزرگی از دیتا وجود داره و باعث مشکلاتی میشه

6 دست کم گرفتن

هیچ وقت خودتون رو دست کم نگیرید درسته مهندس های خیلی زیادی وجود دارد اما باید تلاش کرد

#work #failure
☕️ @CodeExplore

دوستان ببینید چقدر نخبه مهاجرت کردن که جامعه استارت آپی ایرانی واسه خودشون تشکیل دادن

دوستان کوشیار جزء موفق ترین افرادی بودند که از کشورمون مهاجرت کردند و الان در حال راه انداختن استارت آپ خودشون هستند 👌👌

همه ی این دوستان که مهاجرت کردند جزء افتخارات ما ایرانیا هستند🔥

#koshiar
@CodeExplore