بایگانی برچسب‌ها : JavaScript

JS

شرط در جاوا اسکریپت

بعد از نوشتن اولین دستور برنامه نویسی، بهتر است با مفهوم این دستورات آشنا شویم. همانطور که ملاحظه کردید، میان یک دستور جاوا با اچ تی ام ال، تفاوت است. اچ تی ام ال، یک صفحه ساده و ثابت را به ما می دهد؛ و جاوا، یک صفحه متحرک و هوشمند. با اچ تی ام ال، بدنه و اسکلت یک صفحه (متن، عکس، جدول و فرم) را میسازیم و با جاوا به این بدن و اسکلت، روح می دهیم و آنرا زنده می کنیم؛ تا آن حد که نسبت به هر عملی، واکنش و عکس العمل مناسبی را نشان می دهد.(شرط در جاوا اسکریپت)

مثال: یک فرم ارسال نامه را تصور کنید. اگر مثلا نام خود یا آدرس گیرنده را اشتباها ننویسید، برنامه، با پیامی این موضوع را به شما یادآوری می کند. یعنی اینکه متوجه عمل شما شده و یک واکنش مناسب، نشان می دهد. در این جلسه با این مقوله، یعنی هوشمند بودن جاوا، آشنا می شویم.

شرط در جاوا اسکریپت

شرط

تعريف شرط

  • یکی از ابزار و دستورات مهم هر زبان برنامه نویسی، شرط است. آیا می دانید شرط چیست؟ برای درک مفهوم آن، احتیاجی نیست به خود زحمت بدهید؛ چون این دستور، در زندگی من و شما به وفور یافت می شود. اگر خورشید در آید، هوا روشن می شود. اگر درس بخوانی، قبول میشوی.

ساختمان شرط if

جمله شرطی، از سه قسمت اصلی، تشکیل شده است:

  • ١- ادات شرط: کلمه ای که شرط را می رساند؛ مانند اگر.
  • ۲- شرط: جمله ای که شرط انجام کاری، واقع شده.
  • ۳- مشروط یا جزا: جمله ای که جزای شرط و در جواب آن آمده؛ یعنی در صورت تحقق شرط، آن نیز به وقوع می پیوندد.

در زبان برنامه نویسی هم مثل زبان محاوره ای، این سه رکن، رعایت شده. با این عناصر و طریقه نوشتن آنها،

آشنا می شویم.

عناصر شرط، در جاوا:

  • ١- ادات شرط
  • if ۲- شرط: داخل پرانتز (…..)
  • ۳- مشروط: داخل کروشه {…}

( شرط ) if

;{ جزا }

اهمیت شرط

اهمیت استفاده از شرط در برنامه نویسی، به فایده آن، برمی گردد. هر چقدر که استفاده از آن، منفعت داشته باشد، اهمیت دارد. این موضوع را با مثال، توضیح می دهم. 

به اولین دستوری که نوشتید دقت کنید. آنرا در داخل یک صفحه، نوشته اید که به محض ورود به آن، پیام دیده می شود. این خوب است ولی کامل نیست. تصور کنید هر دستور جاهایی که می نویسیم به محض ورود، نمایش داده شده یا اجرا شود. مثلا شما می خواهید اگر کاربر، آدرس گیرنده را ننوشت، اخطاری نشان داده شده و مانع ادامه کار گردد. این دستور باید کجا قرار گیرد؟ چگونه باید آنرا کنترل کرد که هرجا شما خواستید یا کاربر اشتباهی کرد، اجرا شود؟ اینجاست که باید دست به دامن شرط شد. پس از شرط، برای کنترل و تنظيم فرامین، استفاده می کنیم.

حالا همان مثال اولی، یعنی نمایش پیام را می خواهیم با کمی كنترل، اجرا کنیم. مثلا اگر رنگ پس زمینه صفحه ما، سفید بود، بنویسد سفید:

if (document.bgColor == “#ffffff”)

(“سفید”)alert}

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

 

انواع تگ ها در جاوا اسکریپت

