آموزش رایگان جاوا اسکریپت

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

جاوا اسکریپت زبان برنامه نویسی سمت کلاینت (کاربر) هست ، به این منظور که شما نمیتونین برای سمت سرور سایتتون کد بنویسین

شمایی که طراح وب هستید تا به الان با Html  و Css کار میکردید که فقط میتونستین سایت رو بصورت استاتیک طراحی کنید

نمیتونستین به عملکردهای کاربر جواب بدین ، نمیتونستین عملیات ریاضی انجام بدین

نمیتونستین شرط بنویسین که یک کاری مشروط به درست بودن شرطی انجام شود و . . .

شما با javascript میتونین تمامی رفتارهای کاربر را در سایتتون تحت کنترل داشته باشین و به تمامی عملکردهای کاربرانتون پاسخ متناسب بدهید

میتونین فرم های سایتتون رو با قوانین دلخواه ارزیابی کنید و . . .

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

صرفا فقط اصطلاحات و قواعد برنامه نویسی هست که بین زبان های برنامه نویسی یکسان هست

 

درمورد دوره :

• دوره آموزش جاوا اسکریپت رایگان هست و هیچوقت پولی نخواهد شد
• شما در این دوره رایگان ، صفر تا صد جاوا اسکریپت رو یاد میگیرید
• (این دوره تمامی سرفصل مباحث مربوط به این زبان را پوشش داده است)
• انتهای هر جلسه به شما تمرین داده میشه و شما تا جلسه بعد باید تمرین رو حل بکنین
• اگه مشکلی داشتین میتونین از طریق پشتیبانی دوره برطرف بکنین و جلسه بعد همون تمرین حل میشه
• هر چند جلسه یکبار یک چالش از javascript براتون معرفی میکنیم که تا جلسه بعد باید جوابشو پیدا بکنین
• در هر جلسه ، کاربرد مطالب گفته شده نیز ذکر خواهد شد
• ضمنا ، در این دوره مباحث مربوط به Clean Code نیز گفته خواهد شد

 

Clean Code چیست ؟

اگه بخوام Clean Code رو در یک جمله براتون خلاصه کنم میتونم بگم Clean Code به معنی یادگیری اصول کدنویسی مرتب و کد بهینه تر هست

ممکنه شما کدی نوشته باشین و داخلش مشکلی داشته باشین و کدتون رو به یکی از دوستاتون میفرستین که براتون چک کنه و مشکلش رو پیدا کنه

اگر کدهای شما مرتب نوشته نشده باشه ، پیدا کردن مشکلش خیلی دشوار خواهد بود

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

تو خیلی از دوره ها به Clean Code توجه نمیشه

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

 

پیش نیاز های دوره :

شما برای شروع دوره “آموزش جاوا اسکریپت” ، باید Html و Css رو حداقل در حد آشنایی بلد باشین

 

این دوره برای چه کسانی مفید است ؟

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

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

 

بعد از آموزش جاوا اسکریپت :

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

بعد اگر بخواین فقط در زمینه فرانت فعالیت داشته باشین میتونین یکی از ابزار های Vue ، Angular ، React رو یاد بگیرین که سرعت توسعه فرانت رو به شدت بالا بردند و میتونین با ابزارهایی مثل React Native و Weex به توسعه اندروید و IOS بپردازین که همه ابزار های ذکر شده بازار کار فوق العاده ای دارند

برای توسعه دادن بک اند نیز میتونین Node Js رو یاد بگیرین

که پیش نیاز همشون javascript می باشد

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

 

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

هیچ جواب دقیقی برای این سوال وجود ندارد

براتون یه مثال میزنم

ببینین ، شما فرض کنین میخواین از شهر تهران به شهر تبریز مسافرت کنین

اگه با اتوبوس برید تقریبا 9 ساعت طول میکشه

اگه با خودروی سواری برید تقریبا 7 ساعت طول میکشه

اگه با هواپیما برید تقریبا 4 ساعت طول میکشه

و . . .

پس مدت یادگیری شما دقیقا به خودتون بستگی داره

این که چند ساعت در روز برای یادگیری زمان بذارین

بعد از هر جلسه چقدر تمرین بکنین

بعد از باگی که بهش برخوردین چقدر برای حل کردنش سرچ میکنین

و . . .

پس مدت یادگیری جاوا اسکریپت برای هر شخص دقیقا به خود شخص بستگی داره

