5-Section-layout-system & row-column

نمونه ویدئو دوره htmlcss

@JSKernel

🛜 رفقا یه سری نکات درباره ویدئوهایی که ارسال میشه بگم

این ویدئوها برای نمونه ارسال میشه تا اگه ایرادی هست برطرف بشه، و خود فایل اصلی کورس رو که این محتوا هم شاملش هست داخل یه فایل zip براتون قرار میدم

احتمالا موقعی که بخوام دوره رو در اختیارتون قرار بدم یه چنل مجزا براش بزارم تا محتوای این چنل باهاش تداخل پیدا نکنه.

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

سعی کردم تا جایی که امکان داره کیفیت صدا رو بهتر و حجم ویدئوها رو کمتر کنم.❤️

رفقا یه مسئله‌ای که قبلا هم براش توضیح دادم و دوباره میگم

سکشن اول دوره هنوز تموم نشده و این ویدئوهایی که قرار دادم بخشی از سکشن اول دوره هست

کلا 7 الی 8 ویدئو میشه سکشن اول، و وقتی تکمیل بشه داخل چنل به صورت فایل zip قرار میگیره
این ویدئو هایی ک گزاشتم برای آشنایی شما با دوره هستش و اینکه اگه مشکلی داره بگین که برطرفش کنم

@JSKernel

و اینکه یه لطفی کنید ویدئو اول دوره رو انتشار بدین تا بقیه هم بهش دسترسی پیدا کنن

چون مطمئنم موضوع دوره مسئله خیلی از تازه کار ها هستش

سلام خیلی دیر وقته میدونم😁

ولی خب همین الان قسمت 6 سکشن اول دوره رو ضبط کردم که داخل این قسمت سیستم گرید و پیاده سازی کردم و یکسری مثال براتون زدم که کارکرد سیستم گرید و متوجه بشین به چه صورت هست

و دلیل اینکه انقد فاصله میوفته، واقعا سرم شلوغ هستش و توی این تایم از شب فرصت کردم که ویدئو رو رکورد کنم❤️

به هر حال توی سکشن دوم کورس میریم سراغ بخش اصلی ماجرا و پروژه یا همون طرح و پیاده سازی میکنیم 🦾

قلب برام بزارین که انرژی بگیرم😁

خیلی دوستون دارم که همایتم میکنین

و لطف کنید شروع کورس رو برای بقیه هم بفرستین که مطلع بشن❤️

@JSKernel

قسمت ۷ سکشن اول دوره هم ضبط شد :)

الان فقط مونده ادیتش بزنم و ویدئو هارو داخل فایل زیپ براتون ارسال کنم

احتمالا تا همین امشب اخر وقت فایل و قرار میدم

سکشن اول دوره تمام⚡️

فردا فایل زیپشو قرار میدم

https://news.1rj.ru/str/JSDevCourse

جوین بشین و برای بقیه هم انتشار بدید❤️‍🔥🙏

انقدر که این یه هفته خسته شدم دیگه انرژی برام نمونده🌒

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

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

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

#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