تهیه شده توسط : علیرضا الهامی پور

Hey there guys, my name is Amit and welcome to DevDreamer. Welcome then to lesson number
 سلام بچه‌ها، من آمیتم و خوش اومدین به DevDreamer. پس خوش اومدین به درس شماره
two in our HTML series, and this one's all about text editors. Now what exactly is a
 دو در سری HTML ما، و این یکی درباره ویرایشگرهای متن است. حالا دقیقاً ویرایشگر متن چی هست؟
text editor? Well, a text editor is basically where we write and compile our HTML, and it's
 ویرایشگر متن؟ خب، ویرایشگر متن در واقع جاییه که ما HTML خودمون رو می‌نویسیم و کامپایل می‌کنیم و این...
not just used for HTML, it can also be used for other languages such as PHP, JavaScript,
 فقط مختص HTML نیست، بلکه می‌توان از آن برای زبان‌های دیگه‌ای مثل PHP و JavaScript هم استفاده کرد.
C-sharp, JQuery, and pretty much any of the languages you can think of can all be written
 C-sharp، جی‌کوئری و تقریباً هر زبانی که به ذهنتون میرسه، می‌تونن همه نوشته بشن.
in a text editor. Now there are many different text editors out there in the market, some are
 در یک ویرایشگر متن. حالا ویرایشگرهای متن مختلفی در بازار وجود دارند، برخی از آن‌ها
free, some are paid for, but what you'll find as you start to learn different languages
 رایگان هستن، بعضیاشون هم پولی هستن، اما وقتی شروع به یادگیری زبان‌های مختلف می‌کنی، می‌فهمی که...
and progress is that choosing a text editor really comes down to personal preference, and
 و پیشرفت این است که انتخاب یک ویرایشگر متن واقعاً به سلیقه شخصی بستگی دارد، و
that's because all the text editors pretty much do the same job. So what it's going to come
 این به خاطر اینه که همه ویرایشگرهای متن تقریباً یک کار انجام می‌دن. پس چیزی که قراره بیاد...
down to is what you feel more comfortable with, or confident with, and really what you enjoy
 به چیزی برمی‌گرده که باهاش راحت‌تر هستی، یا بهش اعتماد به نفس داری، و واقعاً چیزی که ازش لذت می‌بری.
the most. Now in this lesson, I'm going to be sharing with you four different text editors,
 حالا در این درس، می‌خوام چهار ویرایشگر متن مختلف رو با شما به اشتراک بذارم،
and the reason I'm sharing with you these four is because I believe that these are the four
 و دلیلی که این چهار مورد رو با شما به اشتراک می‌ذارم اینه که باور دارم این‌ها چهار تا از بهترین‌ها هستن.
best text editors currently out there on the market. So then the first one is Atom. To get
 بهترین ویرایشگرهای متنی که در حال حاضر در بازار موجود هستن. اولینش Atom هست. برای اینکه
it, you simply go to Atom.io and you can download it by clicking on this button here. This is download
 فقط به Atom.io بروید و می‌توانید با کلیک روی این دکمه، آن را دانلود کنید. این دانلود است.
from Mac, that's because I'm on a Mac. If you can't find your download, you can simply click
 از مک، چون من روی مک هستم. اگه دانلودت رو پیدا نکردی، می‌تونی به سادگی کلیک کنی.
on other platforms here, and it will come up with a list of relevant downloads. Now the
 در پلتفرم‌های دیگه اینجا، یه لیست از دانلودهای مرتبط میاد بالا. حالا
actual text editor, as you can see, you've got a screenshot of it here, looks really clean and
 ویرایشگر متن واقعی، همونطور که می‌بینی، یه اسکرین‌شات ازش اینجا داری، خیلی تمیز به نظر میاد و
really slick. You can actually scroll down and check out the different features that it comes
 واقعا عالیه. می‌تونی پایین بری و ویژگی‌های مختلفی که داره رو بررسی کنی.
with, something such as the built-in package manager, and the smart auto completion, and
 با چیزهایی مثل مدیریت بسته‌ی داخلی و تکمیل خودکار هوشمند، و
you can read a bit more about it if you scroll down further. So that's the Atom text editor.
 می‌تونی بیشتر درباره‌اش بخونی اگه پایین‌تر اسکرول کنی. پس این هم ویرایشگر متن اتمه.
The next one we're going to look at is brackets. Now brackets is really cool because it's open
 بررسی بعدی ما براکت‌ها هست. براکت‌ها واقعاً جالب هستن چون باز هستن.
source, and again, you can see the screenshot here, taking a look at the text editor, it looks
 منبع، و دوباره، می‌توانید اسکرین‌شات را اینجا ببینید، نگاهی به ویرایشگر متن بیندازید، به نظر می‌رسد
really clean. If you scroll down, you can see more about the brackets text editor, and look
 واقعاً تمیزه. اگه پایین‌تر بری، می‌تونی بیشتر درباره ویرایشگر متن براکتز ببینی و نگاه کنی.
at the different features. One of our favorite features is the live preview button, and we'll
 در مورد ویژگی‌های مختلف. یکی از ویژگی‌های مورد علاقه‌مون دکمه پیش‌نمایش زنده است، و ما...
take a look at that a bit later on. So that's the brackets text editor. To download it,
 بعداً یه نگاهی به اون بندها بندازید. این هم ادیتور متن براکتز. برای دانلودش،
you simply click on the download button here. The next one we're going to look at is sublime
 شما به سادگی روی دکمه دانلود اینجا کلیک می‌کنید. مورد بعدی که می‌خواهیم بررسی کنیم، برنامه Sublime است.