ویرایشگران کد جاوا اسکریپت

مقدمه ای بر JavaScript بخش دوم

مقدمه ای بر JavaScript بخش اول

 

Tagged
کد جاوا اسکریپت

ویرایشگران کد جاوا اسکریپت

ویرایشگر کد که برنامه نویسان بیشتر وقت خود را می گذرانند.(کد جاوا اسکریپت)

دو نوع اصلی ویرایشگر کد وجود دارد: IDE ها و lightweight editors. بسیاری از افراد از یک نوع از هر نوع استفاده می کنند.

IDE

اصطلاح IDE (محیط توسعه یکپارچه) به یک ویرایشگر قدرتمند و دارای بسیاری از ویژگی ها اشاره دارد که معمولاً روی یک “کل پروژه” عمل می کند. همانطور که از نام این مقاله پیداست ، این ویرایشگر فقط یک ویرایشگر نیست بلکه یک “محیط توسعه” در مقیاس کامل است.

یک IDE پروژه را بارگیری می کند (که می تواند فایل های زیادی داشته باشد) ، امکان پیمایش بین پرونده ها را فراهم می کند ، اتمام خودکار را بر اساس کل پروژه (نه فقط پرونده باز)  که با یک سیستم مدیریت نسخه (مانند git) ، یک محیط آزمایش و سایر موارد “سطح پروژه” فراهم می کند

کد جاوا اسکریپت

اگر هنوز IDE انتخاب نکرده اید ، گزینه های زیر را در نظر بگیرید:

  • ویژوال استودیو کد (کراس پلت فرم ، رایگان).
  • WebStorm (کراس پلت فرم ، پرداخت شده).

برای ویندوز ، “ویژوال استودیو” نیز وجود دارد که نباید با “کد ویژوال استودیو” اشتباه گرفته شود. “ویژوال استودیو” یک ویرایشگر پولی و قدرتمند فقط برای ویندوز است ، و مناسب برای پلت فرم .NET است. در جاوا اسکریپت نیز خوب است. نسخه رایگان Visual Studio Community نیز وجود دارد.

سردبیران lightweight editors

“ویرایشگرهای سبک” به اندازه IDE ها قدرتمند نیستند ، اما سریع ، ظریف و ساده هستند.

آنها عمدتاً برای باز و ویرایش فوری یک پرونده استفاده می شوند.

تفاوت اصلی بین یک “lightweight editors” و “IDE” در این است که یک IDE در سطح پروژه کار می کند ، بنابراین داده های بسیار بیشتری را از ابتدا بار می دهد ، ساختار پروژه را در صورت لزوم و غیره تجزیه و تحلیل می کند. یک ویرایشگر سبک اگر فقط به یک پرونده نیاز داشته باشیم بسیار سریعتر است.(کد جاوا اسکریپت)

مقدمه ای بر JavaScript بخش اول 

مقدمه ای بر JavaScript بخش دوم

منبع:javascript 

Tagged
JavaScript

مقدمه ای بر JavaScript بخش اول

در این مقاله به مبانی JavaScript و نحوه کار کردن با جاوا اسکریپت می پردازیم.

JavaScript چیست؟

در ابتدا JavaScript برای “زنده نگه داشتن صفحات وب” ایجاد شد.

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

اسکریپت ها به صورت متن ساده تهیه و اجرا می شوند. آنها برای اجرا نیازی به تهیه یا تدوین ویژه ندارند.

از این جنبه ، JavaScript با زبان دیگری به نام جاوا بسیار متفاوت است.

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

این مرورگر موتور جاسازی شده ای دارد که گاه به آن “ماشین مجازی JavaScript” می گویند.

 

JavaScript

موتورهای مختلف دارای “کد های مختلف” می باشند. مثلا:

V8 – در Chrome و Opera.

SpiderMonkey – در Firefox.

نامهای رمزگذاری شده دیگری مانند “Trident” و “Chakra” برای نسخه های مختلف اینترنت اکسپلورر ، “ChakraCore” برای Microsoft Edge ، “Nitro” و “SquirrelFish” برای Safari و غیره وجود دارد.

