0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

آموزش زبان جاوا اسکریپتjava script

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد ستاره های خود را از این مطلب از چپ به راست انتخاب نمایید
تعداد بازدید 216
تاریخ بروزرسانی ۱۳ تیر ۱۳۹۶

آموزش زبان جاوا اسکریپتjava script

زبان جاوا اسکریپت javaScript

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

در اولین جلسه از آموزش های زبان جاوا اسکریپت javaScript  با  معایب و مزایای جاوا اسکریپت آشنا میشوید و یاد میگیرید که شروع کار با جاوا اسکریپت چگونه است! خوب  بیش تر از این زمان رو از دست ندهیم و به سراغ اولین مبحث از زبان جاوا اسکریپت(javaScript) بریم.

آموزش جاوااسکریپت اصفهان

 

پیش نیازهای زبان جاوا اسکریپت

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

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

قبل از شروع کار با جاوا اسکریپت، اول باید توضیح دهیم که اصلا زبان جاوا اسکریپت چیست ! و چرا باید از آن استفاده کرد!

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

زبان javaScript به دو صورت ساخت یافته و شئ گرا استفاده می گردد. در زبان ساخت یافته داده ها و توابع را جدا تشخیص داده که هر کدام از این توابع می تواند به هر داده ای دسترسی داشته باشد. در نهایت با حجم زیادی از رکورد ها مواجه می شود.  بنابراین باید زبان ساخت یافته را در جای مناسب خودش به کار ببریم. اما زبان شئ گرا داده ها و توابع مرتبط را در یک بخش جدا به نام کلاس گذاشته و هر نمونه ای که از این نوع کلاس ساخته شود یک شئ نامیده می شود. در زبان برنامه نویسی شئ گرا مفاهیمی مانند وراثت و چند ریختی وجود دارد که باعث عدم تولید کد تکراری می گردد.

زبان برنامه نویسی جاوا اسکریپت یک زبان سمت کلاینت (کاربر) است و روی اکثر مرورگر های امروزی کار می کند. این زبان به تمام خصوصیت های عناصر html و css دسترسی داشته و نسبت به رویدادهای کاربر واکنش نشان می دهد (مانند کلیک موس ، load شدن صفحه و…) از این رو جاوا اسکریپت با تغییر ساختار استاتیک html یک حالت پویایی در سمت کاربر به وجود آورده و به صفحات وب رفتار می بخشد.اما در ادامه با مزایا و معایب زبان جاوا اسکریپت آشنا میشویم تا خودتان بتوانید با توجه به نیازتان تصمیم درست برای انتخاب زبان جاوا اسکریپت جهت یادگیری را بگیرید.

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

از جمله کاربرد ها و مزایای جاوا اسکریپت ایجاد منوهای زیبا ، انیمیشن و متحرک سازی ، حرکت عکس یا متن به همراه موس ، انجام عمیات ریاضی ، دسترسی به اطلاعات کاربر نظیر ip ، آمارگیری سایت ، ساخت و استفاده از cookie ها ، کنترل browser کاربر ، تعامل با کاربر از طریق input ها ، اعتبار سنجی و دیگر موارد می باشد. از طرفی چون زبان جاوا اسکریپت هیچ گونه تعاملی با سرور ندارد، برخی از کاربران طبق این موضوع اجرای کدهای جاوا اسکریپت را در مرورگر خود متوقف کرده و امنیت سایت را به خطر می اندازند. به همین سبب برای جلوگیری از هجوم هکرها به سایت این اعتبار سنجی ها را در سمت سرور با زبان های سروری asp و php نیز انجام می دهیم. بنابراین مورد اخیر یکی از معایب جاوا اسکریپت بوده که قابل کنترل است.

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

آموزش جلسه اول جاوا اسکریپت

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

<p id=” demo “>my first project</p>
<script type=”text/javascript”>
Document.getElementById(“demo”).innerHtml=”my first javascript”;
</script>

 

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

