پراپرتی 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

وقتی دنبال یه اسم معنی دار برای متغیر میگردم 😅😂

#fun
☕️ @CodeExplore

هک اخلاقی کلاه سفید ، هکر غیر اخلاقی کلاه سیاه  🥷🧝

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

خب قراره بابت فرق بین دو هکر صحبت کنیم

ببینیم فرقشون چیه ؟🧐

هکر کلاه سفید ( اخلاقی ) چه کسانی هستن  : ببینید دوستان به هکری که هدفش امنیت کاربران سراسر اینترنت و تست امنیت سیستم های مختلف در برابر هکر های کلاه سیاه باشد رو دارند و دشمن سرسخت این هکر ها ، کسی نیست جز هکر های کلاه سیاه که به مقدار سر سخت تر از هکر های کلاه سفید هستند ، اما یه دلیل حمایت افراد مختلف از این ها در اکثر اوقات در کار موفق هستند .

هکر کلاه سیاه ( غیر اخلاقی ) چه کسانی هستن : این نوع هکر ها همینطور که از اسمشون پیداست ، هدفشون نا امن کردن سراسر اینترنت است ، و سوع استفاده از افراد ، نهاد ها و سیستم های بانکی و ... می باشد  ، آن‌ها ممکن است بدافزارهایی را منتشر کنند که به فایل‌ها آسیب بزند، رایانه‌ها را قفل کند یا رمز عبور، اطلاعات بانکی و سایر اطلاعات شخصی را به سرقت ببرد.

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

⚠️ به چشمان خود اعتماد نکنید!

➖هکرها می توانند با رجیستر کردن یک دامنه جعلی با کاراکترهای سیریلیک (Cyrillic) مشابه نام دامنه شما با حملات فیشینگ اقدام به نشت توکن های OAuth دامنه شما و انتقال آن به دامنه تحت کنترل خود شوند تا از این راه بتوانند دسترسی غیرمجاز به مشخصات و داده های حساب کاربری سازمان شما برای خودشان ایجاد کنند.

➖مثلا به دو دامنه زیر دقت کنید. کاراکتر a در هر دو مشابه هم است اما در دومی از کاراکتر а سیریلیک استفاده شده است و عملا دو دامنه متفاوت هستند.


Original:
https://hai.com

Fake (Cyrillic):
https://hаi.com

#security
☕️ @CodeExplore