همین الان رسیدم دوره رو آپلود کنم تو تلگرام

ولی سرعت آپلود پایینه

وای میسم تا آپلود شه برم بخوابم✨

#Course
#Section1
#htmlcss

سکشن اول از دوره htmlcss خدمت شما ❤️‍🔥

قسمت به قسمت سعی شده صدا و تصویر بهتر بشه ♻️

ریکشن و نشر دوره فراموش نشه⚡️🙏

Channel: @JSDevHub

قسمت های فصل اول:

#Section1
#htmlcss

1 What this course
2 tools and project file
3 Media queries
4 What is grid system
5 layout system & row and column
6 grid system part1
7 grid system part2

Channel: @JSKernel

https://zty.pe/

تایپ ده انگشتی با گیم ⌨️

@JSKernel

اقا میخوام اسم چنل و عوض کنم حال نمیکنم باهاش

جاوااسکریپت توی مرورگر چه توانایی‌هایی نداره؟

توانایی‌های جاوااسکریپت توی مرورگر برای تامین امنیت کاربر محدود شده. هدف از این کار برای جلوگیری از صفحه‌ای مخرب برای دسترسی به اطلاعات شخصی کاربر یا آسیب زدن به داده کاربره.

نمونه‌ای از این محدودیت ها:

مثلا توی مرورگر امکان خوندن و نوشتن یا کپی کردن یه فایل و نداره.
ولی به طور کلی مرورگرهای مدرن الان اجازه کار کردن با فایل هارو میدن ولی دسترسی محدود هست
《مثل دراپ کردن فایل داخل یه پنجره یا سلکت کردن فایل با یه تگ input》.

ولی شما همچنان میتونید با جاوااسکریپت به دوربین یا میکروفن دستگاه دسترسی بگیری ولی این موارد به اجازه کاربر نیاز داره، و امکان اینکه به صورت مخفی دوربین کاربر و روشن کنی وجود نداره ؛)

یا مثلا پنجره‌ها به طور کلی اطلاعاتی از هم دیگه ندارن، ولی در شرایطی هم اطلاعاتی دارن.

به عنوان نمونه وقتی که شما تو یه پنجره برای باز کردن پنجره دیگه از جاوااسکریپت استفاده می‌کنید.
اما تو این حالت هم ممکنه جاوااسکریپت به صفحه‌های دیگه دسترسی نداشته باشه.
(اگه صفحه‌های شما از پروتکل، پورت یا دامنه مجزا باشن)

درحالت کلی به این مسئله Same Origin Policy میگن. خب حالا برای اینکه از این حالت استفاده کنید باید صفحه‌های شما یک کد جاوااسکریپت مخصوص داشته باشن تا این تبادل اطلاعات بین صفحه‌ها اتفاق بیوفته

این محدودیت‌ها برای امنیت کاربر است. مثلا صفحه‌ای با دامنه http://anysite.com که کاربر باز کرده نباید به تب دیگر مرورگر با آدرس http://gmail.com دسترسی داشته باشد و اطلاعات آن را به سرقت ببرد.

اگر هم جاوااسکریپت توی شبکه با سرور در ارتباط باشه، توانایی این را ندارد از دامنه یا سایت‌های دیگه اطلاعات دریافت کنه مگر با اجازه مستقیم از سرور مربوطه.

و در آخر اگر جاوااسکریپت در محیطی خارج از مرورگرها اجرا می‌شد برای مثال توی سرورها ، این محدودیت‌ها وجود نداشتند. مثل تمام پلاگین‌های مختلفی که می بینین ممکن است برای انجام کارهای مختلف پلاگین‌ها و افزونه‌هایی (extension) را نصب کنند که سطح دسترسی‌شان را افزایش می‌دهد.

#javanoscript
Channel: @JSKernel

حالت مدرن، "use strict" در JS چیست؟

یک دستور در JS هست که از ECMAScript 5 (ES5) معرفی شد. با استفاده از این ویژگی حالت سختگیرانه در جاوااسکریپت فعال می شود. این ویژگی باعث میشه کدهای JS با یک استاندارد سختگیرانه‌تر تفسیر بشه و به جلوگیر از برخی خطاهای رایج و بهبود عملکرد و امنیت کدها کمک میکنه.

قبل از معرفی "use strict":

از زمان معرفی، JS به نحوی طراحی شده بود که به صورت سازگار با نسخه‌های قبلی کار کنه. این ویژگی امکان افزودن قابلیت‌های جدید به زبان را فراهم می‌کرد بدون اینکه باعث تغییری در کدهای قدیمی شود.

قبل از قابلیت "use strict"، ما در JS انعطاف‌پذیری بیشتری داشتیم ولی همین موضوع منجر به بروز خطاهای ناخواسته و باگ‌های پیچیده می‌شد.
به طور مثال:

قبل از ویژگی "use strict":

function myFunction() {
  x = 10; // بدون "var"، متغیر سراسری تعریف می‌شود.
  console.log(x);
}

