برای تشکیل تیم خودم به ۲ نفر نیاز دارم.
۱- بک اند ( TypeScript + NestJS + MongoDB ) ترجیحا مسلط به CI/CD
۲- دیزاینر ( مسلط به فیگما و کانسپت های اصلی )
دنبال نیروی میدل و بالاتر هستم.
————————
مجموعه ای که داخلش کار میکنیم حدود ۱۰۰ تا نیرو داره که پروژه های موفقی داخلش در حال توسعه و نگهداریه.
تیمی که دارم تشکیل میدم یکی از تیم های نوپای اون مجموعس و با خودم مستقیما کار میکنید.
———————
حقوق معقول و خوب ، صبحانه و نهار ، بیمه ، میز بیلیارد و … از ویژگی های مجموعس.
کار حضوری ، محل کار محدوده میدان انقلاب ، ساعت کار ۹ تا ۶ شنبه تا چهارشنبه ، پنج شنبه ۹ تا ۴
———————
خانواده نیستیم ولی تیم خوبی میشیم.
اگر ویژگی های بالا رو دارید مستقیما به خودم پیام بدید
———————
آپدیت : حقوق رو خودتون پیشنهاد میدید. اگر به توافق رسیدیم شروع میکنیم.
@codewithali
۱- بک اند ( TypeScript + NestJS + MongoDB ) ترجیحا مسلط به CI/CD
۲- دیزاینر ( مسلط به فیگما و کانسپت های اصلی )
دنبال نیروی میدل و بالاتر هستم.
————————
مجموعه ای که داخلش کار میکنیم حدود ۱۰۰ تا نیرو داره که پروژه های موفقی داخلش در حال توسعه و نگهداریه.
تیمی که دارم تشکیل میدم یکی از تیم های نوپای اون مجموعس و با خودم مستقیما کار میکنید.
———————
حقوق معقول و خوب ، صبحانه و نهار ، بیمه ، میز بیلیارد و … از ویژگی های مجموعس.
کار حضوری ، محل کار محدوده میدان انقلاب ، ساعت کار ۹ تا ۶ شنبه تا چهارشنبه ، پنج شنبه ۹ تا ۴
———————
خانواده نیستیم ولی تیم خوبی میشیم.
اگر ویژگی های بالا رو دارید مستقیما به خودم پیام بدید
———————
آپدیت : حقوق رو خودتون پیشنهاد میدید. اگر به توافق رسیدیم شروع میکنیم.
@codewithali
Screenshot 2022-02-04 at 00.08.06.png
47.1 KB
چطوری توی ریاکت بتونیم تکست انتخاب شده با موس روی درخت دام رو ذخیره کنیم ؟ extract highlighted text
📌متد pop() و push() برای آرایهها در جاوااسکریپت
✅یکی از پرکاربردترین متدهای آرایه در جاوااسکریپت متد pop و push میباشد.
✅متد pop آخرین عنصر از آرایه را حذف میکند. توجه داشته باشید که در این متد، عناصر از آخر آرایه حذف میشوند.
array.pop()
✅متد push یک عنصر را به انتهای آرایه اضافه میکند. توجه داشته باشید که در این متد، عناصر به آخر آرایه اضافه میشود.
array.push()
https://www.w3schools.com/jsref/jsref_pop.asp
https://www.w3schools.com/jsref/jsref_push.asp
@alithecodeguy
✅یکی از پرکاربردترین متدهای آرایه در جاوااسکریپت متد pop و push میباشد.
✅متد pop آخرین عنصر از آرایه را حذف میکند. توجه داشته باشید که در این متد، عناصر از آخر آرایه حذف میشوند.
array.pop()
✅متد push یک عنصر را به انتهای آرایه اضافه میکند. توجه داشته باشید که در این متد، عناصر به آخر آرایه اضافه میشود.
array.push()
https://www.w3schools.com/jsref/jsref_pop.asp
https://www.w3schools.com/jsref/jsref_push.asp
@alithecodeguy
This media is not supported in your browser
VIEW IN TELEGRAM
اسکرول نرم با سرعت متفاوت بدنه و عکس پس زمینه هدر
به شکل یه پروژه ساده اچ تی ام الی روی گیت هاب قرارش دادم. دمو هم تهیه کردم. باشد که مفید واقع شود.
لینگ گیت هاب:
https://github.com/alithecodeguy/smooth_parallax
دمو:
https://smooth-parallax.vercel.app/
#parallax #css #alithecodeguy #frontend
به شکل یه پروژه ساده اچ تی ام الی روی گیت هاب قرارش دادم. دمو هم تهیه کردم. باشد که مفید واقع شود.
لینگ گیت هاب:
https://github.com/alithecodeguy/smooth_parallax
دمو:
https://smooth-parallax.vercel.app/
#parallax #css #alithecodeguy #frontend
📌DOM vs BOM in javanoscript
✅در جاوااسکریپتDOM مخفف Document Object Model است. این استانداردی است که توسط W3C (کنسرسیوم شبکه جهانی وب) تعریف شده است. DOM یک رابط برنامه نویسی (API) برای نمایش و تعامل با HTML ، XHTML و XML است. با استفاده از این استاندارد زمانی که مرورگر کل فایل HTML را interpretation میکند ساختار HTML به شکل object در میاید و هنگام بارگیری یک صفحه وب، مرورگر یک درخت DOM برای همه عناصر Html آن صفحه ایجاد می کند . در نهایت javanoscript با کمک DOM به کلیه ی object ها دسترسی پیدا میکند و میتواند بر روی آنها تغییرات اعمال کند. مانند دسترسی به یک tag خاص و دادن style به آن تگ.
✅در جاوااسکریپت BOM مخفف Browser Object Model است و به javanoscript این امکان رو میدهد که با خود مرورگر بتوند تعامل داشته باشد. وظیفه اصلی BOM مدیریت پنجره های مرورگر و فعال کردن ارتباط بین پنجره ها است. به عنوان مثال: ()window.open. هر صفحه HTML که در پنجره مرورگر بارگذاری می شود تبدیل به یک شی سند می شود و شیء سند یک شی در BOM است.
https://medium.com/@fknussel/dom-bom-revisited-cf6124e2a816
@alithecodeguy
✅در جاوااسکریپتDOM مخفف Document Object Model است. این استانداردی است که توسط W3C (کنسرسیوم شبکه جهانی وب) تعریف شده است. DOM یک رابط برنامه نویسی (API) برای نمایش و تعامل با HTML ، XHTML و XML است. با استفاده از این استاندارد زمانی که مرورگر کل فایل HTML را interpretation میکند ساختار HTML به شکل object در میاید و هنگام بارگیری یک صفحه وب، مرورگر یک درخت DOM برای همه عناصر Html آن صفحه ایجاد می کند . در نهایت javanoscript با کمک DOM به کلیه ی object ها دسترسی پیدا میکند و میتواند بر روی آنها تغییرات اعمال کند. مانند دسترسی به یک tag خاص و دادن style به آن تگ.
✅در جاوااسکریپت BOM مخفف Browser Object Model است و به javanoscript این امکان رو میدهد که با خود مرورگر بتوند تعامل داشته باشد. وظیفه اصلی BOM مدیریت پنجره های مرورگر و فعال کردن ارتباط بین پنجره ها است. به عنوان مثال: ()window.open. هر صفحه HTML که در پنجره مرورگر بارگذاری می شود تبدیل به یک شی سند می شود و شیء سند یک شی در BOM است.
https://medium.com/@fknussel/dom-bom-revisited-cf6124e2a816
@alithecodeguy
Medium
DOM & BOM Revisited
This is a cross post, to check the latest version of this article visit https://fedknu.com/blog/dom-bom-revisited
This media is not supported in your browser
VIEW IN TELEGRAM
📌متد addEventListener در جاوا اسکریپت
✅یکی از مهمترین و پرکاربردترین متدهای مورد استفاده در جاوااسکریپت است که یک event را به عناصر HTML وصل میکند. با استفاده از این متد میتوان event handlerمختلف را به یک عنصر اضافه کنید.
✅توجه داشته باشید که پرکاربردترین syntax مورد استفاده برای این متد به صورت زیر است.
addEventListener(type, listener);
🔹type
یک رشته حساس به حروف بزرگ و کوچک است که درواقع event مورد نظرمیباشد.
🔹listener
یک تابع جاوااسکریپتی را اجرا میکند که event مشخص شده بر روی المان مورد نظر را تعیین میکند.
https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
@alithecodeguy
✅یکی از مهمترین و پرکاربردترین متدهای مورد استفاده در جاوااسکریپت است که یک event را به عناصر HTML وصل میکند. با استفاده از این متد میتوان event handlerمختلف را به یک عنصر اضافه کنید.
✅توجه داشته باشید که پرکاربردترین syntax مورد استفاده برای این متد به صورت زیر است.
addEventListener(type, listener);
🔹type
یک رشته حساس به حروف بزرگ و کوچک است که درواقع event مورد نظرمیباشد.
🔹listener
یک تابع جاوااسکریپتی را اجرا میکند که event مشخص شده بر روی المان مورد نظر را تعیین میکند.
https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
@alithecodeguy
Media is too big
VIEW IN TELEGRAM
📌المان <canvas> در HTML
✅از این المان برای ترسیم گرافیک در صفحه وب مورد استفاده قرار میگیرد.
✅المان <canvas> تنها یک محفظه برای گرافیک است و برای ترسیم گرافیک باید از جاوا اسکریپت استفاده کنید.
✅این المان روش های مختلفی برای ترسیم کادرها، دایره ها، متن و افزودن تصاویر دارد. برای آشنایی بیشتر یک مثال ساده در ویدئو آورده شده است.
https://www.w3schools.com/html/html5_canvas.asp
@alithecodeguy
✅از این المان برای ترسیم گرافیک در صفحه وب مورد استفاده قرار میگیرد.
✅المان <canvas> تنها یک محفظه برای گرافیک است و برای ترسیم گرافیک باید از جاوا اسکریپت استفاده کنید.
✅این المان روش های مختلفی برای ترسیم کادرها، دایره ها، متن و افزودن تصاویر دارد. برای آشنایی بیشتر یک مثال ساده در ویدئو آورده شده است.
https://www.w3schools.com/html/html5_canvas.asp
@alithecodeguy
This media is not supported in your browser
VIEW IN TELEGRAM
📌تغییر عناصر HTML در جاوااسکریپت
✅در جاوااسکریپت با استفاده از ()document.write میتوانید محتوای عناصر HTML را به طور مستقیم تغییر دهید.
✅با استفاده از property innerHTMLنیز میتوانید محتوای جدید را جایگزین محتوای قبلی کنید.
✅برای تغییر دادن مقدار ویژگی HTML میتوانید از attribute استفاده نمایید.
@alithecodeguy
✅در جاوااسکریپت با استفاده از ()document.write میتوانید محتوای عناصر HTML را به طور مستقیم تغییر دهید.
✅با استفاده از property innerHTMLنیز میتوانید محتوای جدید را جایگزین محتوای قبلی کنید.
✅برای تغییر دادن مقدار ویژگی HTML میتوانید از attribute استفاده نمایید.
@alithecodeguy
This media is not supported in your browser
VIEW IN TELEGRAM
📌تغییر استایل با استفاده از جاوااسکریپت
✅برای تغییر استایل دهی با استفاده از جاوااسکریپت میتوانید از دستور زیر استفاده نمایید.
document.getElementById(id).style.property = new style
@alithecodeguy
✅برای تغییر استایل دهی با استفاده از جاوااسکریپت میتوانید از دستور زیر استفاده نمایید.
document.getElementById(id).style.property = new style
@alithecodeguy
This media is not supported in your browser
VIEW IN TELEGRAM
📌افزونه CodeSnap یکی از پرکاربدترین افزونههای vsCode برای تهیه عکس از کدهای شما است. کار با این افزونه بسیار آسان است و برای آشنایی با نحوه استفاده از این افزونه ویدئوی بالا را مشاهده نمایید.
@alithecodeguy
@alithecodeguy
اگر میخواید از یه مخزن گیت کلون بگیرید ولی هیستوریش رو نمیخواید ، از کتابخونه زیر میتونید استفاده کنید.
https://github.com/Rich-Harris/degit
#git #github #degit
https://github.com/Rich-Harris/degit
#git #github #degit
📌متد sort()
✅متد sort اعضای آرایه را مرتبسازی میکند. مرتبسازی به صورت صعودی انجام میشود.
✅این متد، آرایه جدید برنمیگرداند. همان آرایه را مرتبسازی میکند
✅توجه داشته باشید که هنگام مرتب سازی آرایه به صورت رشته تبدیل میشود، بنابراین هنگام مرتب سازی آرایهها عددی آنها را به رشته تبدیل میکند. بنابراین لازم است برای مرتب سازی این آرایههای عددی تابعی بنویسید و به این متد ارسال نمایید.
زیرا متد sort میتواند تابع نیز قبول کند.
@alithecodeguy
✅متد sort اعضای آرایه را مرتبسازی میکند. مرتبسازی به صورت صعودی انجام میشود.
✅این متد، آرایه جدید برنمیگرداند. همان آرایه را مرتبسازی میکند
✅توجه داشته باشید که هنگام مرتب سازی آرایه به صورت رشته تبدیل میشود، بنابراین هنگام مرتب سازی آرایهها عددی آنها را به رشته تبدیل میکند. بنابراین لازم است برای مرتب سازی این آرایههای عددی تابعی بنویسید و به این متد ارسال نمایید.
زیرا متد sort میتواند تابع نیز قبول کند.
@alithecodeguy
📌HTML Responsive Web Design
✅طراحی وب ریسپانسیو درباره ایجاد صفحاتی است که در همه دستگاهها خوب به نظر برسد.
✅برای ایجاد یک صفحه وب ریسپانسیو اضافه کردن تگ <meta name="viewport" content="width=device-width, initial-scale=1.0"> به صفحه HTML ضروری است. پس از اضافه کردن این تگ، این امکان برای طراحان وب فراهم میشود که با استفاده از استایل دهی CSS صفحات ریسپانسیو ایجاد نمایند.
https://www.w3schools.com/html/html_responsive.asp
@alithecodeguy
✅طراحی وب ریسپانسیو درباره ایجاد صفحاتی است که در همه دستگاهها خوب به نظر برسد.
✅برای ایجاد یک صفحه وب ریسپانسیو اضافه کردن تگ <meta name="viewport" content="width=device-width, initial-scale=1.0"> به صفحه HTML ضروری است. پس از اضافه کردن این تگ، این امکان برای طراحان وب فراهم میشود که با استفاده از استایل دهی CSS صفحات ریسپانسیو ایجاد نمایند.
https://www.w3schools.com/html/html_responsive.asp
@alithecodeguy
W3Schools
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
به در خواست یکی از دوستان این آگهی قرار داده شد :
متقاضی یک مربی مسلط به برنامه نویسی جاوا در سطح پیشرفته ساعتی ۲۰۰ هزارتومان
برای ارتباط
00393488889832
( واکس آپ)
متقاضی یک مربی مسلط به برنامه نویسی جاوا در سطح پیشرفته ساعتی ۲۰۰ هزارتومان
برای ارتباط
00393488889832
( واکس آپ)
دوره آنلاین و فشرده فرانت اند
(اطلاعات بیشتر در تصویر)
لینک تلگرام:
https://news.1rj.ru/str/alithecodeguy
لینک لینکدین:
https://www.linkedin.com/in/alithecodeguy/
(اطلاعات بیشتر در تصویر)
لینک تلگرام:
https://news.1rj.ru/str/alithecodeguy
لینک لینکدین:
https://www.linkedin.com/in/alithecodeguy/
Media is too big
VIEW IN TELEGRAM
📌javanoscript engine
✅به زبان ساده javanoscript engine نرم افزاری است که کدهای جاوااسکریپت را اجرا میکند. همچنین موتورهای جاوااسکریپت معمولا توسط فروشندگان وب توسعه پیدا میکنند. توجه داشته باشید در یک مرورگر، موتور جاوا اسکریپت در هماهنگی با موتور رندر از طریق Document Object Model اجرا می شود. به عبارت دیگر کد سطح بالا را به کد قابل خواندن برای ماشین تبدیل می کنند که به رایانه اجازه می دهد تا برخی از وظایف خاص را انجام دهد.
https://www.geeksforgeeks.org/what-happens-inside-javanoscript-engine/
@alithecodeguy
✅به زبان ساده javanoscript engine نرم افزاری است که کدهای جاوااسکریپت را اجرا میکند. همچنین موتورهای جاوااسکریپت معمولا توسط فروشندگان وب توسعه پیدا میکنند. توجه داشته باشید در یک مرورگر، موتور جاوا اسکریپت در هماهنگی با موتور رندر از طریق Document Object Model اجرا می شود. به عبارت دیگر کد سطح بالا را به کد قابل خواندن برای ماشین تبدیل می کنند که به رایانه اجازه می دهد تا برخی از وظایف خاص را انجام دهد.
https://www.geeksforgeeks.org/what-happens-inside-javanoscript-engine/
@alithecodeguy
📌HTML Entities
✅برخی از کاراکترها در HTML رزرو شده هستند و برای نمایش آنها در صفحه وب طراحی شده نمیتوان بصورت مستقیم از این کاراکترها استفاده کرد. مانند علامت <> که در HTML برای نمایش تگها از آن استفاده میشود. بنابراین برای اینکه بتوانیم کاراکترهای رزرو شده را نمایش دهیم لازم است از Character entities استفده نماییم. نحوه استفاده از یک character entity به صورت زیر است:
🔹 &entity_name;
🔹 &#entity_number;
✅لیست برخی از character entities در وب سایت زیر آورده شده است.
https://www.w3schools.com/html/html_entities.asp
@alithecodeguy
✅برخی از کاراکترها در HTML رزرو شده هستند و برای نمایش آنها در صفحه وب طراحی شده نمیتوان بصورت مستقیم از این کاراکترها استفاده کرد. مانند علامت <> که در HTML برای نمایش تگها از آن استفاده میشود. بنابراین برای اینکه بتوانیم کاراکترهای رزرو شده را نمایش دهیم لازم است از Character entities استفده نماییم. نحوه استفاده از یک character entity به صورت زیر است:
🔹 &entity_name;
🔹 &#entity_number;
✅لیست برخی از character entities در وب سایت زیر آورده شده است.
https://www.w3schools.com/html/html_entities.asp
@alithecodeguy