تو این سایت شما میتونید با بازی کردن در یک مزرعه، کل CSS Grid و مثل آب خوردن یاد بگیرید
حتما بهش سر بزنید
#css #grid
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👌1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁8🔥2
در واقع Gulp یک تولکیت متن باز و رایگانه که توسط آقای Eric Schoffstall به زبان جاوا اسکریپت نوشته شده. Gulp یک Build System یا Task Manager برای محیط Node.Js و پکیج منیجر npm هست.
به کمک Gulp میشه یک سری کارهای تکراری و زمانبرو به صورت اتوماتیک انجام داد. به این ترتیب کار برنامه نویس کمی سبکتره و سرعت اجرای پروژه تا حد زیادی بالا میره. کارهایی مثل فشرده سازی کدها، بهینه سازی، Unit Testing، تبدیل فایل Sass به CSS، فشرده کردن تصاویر، ساخت محیط لوکال هاست و ... به کمک Gulp به سادهترین شکل ممکن انجام میشن.
کافیه Gulp رو نصب کنیم تا این ابزار کارهای این چنینی رو برای ما به صورت اتوماتیک انجام بده.
و ...
برای یادگیری این تولکیت میتونید به داکیومنتش مراجعه کنید
Document
#gulp #toolkit
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡6🔥3
دنبال یه اکستنشن میگردی که پیشنهاد کد بهت بده؟ بتونی باهاش صحبت کنی و کدت رو دیباگ کنه؟ پس با ۴ اکستنشن زیر آشنا شو 📖
🔵 BlackBox
🔵 Chat-gpt
🔵 Codeium
🔵 Tabnine
#ai #vscode
@CodeModule
#ai #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2
۵ پستی که پیشنهاد میکنم از دست ندید 💀
🔵 اشتباهات مهلک در برنامه نویسی
🔵 نحوه صحیح نوشتن قرار داد با کارفرما
🔵 چگونه به فریلنسر بهتری تبدیل بشم؟
🔵 فریلنسری و درآمد دلاری
🔵 چرا لینکدین رو جدی بگیریم؟
#top
@CodeModule
#top
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡5🔥4
با نصب اکستنشن CodeSnap روی ادیتور Vscode، میتونید کد هاتون رو هایلایت شده و به صورت حرفه ای اشتراک گذاری کنید، و از روش های سنتی خلاص بشید
#extension #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡8🔥3
Westley_Knight_UX_for_Developers_How_to_Integrate_User_Centered.pdf
3.5 MB
آموزش UX برای برنامهنویسا 🔥
در همه ی سایت ها علاوه بر UX ،UI هم یکی از استاندارد هایی هست که رعایت کردنش خیلی مهم و حیاتی هست⚡️
توی این کتاب اصول و تکنیکهای طراحی برای بهبود تجربه کاربری، به صورت جامع و به مقداری که نیاز هست یک developer باهاش آشنا باشه رو یاد میگیرید.
#book #ux #design
@CodeModule
در همه ی سایت ها علاوه بر UX ،UI هم یکی از استاندارد هایی هست که رعایت کردنش خیلی مهم و حیاتی هست
توی این کتاب اصول و تکنیکهای طراحی برای بهبود تجربه کاربری، به صورت جامع و به مقداری که نیاز هست یک developer باهاش آشنا باشه رو یاد میگیرید.
#book #ux #design
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌7🔥3
هوش مصنوعی مد نظرتو پیدا نمیکنی؟ 🤔
این سایتی که بهتون معرفی میکنم، بالغ بر ۱۰ هزار ابزار هوش مصنوعی معرفی و دسته بندی کرده. پیشنهاد میکنم حتما یه سر بزنید🔥
🔵 https://aitoptools.com
#ai
@CodeModule
این سایتی که بهتون معرفی میکنم، بالغ بر ۱۰ هزار ابزار هوش مصنوعی معرفی و دسته بندی کرده. پیشنهاد میکنم حتما یه سر بزنید
#ai
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡5🔥3
با استفاده از اکستنشن Auto Rename Tag در VsCode، میتونید به صورت همزمان تگ های باز و بسته رو ادیت کنید و روش سنتی دونه دونه ادیت کردن و کنار بذارید. همچنین با این اکستنشن از احتمال بروز باگ جلوگیری میکنید
#extension #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
در واقع Deno.js یه محیط Runtime برای اجرای کدهای جاوااسکریپت و تایپ اسکریپت روی موتور V8 گوگل (همون موتوری که nodejs رو اجرا میکنه) هست. Denojs بهشت برنامه نویسای تایپ اسکریپته چرا که اتوماتیک کدهای Typescript رو به Javascript تبدیل میکنه و بعد اجراش میکنه
باید بگیم که مشکلاتی مثل Dependecy ها، کتابخانه ها، ماژول ها، ابزار tooling و امنیت رو رفع کرد و یه جورایی رقبایی که بخاطر این مشکلات برای جاوااسکریپت شاخ شدن رو یه بار دیگه از میدون خارج کرد.
چون Deno js نسبتا تازه معرفی شده و نسخه رسمیش ۴ ساله که اومده برای اثبات خودش نیاز به گذر زمان بیشتری داره تا بیشتر جواب پس بده و این مواردی که گفته شد بر اساس مستندات و گفته های توسعه دهنده هاشه.
#denojs #runtime #js
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7⚡3
مسأله های ریاضی با کتابخانه MathJs ⚡️
کتابخانه Math.js، یک کتابخانه جاوااسکریپتیه که امکان انجام عملیات ریاضیاتی پیشرفته رو در محیط مرورگر و یا Node.js فراهم میکنه. این کتابخانه امکاناتی مثل محاسبات عددی، جبر خطی، توابع ریاضیاتی پیچیده، اعمال ماتریسی و بسیاری از عملیات ریاضیاتی دیگه رو فراهم میکنه.
برخی از توابع این کتابخانه⬇️
🔵 evaluate
🔵 simplify
🔵 derivative
🔵 integral
🔵 subset
🔵 transpose
🔵 format
در صورتی که یک مسأله ریاضی خاص داخل پروژتون داشتید، به راحتی میتونید با این کتابخانه حلش کنید. در صورت تمایل به داکیومنتش سر بزنید🔥
Document🌐
#math
@CodeModule
کتابخانه Math.js، یک کتابخانه جاوااسکریپتیه که امکان انجام عملیات ریاضیاتی پیشرفته رو در محیط مرورگر و یا Node.js فراهم میکنه. این کتابخانه امکاناتی مثل محاسبات عددی، جبر خطی، توابع ریاضیاتی پیچیده، اعمال ماتریسی و بسیاری از عملیات ریاضیاتی دیگه رو فراهم میکنه.
برخی از توابع این کتابخانه
در صورتی که یک مسأله ریاضی خاص داخل پروژتون داشتید، به راحتی میتونید با این کتابخانه حلش کنید. در صورت تمایل به داکیومنتش سر بزنید
Document
#math
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡6🔥1👌1
در حوزه انجین های جاوا اسکریپت، شیوه کامپایل Just-In-Time (JIT)، اجرای کد رو متحول کرده و عملکردی رو افزایش میده که زبان های برنامه نویسی dynamic scripting رو به سرعت زبان های کامپایل شده نزدیک میکنه.
کامپایل سازی Just-In-Time تکنیکیه که به موجب اون کد جاوا اسکریپت در runtime به جای (AOT) به کد نیتیو ماشین کامپایل میشه. این رویکرد مزایای تفسیر (flexibility و portability) و کامپایل رو برای بهینه سازی سرعت اجرای کد ترکیب میکنه.
در حالی که مفسرهای سنتی کد منبع رو مستقیماً (و نسبتاً آهسته) میخونن و اجرا می کنن، موتورهای دارای JIT یک لایه اضافی ایجاد می کنن. موتورهای جاوا اسکریپت مثل V8 (Chrome)، SpiderMonkey (Firefox) و JavaScriptCore (Safari) کد بایت تفسیر شده رو دریافت میکنن و اون رو به سرعت در یک کد ماشینی سریعتر و بهینهسازی کامپایل میکنن که پردازنده میتونه کارآمدتر اجرا کنه.
کامپایل Just-In-Time یک تغییر بزرگ برای جاوا اسکریپت بوده و به دولوپرا این امکانو میده تا برنامه های کاربردی با کارایی بالا رو بدون از دست دادن راحتی و انعطاف زبان بنویسن. با کامپایل کردن کد در زمان اجرا، کامپایلرهای JIT مانند V8 و SpiderMonkey اطمینان حاصل می کنن که جاوا اسکریپت در دنیای پر سرعت توسعه وب رقابتی باقی میمونه، بدون اینکه دسترسی و تطبیق پذیری اون به خطر بیوفته. با پیشرفتهای مداوم در فناوری JIT، میشه انتظار داشت که موتورهای جاوا اسکریپت زمانهای اجرای سریعتریو ارائه بدن و همگام با منظره وب در حال تحول باشن.
#js #engine #jit
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2
نکاتی راجب سئو برای فرانت دولوپرا 💀
سئو خودش دنیای بزرگی داره و زیاد به فرانت کارا مربوط نمیشه، اما این وسط یه سری نکته ها هست که با رعایت کردنشون هنگام کد زدن، باعث میشه سایت ما حرفه ای تر و رتبه بهتری داشته باشه.
تو مقاله زیر، نکاتی راجب استاندارد های سئو در فرانتاند، شرح داده شده که پیشنهاد میکنم حتما یه سر بزنید⚡️
🔵 https://radzad.com/seo-standards
#seo #frontend
@CodeModule
سئو خودش دنیای بزرگی داره و زیاد به فرانت کارا مربوط نمیشه، اما این وسط یه سری نکته ها هست که با رعایت کردنشون هنگام کد زدن، باعث میشه سایت ما حرفه ای تر و رتبه بهتری داشته باشه.
تو مقاله زیر، نکاتی راجب استاندارد های سئو در فرانتاند، شرح داده شده که پیشنهاد میکنم حتما یه سر بزنید
#seo #frontend
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
سایتی که تو این پست بهتون معرفی میکنم
عکس هایی با کیفیت بالا و با فرمت PNG، همچنین بدون بک گراند برای شما فراهم کرده، که با یک جستجوی ساده میتونید عکس مد نظر خودتون پیدا کنید
#png #image
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡9❤🔥4🔥4
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6
ریپازیتوری های زیر، هر کدوم 100 سوال متداول جاوا اسکریپتی، همراه با پاسخ دارن که بهتون پیشنهاد میکنم حتما یه سر بزنید
#js #interview
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👌4
دولوپرا و مهندسین DevOps ایرانی، با توجه به تحریم های داکر نمیتونن به راحتی با این ابزار کار کنن، در نتیجه زمانی که میخوان ایمیجی رو pull کنن یا اونو به داکر هاب بفرستن، داکر خطایی تحت عنوان ۴۰۳ میفرسته که این خطا به معنای عدم دسترسی یا Forbidden هست.
چند روش برای رفع این تحریم ها :
تنها با وارد کردن دستور زیر میتونیم ایمیج داکرو دریافت کنیم:
docker pull docker.host:5000/library/IMAGE-NAME
تو این روش نیازه تو فایل daemon.json، کانفیگ هایی که در ادامه مشاهده میکنید رو اضافه کنیم. برای باز کردن فایل daemon.json باید وارد مسیر های زیر بشید :
C:\ProgramData\Docker\config\daemon.json
USER_HOME/.docker/daemon.json
/etc/docker/daemon.json
بعد از باز کردن فایل، یکی از کانفیگ های زیر رو داخل اون وارد کنید.
{ "registry-mirrors": ["https://docker.iranserver.com"] }
{"registry-mirrors": ["https://docker.host:5000"] }
بعد از این که یکی از کانفیگ های بالا رو به فایل daemon.json اضافه کردید، باید داکر رو یبار ری استارت کنید.
اگر از داکر دسکتاپ استفاده می کنید، از طریق منوی برنامه و اگر از ترمینال استفاده می کنید، با این دستور داکر رو ری استارت کنید:
sudo systemctl restart docker
تو این روش میتونید از یک DNS، مثل Dns شکن استفاده کنید.
با این راهکار ها تا حد امکان میتونید از تحریم ها عبور کنید و کارتون رو به نحو احسنت انجام بدید
#docker #lockout
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11⚡3👌2
آقای صدا، Howler.js 🔊
کتابخانه Howler.js، یک کتابخانه صدا هست که کار کردن با صدا رو در JavaScript و در تمام پلتفرمها، ساده و قابل اطمینان میکنه.
این کتابخانه به شما در مواردی مثل پخش صدا و اضافه کردن افکت های صوتی به وب سایت، کمک میکنه. به عنوان مثال پخش صدا زمانی که شما یک پیغام خطا یا یک پیام دیگر رو دریافت میکنید. این قابلیت ها خیلی راحت و با چند خط کد توسط howler در اختیار ما قرار میگیره. حتی میتونید با استفاده از این کتابخانه یک پلیر موزیک هم داشته باشید💀
ویژگی های کتابخانه Howler.js⬇️
🔵 پشتیبانی از پخش صداهای مختلف مثل MP3، WAV و OGG
🔵 امکان به کار گیری بسیار ساده برای پخش، توقف، توقف موقت و مکث از طریق رابط کاربری خط فرمان
🔵 پشتیبانی از قابلیتهای پیشرفته مثل استفاده از صداها به صورت پویا، تنظیم میزان صدا و موقعیت در صدا، اعمال افکتهای صوتی و زمانبندی دقیق
🔵 معماری ماژولار Howler.js به شما کمک میکنه تا به سادگی از این کتابخانه استفاده، و اونو گسترش بدید، در نتیجه میتونید امکانات سفارشی بیشتری اضافه کنید.
پیشنهاد میکنم یه سر به داکیومنت این کتابخانه جذاب بزنید⚡️
Document🌐
#howler #javascript
@CodeModule
کتابخانه Howler.js، یک کتابخانه صدا هست که کار کردن با صدا رو در JavaScript و در تمام پلتفرمها، ساده و قابل اطمینان میکنه.
این کتابخانه به شما در مواردی مثل پخش صدا و اضافه کردن افکت های صوتی به وب سایت، کمک میکنه. به عنوان مثال پخش صدا زمانی که شما یک پیغام خطا یا یک پیام دیگر رو دریافت میکنید. این قابلیت ها خیلی راحت و با چند خط کد توسط howler در اختیار ما قرار میگیره. حتی میتونید با استفاده از این کتابخانه یک پلیر موزیک هم داشته باشید
ویژگی های کتابخانه Howler.js
پیشنهاد میکنم یه سر به داکیومنت این کتابخانه جذاب بزنید
Document
#howler #javascript
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥10👌5🔥4😁2