studio amozesh | صفر تا صد برنامه نویسی
Open in Telegram
اگر دوست داری وارد دنیای برنامه نویسی بشی ولی نمیدونی از کجا شروع کنی با من همراه باش تا کامل بهت یاد بدم 🔥 وب سایت : https://studioamozesh.com لینک گروه : @studioAmozeshGroup مدیریت | نقد و انتقادات | تبلیغات @khosroshahi23
Show more2 045
Subscribers
No data24 hours
-17 days
-3530 days
Posts Archive
🔰 Spreading Function Arguments
عملگر spread، که با سه علامت متوالی (...) نشان داده می شود، به شما امکان می دهد محتویات یک شی (مانند یک آرایه یا رشته) را گسترش دهید یا شی را از یک محصول به محصول دیگر کپی کنید. با ارائه دستورالعمل های کوتاه برای کار با جمع آوری داده ها، کد شما را خواناتر و کارآمدتر می کند.
به مثال پایین دقت کنید :
//Before
const objl ={ a: 1, b: 2 };
const obj2={ c: 3, d: 4 };
const mergedObj = Object.assign({}, obj1, obj2);
//{ a: 1, b: 2, c: 3, d: 4 }
------------------------------------
const mergedObj = { ...obj1, ...obj2 }:
//{ a: 1, b: 2, c: 3, d: 4 }ما تو DevAcademy از تجربه های فنی و مصاحبه هامون تو دنیای #برنامه_نویسی میگیم .
موقعیت های شغلی کاملا #ریموت داخلی و خارجی کمتر دیده شده #لینکدین با هم به اشتراک میذاریم
و البته در کنار همه اینا، هر هفته #سوالات_الگوریتمی رو با هم حل می کنیم تا آماده #کد_چلنج انلاین باشیم.
آدرس کانال:
https://t.me/DevAcaademy
کنسول در JavaScript و متد های آن
قسمت دوم: معرفی چند متد
//used for showing a message or values in variables :
console.log("Hello, world!");
console.log(42);
console.log({ name: "Maryam", age: 25 });
--------------------------------
//used for showing an error message :
console.error("This is an ERROR message.");
--------------------------------
//used for showing a warning message :
console.warn("This is a WARNING message.");
🔰 New Media Query Syntax
✨ یادتون هست تو آموزش Html css داخل سایت اومدیم درباره Media Query ها صحبت کردیم و یاد گرفتیم چطوری سایت خودمون رو رسپانسیو کنیم ؟
الان میخوام یک روش جدید دیگه که خیلی بهتر هست رو بهتون معرفی کنم
قبلا به روش اول رسپانسیو رو انجام میدادیم که یکم طولانی میشد ولی الان با روش دوم خیلی راحت تر هستیم .
1️⃣
@media (min-width: 100px) and (max-width: 200px) {
.action{}
}
------------------------------------
2⃣
@media (100px <= width <= 200px) {
.action{}
}
جواب true ـه یا false؟
console.log(0.2 + 0.1 === 0.3)کنسول در JavaScript و متد های آن
قسمت اول : تعریف و کاردبرد
در جاوااسکریپت، console یک ابزار است که به شما اجازه میده پیامها و اطلاعات مختلف را در مرورگر خود مشاهده کنید. این ابزار برای دیباگ کردن (یافتن و رفع اشکالات) کدهای جاوااسکریپت خیلی مفید است.
به عنوان مثال، شما میتونید از
console.log()
💢Navigator in js BOM:
شیء window.navigator در جاوا اسکریپت اطلاعاتی در رابطه با مرورگر کاربر را در اختیار دارد. شما می توانید این شیء را بدون پیشوند window نیز بنویسید. برخی از دستوراتی که از این شیء مشتق می شوند عبارت اند از:
// Checking cookies are enabled or disabled
navigator.cookieEnabled;
-----------------------------------------
// Browser name
navigator.appName;
navigator.appCodeName
-----------------------------------------
// Browser engine
navigator.product
-----------------------------------------
// Browser operating system
navigator.platform
-----------------------------------------
// Browser language
navigator.language
-----------------------------------------
// Is the Java browser enabled or not?
navigator.javaEnabled()⁉️ پاسخ رو حدس بزنید و جواب رو به این id به همراه دلیل بفرستید ( اگر false و یا true میشه دلیلش هم بگید )
@noMerrrcy1986
True or False ?
console.log("two" > "three");
🔰 DOM Nodes
این قسمت Accessing Parent, Children, Siblings .
توضیحات مختصر :
✨ پیمایش مدل DOM
در مدل DOM می توانید با استفاده از رابطه ی گره ها (node relationship)، درخت گره (node tree) را پیمایش کنید.
✨ گره های DOM
مبتنی بر استاندارد مدل DOM هر عنصر، تگ، خاصيت و يا متن در سند HTML يک گره محسوب می شود. با تکیه بر این اصل تعاریف زیر ممکن می باشد:
کل سند یا صفحه ی HTML، خود یک گره سند (document node) تلقی می گردد.
هر tag، خود یک گره عنصر (element node) محسوب می شود
// access element children
elem.children;
elem.childNodes;
-----------------------------------------
// get first child
elem.firstchildElement;
elem.firstchild;
-----------------------------------------
// get last child
elem.lastchildElement;
elem.lastchild;
-----------------------------------------
//get parent
child.parentNode;
-----------------------------------------
//previous sibling
child.previousSibling;
-----------------------------------------
//get next sibling
child.nextsibling;
🔰 DOM Method
این قسمت Modifying Element Classes
توضیحات مختصر :
با استفاده از ویژگی classList میتونیم به کلاس های داخل یک تگ دسترسی پیدا کنیم، بعدش مثلا میتونیم کلاس جدید اضافه کنیم یا حذف و..
// access classes as a list elem.
elem.classList
-----------------------------------------
// add class
classList.add('my-class');
-----------------------------------------
// remove class
elem.classList.remove('my-class');
-----------------------------------------
// add/remove class if present
elem.classList.toggle('my-class');
-----------------------------------------
// is. class applied to element? true/false
elem.classList.contains('my-class');
💢سئو چیست؟
سئو مخفف عبارت Search Engine Optimization است و به تمرین بهینه سازی یک وب سایت برای بهبود دید و رتبه آن در نتایج موتورهای جستجو اشاره دارد. هدف سئو افزایش کمیت و کیفیت ترافیک وب سایت از طریق نتایج موتورهای جستجوی ارگانیک است. سئو شامل تکنیک ها و استراتژی های مختلفی است، از جمله:
1. تحقیق کلمات کلیدی: شناسایی مرتبط ترین و با ارزش ترین کلمات کلیدی که کاربران در رابطه با محتوای وب سایت شما به دنبال آن هستند.
2. بهینه سازی روی صفحه: بهینه سازی محتوا، متا تگ ها، سرفصل ها و تصاویر در یک وب سایت به منظور سازگاری بیشتر با موتورهای جستجو.
3. تولید محتوا: تولید محتوای باکیفیت، مرتبط و جذاب که هدف کاربر را برآورده می کند و برای مخاطب ارزش قائل می شود.
با اجرای استراتژی های موثر سئو، یک وب سایت می تواند رتبه بندی موتورهای جستجوی خود را بهبود بخشد، ترافیک ارگانیک بیشتری را جذب کند و در نهایت دید و حضور آنلاین خود را افزایش دهد.
#سئو
با حمایت خودتون انرژی بدید ♥️
➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂
هیچ وقت دنبال زود به نتیجه رسیدن نباشید
اگر اینطور باشه هم به خودتون و آدم های دور اطراف ضرر میزنید و هم سرمایه های خودتون ( مالی - سلامتی - دوستان و ... ) از دست میدید .
پیشرفت تدریجی شخصیت میسازه پیشرفت ناگهانی ، خود بزرگ بینی !#تجربه #نکته #پیشرفت #صبوری با حمایت خودتون انرژی بدید ♥️ ➖➖➖➖➖➖➖➖➖ ꧁ channel | group | website ꧂
💢بام (BOM) در جاوا اسکریپت:
BOM یا Object Model مرورگر (Browser Object Model) شامل تعدادی از اشیاء و ویژگیهایی است که به برنامهنویس امکان میدهد با ویژگیهای مرورگر و دستگاه کاربر تعامل داشته باشد. در زیر چند نوع محتوای مختلف درباره BOM در جاوا اسکریپت آورده شده است:
1. پنجره مرورگر (Browser Window): BOM شامل اشیاء مرورگر مانند
window است که اطلاعات درباره پنجره مرورگر، تاریخ، زمان، اندازه صفحه و ... را فراهم میکند.
2. تاریخ و زمان (Date and Time): BOM شامل اشیاء برای کار با تاریخ و زمان است که به برنامهنویس امکان محاسبات و عملیات بر روی تاریخ و زمان را فراهم میکند.
3. کوکیها (Cookies): BOM شامل اشیاء برای کار با کوکیها است که به برنامهنویس امکان مدیریت کوکیها (اطلاعات ذخیره شده در مرورگر) را فراهم میکند.
4. ذخیرهسازی محلی (Local Storage): BOM شامل قابلیتهای برای ذخیره اطلاعات به صورت محلی در مرورگر است که به برنامهنویس امکان دسترسی سریع به اطلاعات ذخیره شده را فراهم میکند.
#جاوا_اسکریپت
#js
#bom
با حمایت خودتون انرژی بدید ♥️
➖➖➖➖➖➖➖➖➖
꧁༺ channel | group | website ༻꧂کمتر از ۱ ساعت تا پاک شدن کانال و پایان مهلت عضویت سریع جوین شو ❗️❗️ 👆
میخوای دوره برنامه نویسی بخری اما گرونه 😞
راه مشکلت اینجاست تو کانال ما میتونی به کلی پکیج تو زمینه های مختلف از جمله
فرانت اند بک اند اندروید ماشین لرنینگ و زمینه های دیگه دسترسی دارید
پس سریع عضو شو تا فرصت محدودیت تموم نشده
https://t.me/+gX7OzFfvsmZlODhh