اصطلاحات فوق را بخاطر بسپارید زیرا آنها در مقالات توسعه دهنده در اینترنت استفاده می شوند. ما هم از آنها استفاده خواهیم کرد به عنوان مثال ، اگر “ویژگی X توسط V8 پشتیبانی می شود” ، پس احتمالاً در Chrome و Opera کار می کند.

JavaScript مدرن یک زبان برنامه نویسی “ایمن” است. دسترسی سطح پایین به حافظه یا CPU را فراهم نمی کند ، زیرا در ابتدا برای مرورگرهایی که به آن احتیاج ندارند ایجاد شده است.

قابلیت های جاوا اسکریپت تا حد زیادی به محیطی که در آن اجرا می شود بستگی دارد. برای مثال ، Node.js از عملکردهایی پشتیبانی می کند که به JavaScript اجازه می دهد پرونده های دلخواه را بخواند / بنویسد ، درخواست های شبکه و غیره را انجام دهد.

جاوا اسکریپت در مرورگر می تواند همه موارد مربوط به دستکاری صفحه وب ، تعامل با کاربر و وب سرور را انجام دهد.

به عنوان مثال ، جاوا اسکریپت در مرورگر قادر است:

  • HTML جدید را به صفحه اضافه کنید ، محتوای موجود را تغییر دهید ، سبک ها را تغییر دهید.
  • به اقدامات کاربر واکنش نشان دهید ، روی کلیک های ماوس ، حرکات اشاره گر ، فشار کلیدها را اجرا کنی
  • درخواست ها را از طریق شبکه به سرورهای از راه دور ارسال ، بارگیری و بارگذاری فایل ها (به اصطلاح فناوری های AJAX و COMET) ارسال کنید
  • کوکی ها را دریافت و تنظیم کنید ، به بازدید کننده سؤال کنید ، پیام دهید.
  • داده های طرف مشتری (“ذخیره محلی”) را به خاطر بسپارید.

JavaScript

حتما مطالعه کنید : ۸ قانون طلایی UI

 

Tagged

مبانی جاوا اسکریپت

(مبانی جاوا اسکریپت) جاوا اسکریپت یک زبان برنامه نویسی است که تعامل با وب سایت شما را اضافه می کند (برای مثال بازی ها، پاسخ هایی که دکمه ها فشرده شده یا داده ها در فرم ها، یک ظاهر پویا، انیمیشن) وارد می شوند.

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

جاوا اسکریپت واقعا چیست؟

جاوا اسکریپت (“JS” به صورت کوتاه) یک زبان برنامه نویسی کامل پویا است که وقتی که به یک سند HTML اعمال می شود، می تواند تعامل پویا را در وب سایت ها فراهم کند. این توسط Brendan Eich، یکی از بنیانگذاران پروژه موزیلا، بنیاد موزیلا و شرکت موزیلا اختراع شد.

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

جاوا اسکریپت

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

  •   رابط برنامه نویسی برنامه مرورگر (APIs) – API های ساخته شده در مرورگرهای وب، قابلیت هایی مانند ایجاد پویا HTML و تنظیم سبک CSS، جمع آوری و دستکاری جریان ویدئو از وبکم کاربر یا تولید گرافیک ۳D و نمونه های صوتی فراهم می کند.
  •  API های شخص ثالث – به توسعه دهندگان اجازه می دهد که قابلیت های خود را از سایر ارائه دهندگان محتوا مانند توییتر و فیس بوک در سایت های خود قرار دهند.
  • چارچوب های شخص ثالث و کتابخانه ها – شما می توانید این ها را به HTML خود اعمال کنید تا بتوانید سایت ها و برنامه های خود را به سرعت ایجاد کنید.

