آموزش زبان جاوا اسکریپت javascript
آموزش زبان جاوا اسکریپت javascript
با سلام خدمت تمامی دوستان با دانش و همراهان عزیز طراحی سایت وب یار. مجموعه آموزش های طراحی سایت با عنوان آموزش زبان جاوا اسکریپت javascript توسط تیم طراحی سایت اصفهان وب یار برای شما عزیزان آماده شده است که از امروز به صورت آموزش های گام به گام زبان جاوا اسکریپت در اختیار شما عزیزان قرار داده می شود.
در اولین جلسه از آموزش های زبان جاوا اسکریپت javaScript با معایب و مزایای جاوا اسکریپت آشنا می شوید. یاد می گیرید که شروع کار با جاوا اسکریپت چگونه است! خوب بیشتر از این زمان رو از دست ندیم و به سراغ اولین مبحث از زبان جاوا اسکریپت (javaScript) بریم.
پیش نیازهای زبان جاوا اسکریپت
پیش نیاز های زبان جاوا اسکریپت ، html و css می باشد. در صورتی که به html تسط ندارید می توانید به مقاله ی آموزش طراحی سایت html5 سایت وب یار مراجعه فرمایید.
جاوا اسکریپت چیست؟
قبل از شروع کار با جاوا اسکریپت، اول باید توضیح دهیم که اصلا زبان جاوا اسکریپت چیست ! و چرا باید از آن استفاده کرد!
جاوا اسکریپت یک زبان برنامه نویسی تحت وب ، مفسری و سطح بالایی است که بر خلاف تصور عمومی با زبان برنامه نویسی جاوا کاملا متفاوت می باشد. درست است که یک سری شباهت هایی از لحاظ ساختاری به زبان های جاوا و سی پلاس پلاس دارد اما قواعد دستوری و قابلیت های مجزایی داشته و به منزله ی تولید صفحات وب به کار می رود. زبان جاوا اسکریپت تولید شده توسط شرکت netscape بوده و جاوا متعلق به شرکت sun microsystem می باشد.
زبان javaScript به دو صورت ساخت یافته و شئ گرا استفاده می گردد. در زبان ساخت یافته دادهها و توابع را جدا تشخیص داده که هر کدام از این توابع میتواند به هر دادهای دسترسی داشته باشد. در نهایت با حجم زیادی از رکورد ها مواجه می شود. بنابراین باید زبان ساخت یافته را در جای مناسب خودش به کار ببریم. اما زبان شئگرا دادهها و توابع مرتبط را در یک بخش جدا به نام کلاس گذاشته و هر نمونهای که از این نوع کلاس ساخته شود یک شئ نامیده میشود. در زبان برنامهنویسی شئگرا مفاهیمی مانند وراثت و چند ریختی وجود دارد که باعث عدم تولید کد تکراری می گردد.
زبان برنامه نویسی جاوا اسکریپت یک زبان سمت کلاینت (کاربر) است و روی اکثر مرورگر های امروزی کار می کند. این زبان به تمام خصوصیت های عناصر html و css دسترسی داشته و نسبت به رویدادهای کاربر واکنش نشان می دهد (مانند کلیک موس ، load شدن صفحه و…) از این رو جاوا اسکریپت با تغییر ساختار استاتیک html یک حالت پویایی در سمت کاربر به وجود آورده و به صفحات وب رفتار می بخشد. در ادامه با مزایا و معایب زبان جاوا اسکریپت آشنا میشویم تا خودتان بتوانید با توجه به نیازتان تصمیم درست برای انتخاب زبان جاوا اسکریپت جهت یادگیری را بگیرید.
معایب و مزایای جاوا اسکریپت
از جمله کاربرد ها و مزایای جاوا اسکریپت ایجاد منوهای زیبا ، انیمیشن و متحرک سازی ، حرکت عکس یا متن به همراه موس ، انجام عمیات ریاضی ، دسترسی به اطلاعات کاربر نظیر ip ، آمارگیری سایت ، ساخت و استفاده از cookie ها ، کنترل browser کاربر ، تعامل با کاربر از طریق input ها ، اعتبار سنجی و دیگر موارد می باشد. از طرفی چون زبان جاوا اسکریپت هیچ گونه تعاملی با سرور ندارد، برخی از کاربران طبق این موضوع اجرای کدهای جاوا اسکریپت را در مرورگر خود متوقف کرده و امنیت سایت را به خطر می اندازند. به همین سبب برای جلوگیری از هجوم هکرها به سایت این اعتبار سنجی ها را در سمت سرور با زبان های سروری asp و php نیز انجام می دهیم. بنابراین مورد اخیر یکی از معایب جاوا اسکریپت بوده که قابل کنترل است.
لیکن ما تمام دستورات جاوا اسکریپت را گام به گام و در طی جلساتی به شما آموزش داده و هیچ نگرانی از این بابت نخواهید داشت. حال آموزش خود را با یک مثال ساده از javaScript شروع می کنیم.
آموزش جلسه اول جاوا اسکریپت
لازم به ذکر است که جاوا اسکریپت به حروف کوچک و بزرگ حساس می باشد. به مثال زیر دقت کنید:
1 2 3 4 |
<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 واجب بود که در انتهای هر خط دستور از سمیکالون استفاده میکردید اما این امر در جاوا اسکریپت کاملا اختیاری شده است. اما اگر بخواهید کدهای خود را به صورت فشرده و بهینه بنویسید حتما باید از سمیکالون استفاده نمایید.
خوب جلسه ی شروع کار با جاوا اسکریپت تمام شد. امیدوارم که مطالب این بخش از آموزش جاوا اسکریپت برای شما مفید واقع شده باشد. در جلسه ی بعدی یاد می گیرید که چطور این کدهای جاوا اسکریپت را در سایت خود قرار دهید. پس با ما همراه باشید.
ساخت سایت رایگان خارجی یکی از دغدغههای مهم افراد برای پیشبرد اهداف کاری است. در واقع ایجاد سایت توسط شرکتهای معتبر، هزینههای زیادی در بر دارد، به همین دلیل است که افراد تلاش میکنند از طریق یادگیری نحوه ایجاد سایت به صورت رایگان و یا کمک گرقفتن از شرکتهایی که اقدام به ساخت سایت رایگان میکنند، این هزینهها را برای خود به میزان قابل توجهی کاهش دهند. اما برای انجام این کار چه باید کرد؟ به طور کلی در فضای اینترنت آموزشهای مختلفی برای این منظور ارائه شده است که مشاهده آنها میتواند تا حد زیادی به شما برای این منظور کمک کند، اما راهنمایی گرفتن از شرکتهای فعال طراحی سایت در این امر نیز یک مسئله ضروری است. در وهله اول لازم است که شما نوع سایتی را که میخواهید ایجاد کنید، انتخاب کنید. پس از آن یک قالب را به صورت سفارشی تعیین کنید و کار را آغاز کنید. برای ساخت سایت رایگان به چه چیزهایی نیاز است؟ ابتدا باید به دنبال یک سازنده سایت باشید، در واقع چنین شرکتهایی این امکان را به شما میدهند که پس از ساخت سایت، در فضای اینترنت جایگاه مناسبی برای خود به دست آورید. البته در هنگام تلاش برای کمک گرفتن از یک شرکت معتبر و باتجربه در این زمینه، حتما به چند نکته از جمله داشتن نمونه کار معتبر، داشتن […]
طراحی وبسایت به ساخت، راهاندازی و دیزاین صفحات وب گفته میشود که در ادامه با مزیت ساخت سایت در اصفهان آشنا می شویم. وبسایتها با استفاده از زبان کدنویسی طراحی میشوند. اما امروزه با پیشرفت فناوری، تواناییها و ویژگیهای برنامههای ساخت وبسایتها افزایش یافته و کار را برای برنامهنویسان و طراحان وب آسانتر کرده است. با توسعه فناوری و استفاده روز افزون مردم از تکنولوژیهای پیشرفته و همینطور تاثیر شیوع کرونا، باعث شد تا مردم نیازهای خود را به صورت آنلاین و حضوری برطرف کنند. همینطور اکثر شرکتها و حتی فروشگاهها کلیه خدمات خود را به صورت اینترنتی در اختیار کاربران و مشتریان خود قرار میدهند. از این رو وبسایتها اهمیت بسیار زیادی دارند. وبسایتها انواع مختلفی از جمله وبسایتهای فروشگاهی، شرکتی، خدماتی و… دارند. طراحی یک وبسایت حرفهای میتواند شما را در جذب مشتری در اصفهان و شهرهای دیگر کمک کند، مشتریانی که هم میتوانند توریست باشند و هم از افراد خود اصفهان. طراحی یک وبسایت به خدماتی بستگی دارد که افراد میتوانند به مشتریان خود ارائه دهند. افراد با طراحی یک وبسایت میتواند محصولات و یا خدمات خود را به همه مردم ایران و یا حتی جهان معرفی کنند. این خدمات میتواند خدمات فروشگاهی و راهبردی باشند. از این رو انتخاب شرکتی که بهترین و به روزترین خدمات ساخته وبسایت در اصفهان برای طراحی انواع وبسایتهای تجاری را […]
دنیای امروزه دنیای ارتباطات می باشد واهمیت رسانه ها بیشتر از همیشه احساس می شود. شبکه های اجتماعی با هدف ارتباط گرفتن افراد به وجود آمد و امروزه برای تبلیغات کسب و کارها بسیار مهم تلقی می شود. درعصر ارتباطات اغلب کسب وکارها برای پیشرفت زمینه ی شغلی خود به سمت تبلیغات در شبکه های اجتماعی روی آورده اند.شبکه های اجتماعی محبوب در اطلاع رسانی برای خبرهای روزانه نقش بسیار مهمی را ایفا می کنند. با وب یار همراه باشید تا با بهترین شبکه های اجتماعی در ایران آشنا شویم. در جامعه ی امروزی شبکه های اجتماعی جزئی از زندگی مردم شده که برای تبلیغات ،اطلاع رسانی ها و آموزش و…از این شبکه ها بهره می برند.باتوجه به همگانی شدن شبکه های اجتماعی بین مردم لازم است که در مورد هر کدام از این شبکه ها اطلاعاتی کسب کنیم تا از جوامع امروز عقب نمانیم. تاریخچه مختصری در مورد شبکه های اجتماعی : ریشه شکل گرفتن مفهوم شبکه های اجتماعی در سال 1960در دانشگاه ایلی نویز در آمریکا بود.و بعد از روی کار آمدن مفهوم شبکه های اجتماعی در سال 1997سایتی تشکیل شد که اجازه ایجاد پروفایل به افرادمختلف را داد هدف این سایت جمع کردن لیستی از دوستان در کنار هم بود و بعد از آن هم شبکه های اجتماعی مختلفی با اهداف متنوع روی کار آمد. در سال […]
طراحی قالب وردپرس امروزه طرفداران زیادی پیدا کرده است. وردپرس یک سیستم مدیریت محتوای قوی است که می توان با آن قالب های زیبایی طراحی کرد. در مطلب امروز وب یار می خواهیم با نحوه طراحی قالب وردپرس آشنا شویم. بیشتر سایت های دنیای وب امروزی با این سیستم مدیریت طراحی می شودو بازار کار خوبی دارد به ویژه اگر این قالب مختص کسب وکار شما باشد و با توجه به نیاز ها و سلایق شما طراحی شده باشد در این صورت است که علاوه برتکراری نبودن پاسخگوی نیازهای مجموعه شما می باشد. بررسی انواع قالب سایت قالب سایت چیست؟ ابتدا بهتر است کمی به تاریخچه آن بپردازیم. در آغاز قرن جاری و در زمانی که اینترنت هنوز در ابتدای راه خود بود، صفحات سایتها به شکل سادهای طراحی میشدند که از چند متن ساده، چند باکس رنگارنگ و شاید یک یا دو تصویر تشکیل شده بودند. تنها افرادی که دارای صفحات وب بودند، کسانی بودند که تخصص فنی در اچتیامال برای ساختن یک صفحه سایت را داشتند یا میتوانستند هزینه انجام این کار را به افرادی که این کار را میکردند، پرداخت کنند. اما از آن زمان تاکنون تغییرات زیادی صورت گرفته است و اکنون پلتفرمهای آنلاین زیادی وجود دارند که به افرادی که تجربه طراحی یا برنامهنویسی نسبتا کمی دارند، توانایی اجرای یک وبسایت کاملاً کارآمد را میدهند. […]
ساخت نرم افزار بدون کد نویسی و با استفاده از کدنویسی انجام میشود. در این مقاله از وب یار قصد داریم تا به چگونگی ساخت نرم افزار تحت ویندوز بدون کد نویسی و مزایای آن نسبت به روشهای قدیمی بپردازیم. با پیشرفت تکنولوژی بستر استفاده از موبایلها و کامپیوترها گستردهتر شده است، زیرا روز به روز به تعداد کاربران آنها افزوده میشود. اگر شما نیز ایدهای برای تولید نرم افزار و سرویسدهی در این بستر را دارید، بهتر است هر چه سریعتر دست به کار شوید و از این فضا که پتانسیل بالایی دارد برای کسب درآمد استفاده کنید. ساخت نرم افزار بدون کد نویسی چگونه ممکن است؟ این روزها دیگر نیاز نیست تا پروسهی طولانی آموزش برنامه نویسی را طی کنید تا بتوانید به ساخت نرم افزارها بپردازید. در گذشته اگر قصد ساخت برنامهای را داشتید باید ساعتها زمان صرف میکردید تا با استفاده از کدها دستور العملهایی را برای برنامه تعریف کنید تا عملکرد درستی داشته باشد. همچنین پس از تعریف آن دستور العملها باید مراحل آزمون و خطا را طی میکردید تا به اصطلاح برنامهای که ساختهای را باگ گیری (اشکالگیری) کنید. اما دیگر ساخت نرم افزار بدون کد نویسی یک رویا نیست! متخصصان نرم افزارهای زیادی را به عنوان ابزارهای کمکی طراحی کردهاند تا کاربران بتوانند بدون نوشتن حتی یک خط کد، نرم افزار ایدهآل خود […]
در این لینک مقالات مرجع جاوا اسکریپت برای شما عزیزان فراهم شده تا دسترسی راحت تری به مطالب حوزه جاوااسکریپت داشته باشید. آموزش زبان جاوا اسکریپت javascript + جلسه اول زبان برنامه نویسی جاوا اسکریپت یک زبان سمت کلاینت (کاربر) است و روی اکثر مرورگر های امروزی کار می کند. این زبان به تمام خصوصیت های عناصر html و css دسترسی داشته و نسبت به رویدادهای کاربر واکنش نشان می دهد محل قرار گیری کدهای جاوا اسکریپت + جلسه دوم تگ های جاوا اسکریپت این توانایی را دارند که در هر جایی از صفحات html به کار روند. آموزش دستورات مهم جاوا اسکریپت + جلسه سوم دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند. آموزش توضیحات در جاوا اسکریپت + جلسه چهارم توضیحات در جاوا اسکریپت به دو صورت به کار می روند: 1- توضیحات تک خطی 2- توضیحات چند خطی تعریف متغیرها در جاوا اسکریپت + قسمت پنجم متغیرها در javaScript حافظ و حامل اطلاعات هستند. یعنی این متغیرها اطلاعاتی را در خود ذخیره نموده و در حین اجرای برنامه با شرایط مختلف تغییر می کنند. انواع داده ها در JavaScript + جلسه ششم زبان جاوا اسکریپت نیز همانند سایر زبان های برنامه نویسی از انواع داده های عددی (Number) ، رشته ای (String) ، […]