برای وارد کردن کدهای جاوا اسکریپت در html از تگ script استفاده می کنیم. Type نیز مشخص می کند که مستند ما از چه نوعی است.

در جاوا اسکریپت شئ ای به نام Document داریم که به کل محتوا و صفحه ی وب ما اشاره می کند. توسط این شئ متدهای جاوا اسکریپت را فراخوانی می کنیم. یکی از این متدها getElementById است. کار این تابع معرفی عناصر با id مشخص است. بعد از این که عنصر مورد نظر پیدا شد ، عملیات مورد نظر را بر روی آن انجام می دهیم. به طور مثال با تابع innerHtml می توانیم محتوای یک عنصر را تغییر دهیم.

تابع write() نیز همانند تابع innerHtml برای نوشتن محتوا به کار می رود اما توصیه می کنیم که هیچ وقت از این تابع استفاده نکنید چون این تابع کل مدل صفحه ی وب شما را پاک و جایگذاری می کند. در جلسه ی مربوط به DOM (Document Object Model) در مورد این موضوع بیشتر صحبت می کنیم.

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

نکته ای که در زبان جاوا اسکریپت خیلی مهم می باشد استفاده از سمیکالون (;)  است. همان طور که می دانید در زبان هایی مانند c واجب بود که در انتهای هر خط دستور از سمیکالون استفاده می کردید اما این امر در جاوا اسکریپت کاملا اختیاری شده است. اما اگر بخواهید کدهای خود را به صورت فشرده و بهینه بنویسید حتما باید از سمیکالون استفاده نمایید.

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

تعداد ستاره های خود را از این مطلب از چپ به راست انتخاب نمایید
مطالب مرتبط
طراحی سایت چند فروشندگی آراد پیپر
مطالعه :

طراحی سایت چند فروشندگی آراد پیپر طراحی سایت چند فروشندگی آراد پیپر با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت اصفهان و سئو سایت اصفهان وب یار است. این سایت در زمینه ی سایت فروشگاهی پخش کاغذ و لوازم التحریر، لوازم جانبی موبایل، کارت ویزیت، پایان نامه و نیز ترجمه فعالیت دارد. سایت فروشگاهی آراد پیپر برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف مرکز پخش کاغذ و لوازم التحریر، لوازم جانبی موبایل، کارت ویزیت، پایان نامه ، ترجمه و سایر حوزه های فروشگاهی می باشد بسیار مناسب است.   آدرس سایت جهت مشاهده تمامی امکانات داخلی و گرافیکی سایت aradpaper.com طراحی سایت چند فروشندگی آراد پیپر منجر به افزایش فروش و درآمد افراد در حوزه های مختلف کسب و کار می شود. در ادامه با هم امکانات سایت آراد پیپر که به تازگی توسط تیم طراحی سایت وب یار طراحی شده است را بررسی می کنیم. اگر شما هم نیاز به طراحی سایت و طراحی سایت فروشگاهی دارید بهتر است طراحی سایت اختصاصی فروشگاهی آراد پیپر را ببینید تا انتخاب آگاهانه تری در مورد انتخاب امکانات سایت خود داشته باشید؛ چرا که ممکن است در میان انتخاب امکانات سایت خود برخی از نیازهای سایت از خاطر شما دور مانده باشد.   ویژگی طراحی سایت چند فروشندگی آراد پیپر از ویژگی های بارز طراحی […]

wireframe-by-photoshop
مطالعه : 5 دقیقه

