- بوت کمپ رایگان برنامه نویسی در 4 ساعت🔥-
1. محتوای این دوره:
• یادگیری طراحی قالب لندینگ پیج با HTML و CSS.
• آموزش کار با نرمافزار UI/UX فیگما.
• اصول نامگذاری کلاسها و ساختاردهی سند HTML.
• ایجاد سیستم گرید و موارد دیگر...
2. مخاطبان دوره:
• افرادی که میخواهند طراحی قالب را به صورت اصولی و واکنشگرا یاد بگیرند.
3. سطح دوره:
• سطح میانه (Middle).
4. پیشنیازها:
• آشنایی با HTML, CSS, Flexbox, JS
5. نکات مهم:
• استفاده از جدیدترین تکنولوژیها و ابزارها.
• داشتن پیش نیاز ها الزامی نیست و در طول دوره اموزش داده میشود.
#htmlcss
Channel: @JSKernel
1. محتوای این دوره:
• یادگیری طراحی قالب لندینگ پیج با HTML و CSS.
• آموزش کار با نرمافزار UI/UX فیگما.
• اصول نامگذاری کلاسها و ساختاردهی سند HTML.
• ایجاد سیستم گرید و موارد دیگر...
2. مخاطبان دوره:
• افرادی که میخواهند طراحی قالب را به صورت اصولی و واکنشگرا یاد بگیرند.
3. سطح دوره:
• سطح میانه (Middle).
4. پیشنیازها:
• آشنایی با HTML, CSS, Flexbox, JS
5. نکات مهم:
• استفاده از جدیدترین تکنولوژیها و ابزارها.
• داشتن پیش نیاز ها الزامی نیست و در طول دوره اموزش داده میشود.
#htmlcss
Channel: @JSKernel
❤🔥5
اگه هیچ موتور جاوااسکریپتی وجود نداشته باشه، جاوااسکریپت اجرا نمیشه!
پس کد داخل عکس بالا چطور داره کار میکنه یعنی VS Code هم یه Engine JS داره؟
مطالعه این بخش اختیاری:
📌 نتیجه:
جاوااسکریپت به موتور خاصی محدود نیست، بلکه به محیطی نیاز داره که موتور جاوااسکریپت توش اجرا باشه. مثلاً:
در مرورگرها: هر مرورگر موتور خاص خودش رو داره.
در سرورها: معمولاً از V8 در Node.js یا Deno استفاده میشه.
در نهایت، چیزی که اهمیت داره، اخرین استاندارد ECMA هست که تمام موتورهای جاوااسکریپت باید ازش پیروی کنن.
#engine #js
پس کد داخل عکس بالا چطور داره کار میکنه یعنی VS Code هم یه Engine JS داره؟
نه اینطور نیست VS Code فقط یه ادیتور پیشرفته هست و Engine داخلی نداره، بلکه به یه Engine خارجی وابسته هست.
وقتی شما کد رو اجرا میکنید، VS Code معمولاً از Node.js (که از موتور V8 استفاده میکنه) برای اجرای کد جاوااسکریپت کمک میگیره.
به همین دلیل، برای اجرای جاوااسکریپت در VS Code، باید Node.js روی سیستمتون نصب باشه.
در غیر این صورت کد فقط بهعنوان یک متن ساده در ویرایشگر باقی میمونه.
مطالعه این بخش اختیاری:
موتورهای معروف جاوااسکریپت:
V8, SpiderMonkey, JavaScriptCore (Nitro), Chakra, Deno
📌 نتیجه:
جاوااسکریپت به موتور خاصی محدود نیست، بلکه به محیطی نیاز داره که موتور جاوااسکریپت توش اجرا باشه. مثلاً:
در مرورگرها: هر مرورگر موتور خاص خودش رو داره.
در سرورها: معمولاً از V8 در Node.js یا Deno استفاده میشه.
در نهایت، چیزی که اهمیت داره، اخرین استاندارد ECMA هست که تمام موتورهای جاوااسکریپت باید ازش پیروی کنن.
#engine #js
Channel: @JSKernel
🆒4
👍3
چالش JavaScript 🚀
یه لیست از اسم افراد داریم. حالا میخوایم همه مقادیر رو یکییکی از آخر لیست حذف کنیم و تو یه آرایه جدید ذخیره کنیم تا لیستی از اسامی حذف شده داشته باشیم.
مراحل:
• همه اسامی رو از لیست اصلی حذف کنید.
• هر کسی که حذف میشه، توی یه لیست جدید ذخیره بشه.
• آخرش هر دو لیست رو توی کنسول چاپ کنه.
اگر آرایه اولیه شما به صورت زیر باشه:
خروجی نهایی باید چیزی شبیه این باشه:
نکته: از متد pop استفاده کنید!
آزادید از حلقه یا حتی به صورت دستی این کار رو انجام بدید! فقط راهحل خلاقانهتون رو تو بخش کامنتها به اشتراک بذارید.
کسایی که بلد نیستن میتونن از سرچ یا حتی ai کمک بگیرن.
#challenge #js
پاسخ در بخش کامندها
یه لیست از اسم افراد داریم. حالا میخوایم همه مقادیر رو یکییکی از آخر لیست حذف کنیم و تو یه آرایه جدید ذخیره کنیم تا لیستی از اسامی حذف شده داشته باشیم.
مراحل:
• همه اسامی رو از لیست اصلی حذف کنید.
• هر کسی که حذف میشه، توی یه لیست جدید ذخیره بشه.
• آخرش هر دو لیست رو توی کنسول چاپ کنه.
اگر آرایه اولیه شما به صورت زیر باشه:
const friends = ['Ali', 'Reza', 'Sara', 'Nima'];
خروجی نهایی باید چیزی شبیه این باشه:
Removed Items: ['Nima', 'Sara', 'Reza', 'Ali']
Original Array: []
نکته: از متد pop استفاده کنید!
آزادید از حلقه یا حتی به صورت دستی این کار رو انجام بدید! فقط راهحل خلاقانهتون رو تو بخش کامنتها به اشتراک بذارید.
کسایی که بلد نیستن میتونن از سرچ یا حتی ai کمک بگیرن.
#challenge #js
Channel: @JSKernel
پاسخ در بخش کامندها
👍3
JSKernel
چالش JavaScript 🚀 یه لیست از اسم افراد داریم. حالا میخوایم همه مقادیر رو یکییکی از آخر لیست حذف کنیم و تو یه آرایه جدید ذخیره کنیم تا لیستی از اسامی حذف شده داشته باشیم. مراحل: • همه اسامی رو از لیست اصلی حذف کنید. • هر کسی که حذف میشه، توی یه لیست…
خب زیاد که استقبال نشد از این حرکت ولی خب فعلا همین طور چالش میزارم.
تا ببینم یه پلن پیدا میکنم بتونم چالش و جوری برگذار کنم که از ai کسی کمک نگیره و یه جایزه برای برنده در نظر بگیریم
تا ببینم یه پلن پیدا میکنم بتونم چالش و جوری برگذار کنم که از ai کسی کمک نگیره و یه جایزه برای برنده در نظر بگیریم
👍5
🚨 افزونه Material Theme از VS Code حذف شد!
ماجرا از این قراره که دو روز پیش یکی از کاربرا با یه بررسی، متوجه شد که این افزونه کدهای مشکوک و مخرب داره. تیم امنیتی مایکروسافت هم که این رو بررسی کردن، گفتن حق با این کاربره و افزونه رو از VS Code حذف کردن.
یه سری هم گفتن چرا مایکروسافت خودش افزونهها رو چک نمیکنه و فقط منتظر گزارشای کاربرا میمونه؟
بعضیها هم گیر دادن به این موضوع که VS Code محیط امنی نداره و هر کدی میتونه راحت روی سیستم اجرا بشه.
یه عده هم گفتن که از نرمافزار رایگان و متنباز نباید توقع امنیت کامل داشت.
article
VS Code 1.97 Update
@JSKernel
ماجرا از این قراره که دو روز پیش یکی از کاربرا با یه بررسی، متوجه شد که این افزونه کدهای مشکوک و مخرب داره. تیم امنیتی مایکروسافت هم که این رو بررسی کردن، گفتن حق با این کاربره و افزونه رو از VS Code حذف کردن.
یه سری هم گفتن چرا مایکروسافت خودش افزونهها رو چک نمیکنه و فقط منتظر گزارشای کاربرا میمونه؟
بعضیها هم گیر دادن به این موضوع که VS Code محیط امنی نداره و هر کدی میتونه راحت روی سیستم اجرا بشه.
یه عده هم گفتن که از نرمافزار رایگان و متنباز نباید توقع امنیت کامل داشت.
article
VS Code 1.97 Update
@JSKernel
❤2
JSKernel
🚨 افزونه Material Theme از VS Code حذف شد! ماجرا از این قراره که دو روز پیش یکی از کاربرا با یه بررسی، متوجه شد که این افزونه کدهای مشکوک و مخرب داره. تیم امنیتی مایکروسافت هم که این رو بررسی کردن، گفتن حق با این کاربره و افزونه رو از VS Code حذف کردن. یه…
در آینده از نصب هر پروژهای که توسط equinusocio داخل گیتهاب ساخته یا مشارکت شده پرهیز کنین.
فعالیت ها:
github.com/equinusocio
opencollective.com/equinusocio
پروژه ها و مشارکت ها:
github.com/material-theme
www.astorinomattia.com
www.material-theme.dev
www.npmjs.com/~equinusocio
https://github.com/moxer-theme/
medium.com/@equinusocio
dev.to/equinusocio
vscodethemes.com/e/Equinusocio.vsc-material-theme/material-theme
مقاله های خبری:
dev.to/thepyrotv/stop-using-material-theme-in-vscode-38pi
t3.gg/blog/post/equinusocio
@JSKernel
فعالیت ها:
github.com/equinusocio
opencollective.com/equinusocio
پروژه ها و مشارکت ها:
github.com/material-theme
www.astorinomattia.com
www.material-theme.dev
www.npmjs.com/~equinusocio
https://github.com/moxer-theme/
medium.com/@equinusocio
dev.to/equinusocio
vscodethemes.com/e/Equinusocio.vsc-material-theme/material-theme
مقاله های خبری:
dev.to/thepyrotv/stop-using-material-theme-in-vscode-38pi
t3.gg/blog/post/equinusocio
@JSKernel
ظاهرا فایلی که توش دوره رو یکجا قرار دادم و اون بخش هایی که جدا اپلودشون کردم مشکلی توی صدا داره.
تا جایی که میدونم من برای گرفتن نویز صدا ویدئوهای دوره از ai های elevenlabs و adobe podcast استفاده کردم.
بعد از نویز گیری باعث میشد صدا شکافته بشه و بیوفته مثلا سمت چپ دستگاه و از یه طرف فقط صدا بیاد.
انگار همین موضوع باعث شده اون دسته از افرادی که لپ تاپ یا حتی تلفن و تبلت شون یدونه اسپیکر داره کلن صدا براشون در نیاد.
اون موقع که این اتفاق بعد از نویز گیری صدا میوفتاد متوجه میشدم ولی نمیدونستم ممکنه همچین مشکلی رو رقم بزنه.
حالا این اتفاق از شروع بخش دوم دوره پیش اومده و بخش اول مشکلی نداره.
سعی میکنم و مشکل و بر طرف کنم. انگار مجبورم دوره رو دوباره ادیت بزنم یا همون صدا رو بدون نویز گیری بندازم رو بخش ادیت شده.
واقعا بابت مشکلی که پیش اومده عذر خواهی میکنم 🙏
ممنون میشم پیشنهاد بدید چطور رفع کنم این مشکلو ❤️
تا جایی که میدونم من برای گرفتن نویز صدا ویدئوهای دوره از ai های elevenlabs و adobe podcast استفاده کردم.
بعد از نویز گیری باعث میشد صدا شکافته بشه و بیوفته مثلا سمت چپ دستگاه و از یه طرف فقط صدا بیاد.
انگار همین موضوع باعث شده اون دسته از افرادی که لپ تاپ یا حتی تلفن و تبلت شون یدونه اسپیکر داره کلن صدا براشون در نیاد.
لپ تاپ خود بنده 4 تا اسپیکر داره و فقط از دوتای سمت چپ صدا در میاد. با هنذفری و هدفون هم به همین صورته.
اون موقع که این اتفاق بعد از نویز گیری صدا میوفتاد متوجه میشدم ولی نمیدونستم ممکنه همچین مشکلی رو رقم بزنه.
حالا این اتفاق از شروع بخش دوم دوره پیش اومده و بخش اول مشکلی نداره.
سعی میکنم و مشکل و بر طرف کنم. انگار مجبورم دوره رو دوباره ادیت بزنم یا همون صدا رو بدون نویز گیری بندازم رو بخش ادیت شده.
واقعا بابت مشکلی که پیش اومده عذر خواهی میکنم 🙏
ممنون میشم پیشنهاد بدید چطور رفع کنم این مشکلو ❤️
❤1
JSKernel
ظاهرا فایلی که توش دوره رو یکجا قرار دادم و اون بخش هایی که جدا اپلودشون کردم مشکلی توی صدا داره. تا جایی که میدونم من برای گرفتن نویز صدا ویدئوهای دوره از ai های elevenlabs و adobe podcast استفاده کردم. بعد از نویز گیری باعث میشد صدا شکافته بشه و بیوفته…
هنوز به صورت قطعی مطمئن نیستم و ممنون میشم اگه فایل بخش دوم رو دانلود کنید و گزارش بدین مشکلی داره یا نه.
و این که بگین دستگاهی که استفاده میکنید چیه و چند تا اسپیکر داره یدونه یا دوتا.
و این که بگین دستگاهی که استفاده میکنید چیه و چند تا اسپیکر داره یدونه یا دوتا.
مثلا اگه خروجی اسپیکر لپ تاپ شما خطی و یک نواخت باشه مشخصه به احتمالی یدونه یا دوتا اسپیکر کنار هم دیگه داره ولی اگه مثلا سمت چپ و راست زیر دستگاه یا هر جای دیگش خروجی اسپیکر قرار داره این یعنی به احتمالی 2 یا 4 یا حتی 6 تا اسپیکر دارین که از هم دیگه جدا هستن.
❤1
JSKernel
هنوز به صورت قطعی مطمئن نیستم و ممنون میشم اگه فایل بخش دوم رو دانلود کنید و گزارش بدین مشکلی داره یا نه. و این که بگین دستگاهی که استفاده میکنید چیه و چند تا اسپیکر داره یدونه یا دوتا. مثلا اگه خروجی اسپیکر لپ تاپ شما خطی و یک نواخت باشه مشخصه به احتمالی…
آقا این دوستمون که گزارش اینو داده بود انگار گوش چپ هدفونش مشکل داشته و از اون جایی هم که صدا فقط از سمت چپ دستگاه میاد این بنده خدا هم فکر کرده صدا نداره😂
در کل مشکلی تو صدای فایل ها نیست.
در کل مشکلی تو صدای فایل ها نیست.
👍3
جفدشون دارن اشتباه میکنن
تفاوتش فقط اینه که اگه داخل تابع trunc باشه اول عدد اضافه میشه بعد اعشار حذف میشه و اگه بیرون تابع trunc باشه برعکس.
تفاوتش فقط اینه که اگه داخل تابع trunc باشه اول عدد اضافه میشه بعد اعشار حذف میشه و اگه بیرون تابع trunc باشه برعکس.
JSKernel
جفدشون دارن اشتباه میکنن تفاوتش فقط اینه که اگه داخل تابع trunc باشه اول عدد اضافه میشه بعد اعشار حذف میشه و اگه بیرون تابع trunc باشه برعکس.
جالب اینه claude داره میگه روش دوم بازه 1 تا 21 و میده
سلام👋
فعالیت چنل یوتوبمون شروع شده.
https://www.youtube.com/@JSKernel
کسایی که دوره رو دانلود نکردن میتونن از اینجا تماشا کنن.
از چنل یوتوبمون حمایت کنید دوستان❤️
به زودی فعالیت توی تلگرام هم از سر گرفته میشه🦾
فعالیت چنل یوتوبمون شروع شده.
https://www.youtube.com/@JSKernel
کسایی که دوره رو دانلود نکردن میتونن از اینجا تماشا کنن.
از چنل یوتوبمون حمایت کنید دوستان❤️
به زودی فعالیت توی تلگرام هم از سر گرفته میشه🦾
👍6❤1
توی این مقاله اومده 30 تا از توزیع های محبوب لینوکس رو با بازخورد کاربراش بررسی کرده:
https://dev.to/mshojaei77/top-30-most-popular-linux-distributions-july-2025-11fk
#linux
https://dev.to/mshojaei77/top-30-most-popular-linux-distributions-july-2025-11fk
#linux
@JSKernel
❤🔥1
یه لیست از چیت شیت دستورات لینوکسی شامله شش فصل:
https://quera.org/college/cheatsheet/linux
#linux
https://quera.org/college/cheatsheet/linux
#linux
@JSKernel
❤🔥2
https://www.youtube.com/watch?v=6nycSb_ommQ
قسمت 23 دوره در یوتوب
قسمت 23 دوره در یوتوب
YouTube
آموزش طراحی قالب فروشگاهی - قسمت بیست و سوم
درباره دوره:
توی این دوره، طراحی یه صفحه لندینگ فروشگاهی رو با HTML، CSS و JavaScript در پیش داریم. طرح از یه UI Kit رایگان "Shopping Website" فیگما، طراحی شده توسط Nickelfox Design (تحت لایسنس CC BY 4.0) گرفته شده.
لینک UI Kit:
https://www.figma.com/co…
توی این دوره، طراحی یه صفحه لندینگ فروشگاهی رو با HTML، CSS و JavaScript در پیش داریم. طرح از یه UI Kit رایگان "Shopping Website" فیگما، طراحی شده توسط Nickelfox Design (تحت لایسنس CC BY 4.0) گرفته شده.
لینک UI Kit:
https://www.figma.com/co…