از آنجا که این مقاله تنها مقدمه ای ساده برای جاوا اسکریپت است، ما در این مرحله با تفکیک دقیق در مورد تفاوت بین جاوا اسکریپت اصلی و ابزارهای مختلف ذکر شده در بالا به شما در این مرحله نمی اندیشیم. شما می توانید تمام جزئیات را بعدا در یادگیری جاوا اسکریپت و در بقیه MDN یاد بگیرید.

در زیر ما شما را به بعضی از جنبه های زبان اصلی معرفی می کنیم، و همچنین با چند ویژگی API مرورگر نیز بازی خواهید کرد. خوش بگذره!

مثال “سلام جهان”

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

با این حال، تبدیل شدن به راحتی با جاوا اسکریپت کمی سخت تر از تبدیل شدن به راحتی با HTML و CSS است. ممکن است مجبور شوید کوچک بشوید و در گام های کوچک همکاری کنید.(برای شروع، ما نشان خواهیم داد که چگونه برخی از اساسی جاوا اسکریپت را به صفحه اضافه کنیم، ایجاد یک “سلام جهان!” مثال (استاندارد در نمونه های برنامه نویسی پایه).

حتما مطالعه کنید مقاله : مزایا و معایب جاوا اسکریپت برای طراحی وب

Tagged
جاوا اسکریپت | طراحی سایت در کرج | طراحی وب سایت در کرج | هلدینگ کیان تجارت فاوا

مزایا و معایب جاوا اسکریپت برای طراحی وب

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

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

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

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

مزایا جاوا اسکریپت برای طراحی وب

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

این یک راه بسیار بهتر است که داشتن یک روال اعتبارسنجی طرف سرور، خطا را اداره می کند، زیرا سرور مجبور نیست هیچ پردازش اضافی انجام دهد. یک رویکرد ASP یا PHP می تواند برای رسیدن به همین کار نوشته شود، اما جاوا اسکریپت اجازه نمی دهد که فرم به صورت مکتوب ارسال شود، مگر اینکه در وهله اول به درستی تکمیل شود، راه حل بسیار قوی تر!

یکی دیگر از زمینه هایی که جاوااسکریپت در آن به چشم می خورد، ایجاد اثرات پویا مانند تصاویر رولینگ و نمایش اسلاید های اسکریپتی است. از آنجا که جاوا اسکریپت در داخل مرورگرهای مشتری اجرا می شود، می توان آن را برای تغییر ظاهر صفحه نمایش کاربران پس از صفحه توسط سرور ارسال کرد.

این اجازه می دهد تا آن را برای ایجاد برخی از اثرات بسیار جذاب پویا تصویر.

معایب جاوا اسکریپت برای طراحی وب

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

این گفت که مشکل توشت بزرگی از کد جاوا اسکریپت به راحتی با ذخیره کد جاوااسکریپت به فایل های منبع مجزا JavaScript که دارای پسوند .js هستند حل می شود. این کد صفحه وب شما را پاک می کند، زیرا کد JavaScript به صورت جداگانه به صفحه HTML ذخیره می شود، و یک صفحه وب بسیار پاکیزه تر و قابل خواندن تر است.

به دلیل تمایل JavaScript به نفوذ صفحات وب این می تواند بسیار مضر برای موتور جستجوگر دوستانه وب سایت شما.

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

باز هم این مشکل به راحتی حل می شود، با منظم ذخیره کردن کد JavaScript در فایل های اسکریپت با افزونه .js و پیوند به فایل اسکریپت در اسناد HTML شما.

در نتیجه

JavaScript یک اسکریپت مبتنی بر مرورگر مبتنی بر ویژگی و غنی است که اگر به درستی مورد استفاده قرار گیرد، میتواند به برخی از اثرات عالی دست یابد و تجربه را برای کاربر نهایی بهبود بخشد.

برای استفاده از آن، نقایصی وجود دارد که موجب پرت شدن صفحات وب میشود. نکته کلیدی که باید به یاد بیاورد این است که بهترین استفاده از هر دو جهان با استفاده از کد جاوا اسکریپت در فایل های اسکریپت خارجی.

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

 

Tagged