طراحی وایرفریم در فوتوشاپ     طراحان حرفه ای ترجیح می دهند از فوتوشاپ برای ترسیم وایرفریم استفاده کنند. هر چند ممکن است برای تازه کارها طراحی با فوتوشاپ مشکل باشد اما جذابیت کار با ابزارهای فوتوشاپ هرکسی را شیفته خود می کند پس مطمئن باشید با کسب مهارت لازم و رسم چند وایرفریم در فوتوشاپ، دیگر سراغ سایر نرم افزارهای طراحی وایرفریم نخواهید رفت؛ در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید تا شما عزیزان را با اصول طراحی وایرفریم در فوتوشاپ بیشتر آشنا کنیم. پیشنهاد می کنیم پست دیگر ما را که درباره معرفی وایرفریم است مطالعه بفرمائید.   چگونه در فوتوشاپ وایرفریم طراحی کنیم؟ قبل از شروع طراحی وایرفریم، باید از خودتان بپرسید کدام صفحه را مایلید طراحی کنید. چه چیزی آن را از سایر سایت های طراحی شده متفاوت می کند و وجود کدام عناصر در این صفحه ضروریست. حالا یک قلم بردارید و طرح اولیه خود را روی کاغذ رسم کنید تا ایده های ذهنی خود را به یک شکل قابل دیدن تبدیل کرده باشید. با این کار یک دید کلی از طرحی که می خواهید در فوتوشاپ ایجاد کنید بدست می آورید. در طراحی وایرفریم ها، سادگی و وضوح المان ها خیلی مهم است.   نکاتی که باید در طراحی وایرفریم رعایت کرد: 1- به جای تصاویر از اشکال هندسی مانند […]

سفارشات در ووکامرس
مطالعه : 5 دقیقه

سفارشات در ووکامرس order in woocommerce بخش سفارشات در ووکامرس یکی از بخش های اساسی هر فروشگاه اینترنتی می باشد که یادگیری آن برای هر طراح سایت و مدیر فروشگاه اینترنتی ضروری می باشد.سفارشات در ووکامرس یکی از بحش های اساسی است و باید به بررسی آن ها پرداخت.بررسی نکردن آن ها ریسک بزرگی است! در بعضی مواقع ممکن است فاصله بین سفارش کالا توسط مشتری و ارسال آن طولانی شود. در مطلب امروز شما را با تنظیمات بیشتر بخش سفارشات در ووکامرس آشنا می کنیم. تا انتهای مطلب با تیم طراحی سایت اصفهان وب یار همراه باشید. هنگامی که یک مشتری فرآیند خرید خود را به اتمام می رساند سفارشات در ووکامرس ساخته می شوند و تنها برای بخش مدیریت و ادمین فروشگاه قابل دیدن می باشد . بخش سفارشات فروشگاه اینترنتی شامل سفارشات ، کسانی که از ما خرید کرده اند ، اطلاعات آن ها و … می باشد. برای مثال تراکنش کاربر x تا چه مرحله ای پیش رفته است؟ کدام تراکنش ها موفقیت آمیز بوده و منجر به خرید توسط کاربران شده است؟ در واقع هدف از بررسی بخش سفارشات در ووکامرس به دست آوردن اطلاعات کاملی درمورد سفارشات می باشد تا به ما در تحلیل آمار سایت کمک کند. در شکل زیر بخش سفارشات در ووکامرس نمایش داده شده است.       اگر از […]

استاندارد رنگ ها
مطالعه : 8 دقیقه

کد رنگ و استاندارد های رنگ مادر و فرزند یکی از موارد اصلی برای طراحی سایت، طراحی فروشگاه اینترنتی و اپلیکیشن انتخاب ترکیب رنگ مناسب می باشد که از اهمیت بالایی برخوردار است و می تواند بر روی تصمیم کاربر اثر زیادی بگذارد. یکی از مشکلات اکثر طراحان سایت سرسری گرفتن این مرحله از طراحی است و آنقدر که لازم است زمان بر روی این موضوع نمی گذارند. در انتخاب رنگ و استاندارد های رنگ همیشه باید توازن بین رنگ ها را در نظر بگیرید. در این مطلب قصد داریم شما را با استاندارد های رنگ آشنا و در این زمینه راهنمایی کنیم تا بتوانید سایت های جذاب برای افزایش فروش و برندینگ شدنتان طراحی کنید. چند مدل رنگ دهی داریم؟ سه مدل رنگ دهی وجود دارد که در زیر به آن ها اشاره می کنیم. استفاده از نام رنگ مانند: red,blue,black و … استفاده از کد ترکیبی (مبنای دهدهی): در این روش از رنگ دهی از کد رنگ به صورت RGB استفاده می شود. که R برای شدت رنگ قرمز،G برای شدت رنگ سبز و B برای شدت رنگ آبی است. استفاده از کد رنگ ترکیبی (مبنای 16): این روش رنگ دهی که به دلیل سادگی و دقیق بودن آن بیشترین کاربرد را دارد از فرمت #rrggbb استفاده می شود که مانند روش دوم است با این تفاوت که […]

