به نقل از «امتداد نیوز»

جاوا اسکریپت به زبان ساده: جلسه اول آشنایی با جاوا اسکریپت

تاریخ انتشار: ۲ آبان ۱۳۹۶ | کد خبر: ۱۵۲۳۲۵۸۱

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

بیشتر بخوانید: اخباری که در وبسایت منتشر نمی‌شوند!

 

 به‌طور طبیعی بعد از یادگیری HTML و CSS نوبت یادگیری جاوا اسکریپت می‌رسد. یادگیری جاوا اسکریپت چندان کار سختی نیست؛ ولی نکته مهم در رابطه با یادگیری این زبان، آن است که بر خلاف اچ‌تی‌ام‌ال یا سی‌اس‌اس که زبان‌های نشانه‌گذاری محسوب می‌شوند، جاوا اسکریپت یک زبان «برنامه نویسی» است. پس انتظار یادگیری سریع و بدون دردسر نداشته باشید و خود را برای چالش‌های جدید و درگیری‌های ذهنی بیشتر آماده کنید.  

چرا باید جاوا اسکریپت یاد بگیریم؟

یکی از ارکان اولیه برای ورود به دنیای برنامه نویسی و خصوصا برنامه نویسی وب، یادگیری جاوا اسکریپت است. اگر بخواهیم به‌طور کلی صحبت کنیم، جاوا اسکریپت کارش افزودن منطق به فضای اچ‌تی‌ام‌ال است. در واقع با کمک اچ‌تی‌ام‌ال و سی‌اس‌اس به‌تنهایی، نمی‌توان یک صفحه‌ی وب کامل داشت. مثلا فرض کنید که می‌خواهید با کلیک روی یک دکمه، محتویات جدیدی در صفحه اچ تی ام ال نمایش دهید یا یک سری از المنت‌های صفحه را حذف یا اضافه کنید.  این‌ کارها به کمک HTML CSS قابل پیاده‌سازی نیستند. اینجا است که جاوا اسکریپت پا به میدان می‌گذارد و بار منطقی و اجرایی بسیاری از کارهای وب را بر دوش می‌کشد.

جاوا اسکریپت جزو زبان‌های فرانت‌اند وب محسوب می‌شود

اگر نمی‌دانید فرانت‌اند و بَکِند چیست در ادامه مطلب ما را دنبال کنید. به‌طور کلی برنامه نویسی وب به دو بخش کلی تقسیم می‌شود. فرانت اند (FrontEnd) و بکند (Backend). فرانت‌اند به هر آن چیزی گفته می‌شود که توسط کاربر دیده و در مرورگر رندر می‌شود. بکند نیز به هر آن چیزی که در سمت سرور (که بار پردازش منطق و هسته هر سایت را بر عهده دارد) است گفته می‌شود. جاوا اسکریپت اصولا یک زبان سمت کاربر یا فرانت‌اند است که بار منطقی فرآیندهای سمت وب را بر عهده می‌گیرد. البته با به وجود آمدن زبان NodeJS امکان نوشتن سرویس‌های وب سمت سرور با جاوا اسکریپت نیز وجود دارد.

ابزارها و کتابخانه‌های معروف جاوا اسکریپت

یکی از مزایای جاوا اسکریپت، فریم‌ورک‌ها و کتابخانه‌هایی است که بر پایه این زبان شکل گرفته‌اند. کتابخانه هر زبان برنامه نویسی، در واقع مجموعه‌ای از دستورات آن زبان است که در قالب خلاصه و آماده برای استفاده قرار می‌گیرد. یکی از مشهورترین و نام‌آشناترین کتابخانه‌های جاوا اسکریپت، Jquery است. جی‌کوئِری (Jquery) در واقع مجموعه‌ای از دستورات پیچیده‌ی جاوا اسکریپت است که به‌صورت بسیار ساده و آسان در اختیار همه قرار دارد. از مزیت‌های جی‌کوئِری برای مثال این است که برای یک کار اگر باید ده خط کد جاوا اسکریپت بنویسید، با استفاده از یک متد یک خطی جی‌کوئِری می‌توانید همان کار را با کیفیت و دقت بالا انجام دهید.