همین الان اقدام کنید و در دوره “آموزش رایگان جاوا اسکریپت” ثبت نام کنید

 

برگرفته از (https://usercode.ir)

آموزش رایگان html

Html یکی از زبان هایی است که برای طراحی وب استفاده میشود که مخفف  Hypertext Markup Language  بوده و یک زبان نشانه گذاری است

طراحی وب یکی از حوزه های برنامه نویسی هست که بازار کار بسیار خوبی دارد

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

اگر شما بخواین در زمینه طراحی وب فعالیت داشته باشین ، html اولین زبانی هست که باید یاد بگیرین

البته تنها با html نمیشه سایت طراحی کرد

چون html برای درست کردن ساختار سایت استفاده میشود ، اگه بخوایم مثال ساده تری بزنم میتونم به استخوان بندی بدن انسان اشاره بکنم

با html فقط اسکلت بندی سایت رو میشه پیاده سازی کرد

بدون هیچ رنگ و لعاب و زیبایی و هیچ عملکردی !

شما بعد از یادگیری html باید سمت css رفته و آن را فرا بگیرید

بعد از سایت اسکلت سایت میتونین با Css به سایتتون رنگ و لعاب داده و سایتتون رو زیباتر کنین

شما تا ایجا با html و css فقط میتونین سایت های استاتیک طراحی بکنین و نمیتونین سایت داینامیک طراحی بکنین

برای طراحی سایت داینامیک باید جاوا اسکریپت بلد باشین

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

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

میتونین تعامل بیشتری با کاربراتون داشته باشین و برای هر عملی که توسط  کاربر انجام میشه ، یک عکس العمل متناسب نشان دهید

 

آیا میتوانم بعد از این دوره کسب درآمد کنم ؟

همانطور که گفته شد html برای طراحی سایت کافی نمی باشد و با html فقط میشه ساختار سایت رو تشکیل داد ، بدون هیچ زیبایی و استایلی

مسلما هیچکس به سایتی که زیبایی نداشته باشد نیاز ندارد

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

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

 

ابزار مورد نیاز برای این دوره :

شما برای یادگیری html نیازی به سیستم چندان بالایی ندارید

برای نوشتن کدهای html میتونین از یک ادیتور یا IDE استفاده کنین

از ادیتور هایی مثل vsCode ، atom , sublime Text و . . . استفاده کنین

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

مرورگر هایی مثل chrome , Mozilla , Opera , . . .

و اما مهم ترین موضوعی که برای شروع این دوره نیاز دارید علاقه و انگیزه است

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

پس این دوره رو حتما با علاقه و انگیزه شروع کنین

 

در مورد دوره :

ما در این دوره سعی کردیم تمام تگ های html رو از 0 تا 99 بصورت کاربردی بهتون یاد بدیم

چرا گفتیم 0 تا 99 ؟!

شما هر کدوم از زبان هایی که بخواین یاد بگیرین ، هرچقدر هم براش وقت بذارین و دوره آموزشی بگذرونین ، بازم نمیتونین روی کل نکات و ترفند های زبان مسلط بشین

حتی برنامه نویس ها و طراحان حرفه ای تو کارشون به مشکل میخورن

و مشکل خودشون رو توسط سرچ کردن حل میکنن

برنامه نویس مسلط برنامه نویسی است که بتونه مشکلات خودش رو با سرچ کردن حل بکنه

این دوره برای همیشه رایگان است و هیچوقت پولی نخواهد شد

 

برگرفته از (https://usercode.ir)

معرفی دوره html

 

 

 

Html یکی از زبان هایی است که برای طراحی وب استفاده میشود که مخفف  Hypertext Markup Language  بوده و یک زبان نشانه گذاری است
طراحی وب یکی از حوزه های برنامه نویسی هست که بازار کار بسیار خوبی دارد
میتونین با یادگیری طراحی وب هم بصورت های فریلنسری  ، استخدامی ، تیمی ، استارتاپی و . . . درآمد داشته باشین
اگر شما بخواین در زمینه طراحی وب فعالیت داشته باشین ، html اولین زبانی هست که باید یاد بگیرین
البته تنها با html نمیشه سایت طراحی کرد
چون html برای درست کردن ساختار سایت استفاده میشود ، اگه بخوایم مثال ساده تری بزنم میتونم به استخوان بندی بدن انسان اشاره بکنم
با html فقط اسکلت بندی سایت رو میشه پیاده سازی کرد
بدون هیچ رنگ و لعاب و زیبایی و هیچ عملکردی !
شما بعد از یادگیری html باید سمت css رفته و آن را فرا بگیرید
بعد از سایت اسکلت سایت میتونین با Css به سایتتون رنگ و لعاب داده و سایتتون رو زیباتر کنین
شما تا ایجا با html و css فقط میتونین سایت های استاتیک طراحی بکنین و نمیتونین سایت داینامیک طراحی بکنین
برای طراحی سایت داینامیک باید جاوا اسکریپت بلد باشین
بعد از css باید زبان برنامه نویسی جاوا اسکریپت رو یاد بگیرین
با جاواا اسکریپت میتونین سایتتون رو هوشمند بکنین
میتونین تعامل بیشتری با کاربراتون داشته باشین و برای هر عملی که توسط  کاربر انجام میشه ، یک عکس العمل متناسب نشان دهید
 

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

ابزار مورد نیاز برای این دوره :
شما برای یادگیری html نیازی به سیستم چندان بالایی ندارید
برای نوشتن کدهای html میتونین از یک ادیتور یا IDE استفاده کنین
از ادیتور هایی مثل vsCode ، atom , sublime Text و . . . استفاده کنین
همچنین برای اجرای کدهای نوشته شده به یک مرورگر نیاز دارید
مرورگر هایی مثل chrome , Mozilla , Opera , . . .
و اما مهم ترین موضوعی که برای شروع این دوره نیاز دارید علاقه و انگیزه است
اگر به زمینه طراحی وب علاقه نداشته باشین ، سختی های این مسیر شما رو قطعا خسته خواهند کرد و هیچوقت موفق نخواهید شد
پس این دوره رو حتما با علاقه و انگیزه شروع کنین
 

برای مشاهده آموزش html اینجا کلیک کنید

 

 

درباره نود جی اس

Node.js به عنوان یک زمان اجرا جاوا اسکریپت مبتنی بر رویداد غیرهمزمان ، برای ایجاد برنامه های شبکه مقیاس پذیر طراحی شده است. در مثال زیر ، "سلام جهان" ، بسیاری از اتصالات را می توان همزمان انجام داد. با هر تماس ، تماس روشن است ، اما در صورت عدم کار ، Node.js. قدیمی

 

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

const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);

 

این برخلاف محبوب ترین مدل هماهنگ سازی امروزی است که توسط سیم های سیستم عامل مورد استفاده قرار می گیرد. شبکه های مبتنی بر موضوع نسبتاً ناکارآمد و استفاده از آنها دشوار است. علاوه بر این ، کاربران Node.js از نگرانی های مربوط به بسته شدن این روند خلاص نیستند ، زیرا هیچ قفل وجود ندارد. در Node.js تقریبا هیچ عملکردی وجود ندارد که مستقیم I / O را اجرا کند ، بنابراین فرایند هرگز مسدود نمی شود. از آنجا که هیچ چیز این موضوع را به شما یادآوری نمی کند ، احتمالاً سیستم های مقیاس پذیر در Node.js.

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

Node.js در طراحی مشابه است و تحت تأثیر سیستم هایی مانند Ruby Event Machine و Python Twisted است. Node.js مدل رویداد را کمی بیشتر می کند. این یک حلقه رویداد را به عنوان ایجاد زمان اجرا به جای کتابخانه ارائه می دهد. در سیستم های دیگر همیشه یک تماس مسدود کننده برای تحریک حلقه رویداد وجود دارد. در اکثر اوقات ، رفتار با پاسخ به تماس در ابتدای اسکریپت تعریف می شود و در پایان سرور توسط یک تماس مسدود کننده مانند EventMachine :: اجرا () شروع می شود. در Node.js ، هیچ ارتباطی با این قسمت وجود ندارد - شروع به حلقه زدن کنید. Node.js پس از اجرای اسکریپت ورودی ، به سادگی وارد حلقه رویداد می شود. Node.js هنگامی که دیگر پاسخ به تماس ندهید از این رویداد بیرون می آید. این رفتار مشابه JavaScript مرورگر است - حلقه رویداد از کاربر پنهان است.

HTTP یک کلاس اول بومی Node.js است که با جریان و شکاف کم طراحی شده است. این باعث می شود Node.js برای تنظیم یک فهرست وب یا چارچوب بهینه شود.

برنامه ریزی برای Node.js بدون موضوع به این معنی نیست که نمی توانید از چندین هسته در محیط خود استفاده کنید. خرده فرایندها را می توان با استفاده از API child_process.fork () ، طراحی کرد که به راحتی با آنها ارتباط برقرار کرد. ساخته شده در همان رابط واحد بلوک است که به شما اجازه می دهد تا اتصالات را بین پردازش ها به اشتراک بگذارید تا تعادل بار در هسته شما امکان پذیر باشد.

ساخت پاپ آپ با جاوا اسکریپت

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

جعبه هشدار
از تابع هشدار () برای نمایش یک پیام پاپ آپ به کاربر استفاده کنید. این پنجره حاوی یک دکمه تأیید برای بستن پنجره است.

alert("This is alert box!");  // display string message

alert(100); // display number 

alert(true); // display boolean

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

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

مثال زیر نحوه نمایش کادر تأیید را نشان می دهد و سپس دکمه مورد نظر کاربر را بررسی می کند.

var userPreference;

if (confirm("Do you want to save changes?") == true) {
    userPreference = "Data saved successfully!";
} else {
    userPreference = "Save Cancelled!";
}

 

جعبه سریع
بعضی اوقات ممکن است برای انجام کارهای بیشتر با صفحه وب ، نیاز به ضبط ورودی کاربر داشته باشید. به عنوان مثال ، شما می خواهید EMI را بر اساس مدت وام مورد نظر کاربر محاسبه کنید. برای این نوع سناریو ، از نوار عملکرد JavaScript داخلی () استفاده کنید.

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

prompt([string message], [string defaultValue]);

 

var tenure = prompt("Please enter preferred tenure in years", "15");
    
if (tenure != null) {
    alert("You have entered " + tenure + " years" );
}

 

 

همانطور که در مثال بالا مشاهده می کنید ، یک پیام را به عنوان اولین پارامتر و مقدار پیش فرض "15" به عنوان پارامتر دوم مشخص کنید. عملکرد سریع مقدار وارد شده توسط کاربر را برمی گرداند. اگر کاربر چیزی وارد نکند ، خالی برگردانده می شود. بنابراین توصیه می شود قبل از اقدام مقدار خالی را بررسی کنید.

 

نکته ای که باید به خاطر داشته باشید:
می توانید با استفاده از توابع عمومی ، یک پیام بازشو نشان دهید - هشدار () ، تأیید () ، و سریع ().
عملکرد هشدار () با دکمه "OK" یک پیام بازشو را نشان می دهد.
صفحه نمایش () نمایش دکمه های "OK" و "Cancel" را تأیید کنید. از عملکرد OK () برای تأیید کاربر استفاده کنید.
تابع Prompt () به شما امکان می دهد با فشار دادن دکمه های "OK" و "لغو" ورودی را وارد کنید. تابع () () مقدار وارد شده توسط کاربر را برمی گرداند. اگر کاربر هیچ مقدار ورودی را ارائه ندهد ، این مقدار خالی را برمی گرداند.

آموزش برنامه نویسی روبی

اکنون به مرورگر محلی خود به localhost: 3000 / post / new بروید.
با داشتن این پنج خط در دستگاه خود ، یک برنامه وب کاملاً کاربردی خواهید داشت که به شما امکان می دهد پست ها (CRU.D.) را با عنوان و متن ایجاد کنید ، بخوانید ، به روز کنید و حذف کنید. هیچ خط کد وجود ندارد! این بسیار جالب است RoR.
اما چگونه؟ بعد چه اتفاقی افتاد؟ RoR چطور این کار را کرد ؟! چگونه می توانم آن را کنترل کنم؟ در پشت صحنه چه اتفاقی می افتد؟ خوب ، ما تمام اسرار را فاش خواهیم کرد و به همه این سؤالات پاسخ خواهیم داد در اینجا و اکنون.
هنگامی که من شروع به مطالعه روبی روی ریل کردم ، پروژه اودین را دنبال کردم. اولین پروژه ای که شما از آنها می خواهید ایجاد کنید ، یک برنامه وبلاگ نویسی در سایت Jumpstart است. این یک راهنمای رایگان و مصور است که شما را قدم به قدم راهنمایی می کند ، اما کاری که او نمی تواند انجام دهد این است که توضیح دهد چه خبر است. ما در طول این مقاله از آن به عنوان راهنما استفاده خواهیم کرد تا بتوانیم اسرار RoR را باز کنیم ، پس بیایید شروع کنیم!
اولین کاری که ما باید انجام دهیم ایجاد برنامه ما است ، بنابراین پیش بروید و آموزش را دنبال کنید و من بلافاصله بعد از ایجاد فرم مقاله شما را ملاقات می کنم.
مدل

خوب چه اتفاقی افتاده است؟ خوب ، من تازه مهاجرتی را ایجاد کردم که یک جدول MySQL به نام مقاله ایجاد کند. اگر تا به حال از SQL نشنیده اید ، این زبان مدیریت ارتباط بانک اطلاعاتی است. وای ، صبر کنید! به نظر ترسناک است شما می توانید کمی در مورد SQL در اینجا بخوانید ، اما عمیق تر تحقیق نکنید ، زیرا می فهمید که در بانک اطلاعاتی اطلاعات کاربر خود را (از جمله مقالات ، ارسال ها و غیره) حفظ خواهیم کرد و اینکه SQL زبانی است که برنامه ما برای برقراری ارتباط با آن استفاده خواهد کرد و فعلاً خوب است.
بسیاری از بانکهای اطلاعاتی SQL وجود دارد. ما PostgreSQL ، MySQL ، TSQL و دیگران داریم. Rails پیش فرض SQLite است ، می توانید به فهرست فایلهای root و Gemfile بروید ، و باید بتوانید چیزی شبیه به این را مشاهده کنید:

 

source 'https://rubygems.org'git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.6.5'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '~> 6.0.3', '>= 6.0.3.2'
# Use sqlite3 as the database for Active Recordgem 'sqlite3', '~> 1.4'

 

آخرین خط سنگهای قیمتی است که به RoR می گوید نوع دیتابیس شما می توانید استفاده کنید و می توانید فقط با تغییر در آن به راحتی آن را تغییر دهید:

gem 'pg', '>= 0.18', '< 2.0'

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

الگو ها در جاوا اسکریپت چی هستن ؟ و چرا آن ها رو رعایت کنیم؟

تا زمان راه‌اندازی ES6 ، جاوا اسکریپت هیچگاه روش صحیحی برای اداره این زنجیره نداشته است. ES6 چیزی به نام سواد الگو را معرفی می کند ، که به JavaScript اجازه می دهد تا چندین رشته را با کارایی و ظرافت بیشتری دستکاری کند.
نحو برای الگوهای شخصیت
ادبیات فرم قصد ندارند قابلیت های اضافی را به قابلیت های موجود جاوا اسکریپت اضافه کنند اما سعی می کنند مشکل را به روشی جدید حل کنند. از اینجا ، نحو جدید را وارد کنید. به جای استفاده از نقل قول های یک یا دوتایی ، می توانید رشته هایی را با کلیدهای عقب (') تنظیم کنید.

 

// This is how strings were declared pre ES6
var earlierStrings = 'How strings were declared pre ES6';

// Declaring strings using template literals in ES6
let templateLiterals = `How strings can be declared post ES6`;

console.log(typeof earlierStrings); // "string"
console.log(typeof templateLiterals); // "string"

قالب کاراکترها پاسخ چندین رشته خط در JavaScript است
رشته های چندگانه همیشه قبل از ES6 مسئله ای بوده اند زیرا رشته هایی با نقل قول های مضاعف و تک نرخی اعلام شده اند. این یک مشکل بود زیرا وقتی رشته هایی را با نقل قول های دو یا یک منتشر می کنید ، نیش ها دقیقاً در یک خط قرار می گیرند. بیایید نگاهی به نحوه توسعه دهندگان برای قرار دادن چندین خط HTML در کد JavaScript بیندازیم تا بفهمیم چگونه می توان شکل کلامی را تغییر داد.

var profile = '' +
    '    <div class="profile">\n' +
    '\n' +
    '        <div class="name">John Doe </div>\n'
    '\n' +
    '        <div class="designation">Web Developer</div>\n'
    '\n' +
    '    </div>\n';

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

می توانید از گزینه های دیگر برای استفاده از نحوی زیر $ {استفاده کنید. اگر به نمونه ای از کد بالا فکر می کنید ، می فهمید که گزینه های جایگزین می توانند عبارت JavaScript را در خود جای دهند. امکان شمارش عبارات جاوا اسکریپت در میان گزینه ها ، آنها را به واقع قدرتمند و یک ویژگی جذاب ES6 تبدیل می کند.
الگوی شخصیت دارای برچسب

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