text. Now, sublime text is, again, a really nice looking text editor. You can go to sublime
 متن. حالا، ساب لاین تکست، دوباره، یک ویرایشگر متن خیلی خوب به نظر می‌رسه. می‌تونی به ساب لاین بری.
text.com to check it out, and if you scroll down, you can read all about the different features
 به سایت text.com سر بزنید، و اگر پایین بروید، می‌توانید همه چیز را درباره ویژگی‌های مختلف بخوانید.
that it has as well. To download it, you simply click on the download button here, or you
 که همچنین این ویژگی را دارد. برای دانلود آن، فقط کافیست روی دکمه دانلود اینجا کلیک کنید، یا شما
can click on the other platforms button here to check out the download for other platforms.
 می‌تونید روی دکمه‌ی پلتفرم‌های دیگه اینجا کلیک کنید تا دانلود برای پلتفرم‌های مختلف رو ببینید.
And that's sublime text. And finally, we have visual studio code, Microsoft Visual Studio.
 و این هم ساب لایم تکست. و در نهایت، ما ویژوال استودیو کد، مایکروسافت ویژوال استودیو را داریم.
So to get it, you simply go to visualstudio.com, and you can click on the relevant download
 برای دانلودش، فقط به visualstudio.com برو و روی دکمه دانلود مربوطه کلیک کن.
button here. And of course, again, you can scroll down and check out all the different features
 دکمه اینجاست. و البته، دوباره می‌تونید پایین بروید و تمام ویژگی‌های مختلف رو بررسی کنید.
that it has. So go ahead and choose your text editor, get it downloaded to your machine. For
 پس بروید و ویرایشگر متنی خود را انتخاب کنید و آن را روی دستگاه‌تان دانلود کنید.
this tutorial series, we're going to be using the brackets text editor. So go ahead and get
 در این سری آموزش، ما از ویرایشگر متنی براکتز استفاده خواهیم کرد. پس بریم و شروع کنیم.
it downloaded, or whatever other text editor that you've chosen. I'm actually going to click
 دانلودش کردی، یا هر ویرایشگر متنی که انتخاب کردی. من در واقع می‌خواهم کلیک کنم
on cancel here, because I've already got it downloaded. And once it's downloaded, open
 روی "لغو" کلیک کن، چون من قبلاً دانلودش کردم. و وقتی دانلود شد، بازش کن.
it up, and you'll see something that looks like this. Okay, even so, what we've got here
 این رو انجام بده، و چیزی که شبیه این می‌بینی. خوب، با این حال، چیزی که داریم اینه که...
then is the brackets text editor. Now, it looks blank because there's nothing in there.
 سپس ویرایشگر متن برکتس را داریم. حالا، به نظر خالی میاد چون چیزی توش نیست.
Let me just very quickly fill something in here. Okay. And this is basically HTML. We were
 اجازه بدید خیلی سریع یه چیزی رو اینجا پر کنم. خوبه. و این اساساً HTML هست. ما داشتیم
looking at the document structure of a HTML file in the next lesson, but yeah, this is the
 در درس بعدی به ساختار سند یک فایل HTML نگاه خواهیم کرد، اما بله، این است...
brackets text editor. Now, remember that live preview button I was talking about? Well,
 ویرایشگر متن Brackets. حالا، یادتونه درباره دکمه پیش‌نمایش زنده صحبت می‌کردم؟ خب،
that's actually here. So if I click on this, what I will do is actually bring up a web page.
 در واقع اینجا هست. پس اگر روی این کلیک کنم، در واقع یک صفحه وب باز می‌کنم.
So I'm using Google Chrome. And you can actually make changes to the HTML file here, and it
 من دارم از گوگل کروم استفاده می‌کنم. و واقعاً می‌تونی تغییراتی تو فایل HTML اینجا بدی و اون رو
will actually update it and show you that within the web page. So let me just minimize this.
 در واقع این رو به‌روزرسانی می‌کنم و داخل وب‌سایت به شما نشون می‌دم. پس بگذارید این رو کم کنم.
And just minimize this as well. Okay. And here in the HTML file, I'm actually just going
 و حالا این رو هم کوچیک می‌کنم. باشه. و اینجا توی فایل HTML، من در واقع فقط دارم
to type some HTML. Don't worry if you don't know what we're doing right now. We'll be
 برای نوشتن یه مقداری HTML. نگران نباش اگر الان نمی‌دونی داریم چه کاری انجام می‌دیم. ما خواهیم
looking at this later on. Well, and as you can see, as I was typing it, it actually appeared
 به این موضوع بعداً نگاه می‌کنیم. خوب، همانطور که می‌بینی، وقتی داشتم تایپ می‌کردم، واقعاً ظاهر شد.
here as well. Okay. So that's a really cool feature, live preview button. It really makes
 اینجا هم. خوب، این یه ویژگی خیلی جالبیه، دکمه پیش‌نمایش زنده. واقعاً کار رو راحت می‌کنه.
learning a lot quicker, because you can actually see the changes that you're making. Okay, guys,
 بسیار سریع‌تر یاد می‌گیرید، چون می‌توانید تغییراتی که ایجاد می‌کنید را ببینید. خوب، بچه‌ها،
so go ahead, get your text editor downloaded. And I'll see you in the next lesson where we're
 پس برو جلو، ویرایشگر متن‌ت رو دانلود کن. و در درس بعدی می‌بینمت که داریم
going to be looking at the structure of a HTML file. So please subscribe, guys, and I'll see
 داریم به ساختار یک فایل HTML نگاه می‌کنیم. پس لطفاً سابسکرایب کنید، بچه‌ها، و می‌بینمتون.
you on the next one.
 تو رو در مورد بعدی می‌بینم.