انجمن کدستانMoisrex

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

سلام..

با توجه به نزدیک شدن به ایام مبارکه یه عید براتون یه سری فعالیت در نظر گرفتم تا خودتون رو سرگرم کنید و یه سودی هم داشته باشه

از 0 توضیح میدم(این جلسه) تا هر چی شد...

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

و در کنار این یه سری تاپیک ها html ,css نیز میزنم تا تکمیل شید

و کدستان واقعا به عنوان یه سایت کدنویسی استفاده بشود

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

اولین نکته که باید شما بدانید و شاید هم خیلی از شما اشتباه کرده باشید اینه که جاوا اسکریپت با جاوا فرق داره فرقش چیه ؟ در يک جمله مي توان گفت که

جاوااسکريپت فقط در صفحات وب تأثيرگذار است اما زبان جاوا براي خلق برنامه هاي پيچيده در کامپيوتر ساخته شده است.

جاوا اسکریپت شباهت عجیب و قریبی به زبان c دارد

برای تست کد ها بر روی demo کلیک کنید

قابليتهاي جاوااسکريپت :

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

پس به شما دوستان گلم توصیه میکنم آموزش های ما را نیز دنبال کنید (html رو به زودی میگذارم)

این زبان هم مثل html یه سری تگ داره که ویژگی های خاص خودشونو دارن .

یعنی چی؟! یعنی مثلا یه تگ به نام کوفت داریم هر وقت میگیم کوفت یه اتفاقی میفته ... یا مثلا باید حتما حرفومون رو بین 2 تا کوفت بنویسیم

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

تگ اسکريپت :

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

کاربرد این تگ اینه که به مرورگر میفهمانه که کد های جاوا اسکریت از کجا شروع میشه و تا کجا ادامه داره و در کجا تموم میشه

این تگ فقط برای جاوا اسکریپته(از اسمش هم معلومه)

مثلا توش نمیتونید اچ تی ام ال بنویسید دیگه!laugh

language :چیست!؟ یعنی چی!؟

تگ اسکریپت مثل بقیه تگ ها دارای ویژگی های مختلفی هست یکی از این ویژگی های language هست که همیشه باید مقدار اونو برار javascript قرار بدید

مثال :

type :

تگ اسکریپت خصوصیت type هم دارد که باید اونو برار text/javascript قرار بدید.

document :

document يعني همان سند و فايل html که مرورگر به محض برخورد با اين عبارت آماده مي شود براي انجام کاري که بعد از يک نقطه نوشته مي شه . یعنی شما document رو مینویسید بعد یه نقطه میزاری و اونکاری رو که مرورگر باید انجام بده رو بعد از نقطه مینویسید . مثال :

در کد بالا من document رو نوشتم مرورگر با برخورد به این اماده میشه کاری انجام بده . بعد من یه نقطه گذاشتم و کار نوشتن یعنی write رو نوشتم . در کد بالای من عمل نوشتن یک متن رو به مرورگر گفتم حالا برای اینکه به مرورگر بگیم که چه متنی رو بنویسه . متن مورد نظر رو داخل دو پرانتز و دو علامت \"و\" مینویسیم مثل :(\" متن \") .

توی آموزش های cpp که نخوندید هم همین طوری بود دیگه!نمیدونم بلدید یا نه! ولی میتونید بخونید!

ساده بود، نه؟ بقيه دستورات هم به همين راحتي است فقط بايد آنها را بنويسيد و تمرين کنيد تا در ذهنتان بمانند.

src :

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

هیچی نفهمیدم که ای بابا!: آقا نمیدونید استایل شیت چیه!؟ خب ندونید الان میگم ! ... شما مثلا میتوونید یه فایل جاوا اسکریپت(که پسوند js ) دارد رو دیگه بین 2 تاتگ ننویسید

و یه سره اون رو آپلود کنید و آدرسش رو بگذارید...!

مثال :

---

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

شاید این آموزش از نظر آقا محمد خیلی سطح پایین باشه دوست دارم نظرشون رو بدونم

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

با تشکر یه فرد ناشناس