برای اینکه بیشتر از پیش به یادگیری جاوا اسکریپت علاقمند شوید، می‌خواهیم به شما بگوییم که این روزها  جاوا اسکریپت، تنها یک زبان برنامه نویسی برای طراحی سایت و افزودن مقداری انیمیشن و حرکت و منطق به وب‌سایت‌ها نیست. فریم‌ورک‌ها و ابزارهای بسیار زیادی با کمک این زبان توسعه داده شده‌اند که با کمک آن‌ها می‌توان از اپلیکیشن‌های موبایل گرفته تا سیستم‌های پیچیده را پیاده‌سازی کرد. ابزارهایی مثل ReactJS شرکت فیس‌بوک یا Angular JS شرکت گوگل از جمله‌ی این ابزارها هستند. همچنین با روی کار آمدن NodeJS، امکان اجرای کدهای جاوا اسکریپت به‌عنوان زبان سمت سرور نیز فراهم شده است.

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

کتابخانه‌ی ReactJS که بسیاری از سایت‌ها و سرویس‌های بزرگ بر پایه‌ی این فریم‌ورک توسعه داده‌ شده‌اند. React Native محصول دیگری از شرکت فیس‌بوک که امکان تولید اپلیکیشن‌های موبایل بر پایه زبان جاوا اسکریپت را فراهم می‌کند. نمونه بارز آن اپلیکیشن موبایل اینستاگرام است. فریم ورک AngularJs گوگل که آخرین نسخه آن angular 4 است و بسیاری از ابزارها و سرویس‌های بزرگ بر پایه‌‌ی آن توسعه داده‌ شده‌اند. زبان اپن سورس NodeJS که  امکان برنامه‌نویسی با زبان جاوا اسکریپت را در سمت سرور فراهم می‌کند.  در این دوره چه چیزهایی فرا خواهیم گرفت؟

ما در این دوره تمرکز اصلی خود را بر کسانی قرار داده‌ایم که قصد ورود به دنیای برنامه‌نویسی جاوا اسکریپت دارند. به همین دلیل سعی شده است مطالب تا حد امکان ساده و به دور از عمق و پیچیدگی بسیار باشد. البته این بدان معنا نیست که مفاهیم مهم را از قلم انداخته‌ایم،؛ بلکه بدین معنا است که آموزش پیش روی شما سعی دارد در عین سادگی و روان بودن، مفاهیم اصلی را نیز توضیح دهد و از گفتن جزئیات تکمیلی خودداری شود. در ادامه‌ی این آموزش‌ها مطالب زیر را فرا خواهید گرفت‌ (توجه کنید که مفاهیم زیر بسیار کلی هستند و در خلال آموزش مطالب بیشتری گنجانده شده است):

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

۲. آشنایی با ابزارهای دیباگ جاوا اسکریپت (کنسول مرورگر)

۳. آشنایی با مفاهیم اولیه از جمله متغیرها و انواع آن

۴. آشنایی با فانکشن‌ها

۵. آشنایی با آبجکت‌ها

۶. آشنایی با آرایه‌ها

۷. شرط‌ها و if و else در برنامه نویسی

۶. EventListener و Event-ها

۷. تغییر DOM (المان‌های صفحه‌ی اچ‌تی‌ام‌ال) از طریق جاوا اسکریپت

برای اجرای کدهای جاوا اسکریپت به چه چیزی نیاز داریم؟

به‌صورت کلی برای اجرای کدهای جاوا اسکریپت، هیچ ابزار خاصی نیاز نیست. در واقع بر خلاف زبان‌های دیگر که نیاز به یک کامپایلر برای اجرای کدها دارند، جاوا اسکریپت روی مرورگرهای اینترنت اجرا می‌شود. برای نوشتن کدها نیز یک ادیتور متن ساده مانند نوت پد پیش‌فرض ویندوز کار شما را راه می‌اندازد؛ اما برای راحتی کار و بهتر یاد گرفتن توصیه می‌کنیم از IDE (محیط‌ها و نرم‌افزارهای کدنویسی و توسعه) مناسب استفاده کنید. پیشنهاد ما به شما، Visual Studio Code مایکروسافت یا نرم افزار ++NotePad است.

لینک دانلود Visual Studio Code – نسخه سبک محیط توسعه مایکروسافت (این نسخه با آن ابزار مشهور چند گیگابایتی مایکروسافت Visual Studio تفاوت دارد.)

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

برای یادگیری جاوا اسکریپت نیاز نیست حتما برنامه‌نویس کارکشته‌ای باشید؛ اما باید با زبان‌های طراحی وب پایه همچون HTML و CSS آشنایی اندکی داشته باشید. این را هم به خاطر داشته باشید که جاوا اسکریپت زبان برنامه نویسی است و بر خلاف اچ‌تی‌ام‌ال و سی‌اس‌اس که زبان نشانه‌گذاری هستند، کمی بیشتر شما را درگیر «برنامه نویسی» می‌کند، به همین خاطر ممکن است برای یادگیری آن کمی به صبر و حوصله و تمرین بیشتری نیاز داشته باشید. 

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

دوره رایگان آموزش HTML و CSS

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

   

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

     

   

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

کار این تگ چیست؟‌

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

   

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

       

       

          /* کد جاوا اسکریپت شما اینجا نوشته خواهد شد */

       

   

حال می‌خواهیم به‌محض اینکه این صفحه‌ی خالی باز شد، یک پیغام هشدار  ()alert برای کاربر باز شود و به او جمله‌ی «خوش‌آمدید» را اعلام کند. برای این کار بین تگ script که پیش‌تر باز کردید، عبارت("سلام به اولین جلسه از آموزش جاوا اسکریپت خوش آمدید")alert را بنویسید.

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

   

   

       /* کد جاوا اسکریپت شما اینجا نوشته خواهد شد */

        alert(“سلام به اولین جلسه از آموزش جاوا اسکریپت خوش آمدید”)

   

 

حال صفحه‌ی اچ‌تی‌ام‌ال خود را ذخیره و آن را یک بار ریفرش کنید. خواهید دید که به محض بارگذاری صفحه، پیغام نوشته‌شده توسط شما در قالب یک پنجره‌ی «alert» نمایش داده خواهد شد.

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

کپی رایت تصویر کاور: وب‌سایت طراحان freepik.com

true برچسب ها : JavaScript آموزش html و css طراحی وب آموزش طراحی وب true

منبع: امتداد نیوز

درخواست حذف خبر:

«خبربان» یک خبرخوان هوشمند و خودکار است و این خبر را به‌طور اتوماتیک از وبسایت www.emtedadnews.com دریافت کرده‌است، لذا منبع این خبر، وبسایت «امتداد نیوز» بوده و سایت «خبربان» مسئولیتی در قبال محتوای آن ندارد. چنانچه درخواست حذف این خبر را دارید، کد ۱۵۲۳۲۵۸۱ را به همراه موضوع به شماره ۱۰۰۰۱۵۷۰ پیامک فرمایید. لطفاً در صورتی‌که در مورد این خبر، نظر یا سئوالی دارید، با منبع خبر (اینجا) ارتباط برقرار نمایید.

با استناد به ماده ۷۴ قانون تجارت الکترونیک مصوب ۱۳۸۲/۱۰/۱۷ مجلس شورای اسلامی و با عنایت به اینکه سایت «خبربان» مصداق بستر مبادلات الکترونیکی متنی، صوتی و تصویر است، مسئولیت نقض حقوق تصریح شده مولفان در قانون فوق از قبیل تکثیر، اجرا و توزیع و یا هر گونه محتوی خلاف قوانین کشور ایران بر عهده منبع خبر و کاربران است.

خبر بعدی:

خبرهای جدید از افزایش تعطیلات آخر هفته از زبان یک نماینده مجلس

به گزارش خبرگزاری خبرآنلاین، علی بابایی کارنامی عضو کمیسیون اجتماعی مجلس، با اشاره به مراعا ماندن تصمیم‌گیری درباره تعیین دومین روز تعطیل آخر هفته لایحه‌ اصلاح ماده ۷۸ قانون خدمات کشوری در کمیسیون اجتماعی، گفت: پیوست‌های اقتصادی این لایحه تقریباً مشخص شده‌ است اما پیوست‌های اجتماعی و فرهنگی آن هنوز به صورت جامع بررسی نشده است؛ به همین دلیل نیز کمیسیون لایحه مذکور را فعلاً مراعا نگه داشته تا با استفاده از نظرات کارشناسی مرکز پژوهش‌ها و کانون‌های اصلی تصمیم گیری در کشور بتوانیم تصمیمات خوبی در این زمینه بگیریم.

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

کمیسیون اجتماعی مجلس دهم شورای اسلامی در آبان ۱۳۹۸ اجرای طرح تعطیلی پنج‌شنبه‌ها و کاهش ساعت کاری در سراسر کشور را تصویب کرده بود، اما بررسی آن به عمر مجلس دهم نرسید. با این حال در مجلس یازدهم این طرح با اصلاحیه‌ای مبنی بر تعطیلی شنبه‌ها به جای پنجشنبه‌ها در کمیسیون اجتماعی کلید خورد. همان زمان هم این موضوع مطرح شد که هدف دولت از تعطیلی سراسری روزهای پنجشنبه در کشور، ایجاد اوقات فراغت برای خانواده و فراهم‌شدن شرایط برای سفرهای کوتاه‌مدت به‌منظور رونق گردشگری و ایجاد نشاط در خانواده‌ها بوده، اما از سوی دیگر جمعی از نمایندگان طرحی را تدوین کردند که بر اساس آن شنبه‌ها به‌جای پنج‌شنبه‌ها تعطیل شود.

در نهایت نمایندگان مجلس شورای اسلامی در جلسه روز یکشنبه ۲۰ اسفند ۱۴۰۲ در جریان رسیدگی به کلیات لایحه اصلاح ماده ۸۷ قانون مدیریت خدمات کشوری با کلیات این لایحه موافقت کردند، اما درباره روز دوم تعطیلی تصمیم گیری بر عهده کمیسیون اجتماعی مجلس سپرده شد و در جلسه روز یکشنبه ۲۶ فروردین کمیسیون اجتماعی، اعضای این کمیسیون با موافقت دولت، پنجشنبه‌ را به عنوان دومین روز تعطیل آخر هفته تعیین کردند؛ تصمیمی که با مخالفت و انتقاد بسیاری از فعالان بخش خصوصی مواجه شد.

بر اساس تقویم منتشر شده از سوی مجلس شورای اسلامی، صحن مجلس طی هفته آتی ۳ روز جلسه علنی خواهد داشت و پس از آن بعد از یک هفته تعطیلی جهت حضور نمایندگان در حوزه‌های انتخابیه تا روز ۲ خرداد، ۶ روز دیگر تشکیل جلسه خواهد داد؛ بنابراین در صورتی که طی ۹ جلسه باقی مانده، کمیسیون اجتماعی تصمیم نهایی خود را درباره لایحه‌ اصلاح ماده ۷۸ قانون خدمات کشوری به صحن ارجاع ندهد، عملا این لایحه نهایی نخواهد شد و رسیدگی تا به امروز آن صرفا اتلاف وقت بوده است و برای نهایی شدن باید در مجلسی دیگر دوباره از ابتدا روندی را که گذرانده است طی کند.

۲۷۲۱۸

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