myFunction(); // خروجی: 10
console.log(x); // خروجی: 10 (متغیر سراسری شده)

بعد از ویژگی "use strict":

"use strict";
function myFunction() {
  x = 10; // خطا: x تعریف نشده است.
  console.log(x);
}

myFunction(); // خطا: x تعریف نشده است.

حالا برای اینکه قابلیت Backwards Compatibility در جاوااسکریپت اجرا بشه، بیشتر تغییراتی که توی (ES5) اتفاق افتاد به صورت دیفالت غیرفعال هست و شما برای فعال سازی این قابلیت ها باید از "use strict" استفاده کنید :)

وقتی شما از قابلیت "use strict" در JS استفاده میکنید تمام اسکریپت‌های شما در حالت مدرن کار میکنن.

برای مثال:

"use strict"
alert("Hello world")
// این کد از روش مدرن استفاده میکنه

🔺 هیچ راهی برای غیرفعال کردن "use strict" وجود نداره مثل ("no use strict") تا به موتور جاوااسکریپت دستور بدین که به روش قدیمی کار کنه، درواقع شما وقتی از "use strict" استفاده میکنید هیچ راه برگشتی نیست.

More info in the article
#javanoscript
#use_strict
Channel: @JSKernel

#quiz_challenge

Channel: @JSKernel

کیفیت صدای سکشن دوم دوره واقعا بی نظیر شده در حدی که برگای خودم ریخته

برای بهتر شدن صدا اومدم از پلتفرم elevenlabs استفاده کردم که واقعا فوق العادس :))))))))

خیلی سعی میکنم از اخرین تکنولوژی ها برای ریکورد دوره و همچنین پروژه استفاده کنم تا محتوایی که شما می بینید از لحاظ کیفیت رو high quality ترین نقطه ممکن باشه

8-Section-how-use-figma

نمونه ویدئو سکشن دوم دوره htmlcss
#Course

Channel: @JSKernel

میدونین خروجی کد پایین چیه؟

console.log(typeof null);

خروجیش برابر با "object" هست! اما خب چرا؟ خود "null" که یکی از انواع داده هستش!

دلیلش یه خطا توی روش کارکرد typeof هستش و از همون اول توی جاوااسکریپت بوده

حالا برای اینکه توی زبان تغییری ندن و اون سازگاری حفظ بشه گفتن بزار همین بمونه دیگه :O

پس "null" یه "object" نیستش.

#fun
Channel: @JSKernel

تو "function" ها هم به همین صورته :)
در جاوااسکریپت نوعی به نام function وجود نداره، درواقع "function" ها "object" هستن. ولی خب با این حال وقتی عملگر "typeof" روی تابع اعمال میشه مقدار "function" و ریترن میکنه.

اینم از همون اوایل توی جاوااسکریپت بوده.
و از طرفی هم این رفتار منطقی نیستش!

پس نتیجه عملگر "typeof" روی توابع به عنوان "function" هست چون میاد جوری رفتار میکنه که خروجیش برای کاربر منطقی و مفید باشه

#fun
Channel: @JSKernel

سلام رفقا چطورررین خوبییین؟

سکشن دوم دوره امادس فقط یه هولی بدین چنل برسه به 80 سابسکرایبر، بعدش فایل و اپلود میکنم 🦾🦾

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

Channel: @JSKernel

خب اوکی حالا چطور حمایت کنیم؟

کاری نداره فقط کافیه محتوای چنل و برای بقیه فوروارد کنین. 🙏❤️‍🔥

داداشای گلم خیلیا هستن که تو این حوزه دارن شروع به کار میکنن و در همین مرحله اول گیر کردن، پس دوره رو برای بقیه هم بفرستین تا مطلع بشن.

Channel: @JSKernel

اگه براتون جالبه که بدونید روش کارکرد عملگرهای منطقی: AND, OR, NOT (! ,|| ,&&) به چه صورته.
تو این مقاله کامل توضیح داده شده

https://fa.javanoscript.info/logical-operators

#Article
Channel: @JSKernel

سلام شرمنده یکم فعالیت کم شده
درگیر اسباب کشی بودم این مدت.
انشالله از فردا میشینم دوره رو رکورد میکنم براتون قرار میدم کم کم

#Course
#Section2
#htmlcss

سکشن دوم از دوره htmlcss خدمت شما ❤️‍🔥

حجم فایلها نسبت به سکشن اول خیلی کاهش پیدا کرده ♻️

با ریکشن و انتشار دوره حمایت کنید ⚡️🙏

Channel: @JSKernel

قسمت های فصل دوم:

#Section2
#htmlcss

8 How use figma
9 Use fonts in project
10 Start header
11 Custom css file
12 Header content part1
13 Header content part2
14 Header content part3
15 Header content part4
16 Responsive menu part1
17 Responsive menu part2
18 Responsive header content

Channel: @JSKernel