مفاهیم پایه اینترنت
مطالعه : 15 دقیقه

مفاهیم پایه ای اینترنت بیشتر کاربران مایل اند از اینترنت برای دریافت اطلاعاتی درباره موضوع مورد علاقه شان، انجام امور بانکی، بازی های آنلاین و خرید اینترنتی استفاده کنند، اما شاید بیشترشان اطلاعات اندکی از مفاهیم پایه ای اینترنت داشته باشند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا به شما بگوییم اینترنت چیست و مفاهیم پایه ای اینترنت چه موضوعاتی را شامل می شود. آنچه در این مقاله خواهید خواند: .   اینترنت چیست؟ مرورگر چیست؟ لینک چیست؟ ایمیل چیست؟ آی پی چیست؟ دامنه چیست؟ زون چیست؟ سرور چیست؟ HTML و CSS چیست؟ طراحی و برنامه نویسی استاتیک چیست؟ طراحی و برنامه نویسی دینامیک چیست؟ .   1) اینترنت چیست؟ اینترنت که گاهی به سادگی « نت » خوانده می شود، یک سیستم جهانی از شبکه های کامپیوتری است؛ به عبارت دیگر، اینترنت، شبکه ای از شبکه هایی است که کاربران در صورت مجاز بودن می توانند از هر کامپیوتری که در این شبکه است اطلاعات مورد نظر خود را دریافت کنند، به اشتراک بگذارند و یا حتی با یکدیگر مکالمه داشته باشند!   تاریخچه اینترنت اینترنت در سال 1969 توسط آژانس پروژه های تحقیقاتی پیشرفته دولت آمریکا (ARPA)  به تصویب رسید و در ابتدا با نام ARPANet شناخته می شد. هدف اولیه از ایجاد اینترنت آن بود که کامپیوترهای تحقیقاتی دو دانشگاه مختلف بتوانند با یکدیگر […]

23نکته سئو
مطالعه : 5 دقیقه

23 نکته سئو در دنیای امروزی که همه چیز بر مبنای رسانه می باشد ، سایت و جایگاه سایت برای موتورهای جست و جو اهمیت زیادی دارد. سایت بدون سئو مانند انسانی است که در بیابانی رها شده و کسی صدای او را نمی شنود. بهینه سازی موتور جست و جو مجموعه ای از روش ها برای تغییر استراتژی وب سایت ها و پیدا کردن جایگاه سایت ها در گوگل و مشاهده بیشتر کاربران از سایت ها می باشد. سئو ی داخلی و خارجی از انواع سئو می باشد که در دوره آموزش سئو داخلی و سئو خارجی می توانید با آن ها آشنا شوید. مهمترین عوامل برای افزایش اهمیت سایت در موتور جست و جو ، راه های سئو و یادگیری نکته سئو می باشد. الگوریتم رتبه بندی گوگل معیار های زیادی دارد که برای رسیدن به آن معیار ها ما به 23 نکته سئو مهم برای محتوا گذاری اشاره می کنیم که بسیار با اهمیت هستند و می توانند شما را برای پیدا کردن راه در بیابان بزرگ اینترنت کمک کنند. 23 نکته سئو و محتوا گذاری اولین نکته سئو این است که هر مطلب حداقل 500کلمه داشته باشد و فرعی و اصلی بودن آن مشخص شود. برای اینکه سایت مان با یکسری از کلمات کلیدی سئو شود از الگوریتم لینک سازی استفاده می کنیم به این صورت […]

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *