لطفا کمی صبر نمایید
تگ های از پیش تعریف شده و پراستفاده HTML (برای اضافه کردن لطفا بروی تگ مورد نظر کلیک نمایید)
قبل از کلیک بروی تگ ها، محلی که میخواهید تگ در آنجا قرار بگیرد را با کلیک انتخاب نمایید. (مثلا در ابتدای تگ body کلیک نمایید تا تگ هم دقیقا در همانجا اضافه شود) | ||||
<a> | <article> | <aside> | <audio> | <blockquote> |
<button> | <canvas> | <datalist> | <dialog> | <div> |
<embed> | <footer> | <form> | <header> | <hr> |
<iframe> | <img> | <input> | <link> | <main> |
<map> | <meta> | <nav> | <ol> | <p> |
<picture> | <pre> | <script> | <section> | <span> |
<style> | <svg> | <table> | <textarea> | <title> |
<track> | <ul> | <video> | - | - |
کتابخانه های محبوب JS و CSS (برای اضافه کردن لطفا بروی کتابخانه مورد نظر کلیک نمایید)
بصورت خودکار در قسمت head صفحه قرار میگیرند. | ||||
Animate CSS (3.7.0) محبوب | Bootstrap (4) محبوب | Font Awesome (4.7.0) محبوب | jQuery (آخرین نسخه) محبوب | jQuery UI (آخرین نسخه) |
Modernizr (آخرین نسخه) | Paper JS (0.9.9) | Moo Tools | Underscore JS | Web Font Loader (1.4.10) |
اگر کتابخانه ای مدنظر شماست لطفا از طریق این ایمیل FreeLearn20181@gmail.com اطلاع رسانی نمایید تا در لیست بالا قرار بگیرد. |
دانلود کدها : D + Ctrl
اجرا کردن کدها : R + Ctrl
باید اجرای خودکار OFF باشد
کامل کننده کد - متن را انتخاب سپس دکمه های E + Ctrl را فشار دهید.
یا هم یک کلمه از دستور یا تگ را بنویسید و سپس دکمه های E + Ctrl را فشار دهید.
ادیتور دارای 3حالت نمایش می باشد، که میتوانید به راحتی هر یک از این حالت ها را انتخاب و سپس شروع به کدنویسی کنید.
حالت پیش فرض
حالت افقی تمام عرض
حالت عمودی
شما فقط کافیه 1 حرف تایپ کنید، ادیتور بطورخودکار با استفاده از کلمات ذخیره و رزرو شده دستوراتی را به شما پیشنهاد خواهد داد که میتوانید آنها را انتخاب و استفاده نمایید.
حتی مقادیر برخی از دستورات نیز بصورت ذخیره شده وجود دارد، مثلا در تگ iframe بصورت خودکار مقدار صفت src آدرس سایت فری لرن می باشد که کافیه با یک کلیک اضافش کنید.
ادیتور از فناوری ذخیره سازی تحت وب یا local storage یا web storage استفاده میکند ، این یعنی ذخیره سازی دادها بروی مرورگر شما.
یعنی شما اگه کدی نوشتید و بعد به هر دلیلی صفحه ناگهانی بسته شد یا مثلا برق رفت ، نگران نباشید چرا که کدهای شما ذخیره خواهد شد وکافیه دوباره به ادیتور مراجعه کنید.
ولی یادتون باشه اگه کدهای یکی از بخش ها (html,css,js) بطور کامل پاک شود و بعد صفحه رو رفرش کنید صفحه پیش فرض ادیتور به شما نمایش داده خواهد شد، در نتیجه در این حالت کدی از شما ذخیره نخواهد شد.
کافیه یک کلمه از یک دستور را بنویسید، سپس دکمه های Ctrl+E را فشار دهید، بصورت خودکار کلمه مورد نظر تاجایی که امکانش باشد تشخیص و ایجاد میشود.
بصورت پیش فرض ادیتور در حالت اجرای خودکار قرار دارد، این یعنی کدهای شما درجا و بلافاصله با تایپ شدن در خروجی هم نمایش داده میشوند.
با کلیک بروی منوی اجرای خودکار میتوانید آن را غیرفعال نمایید، و باید بروی دکمه ( اجرای کدها ) کلیک نمایید تا کدهای شما اجرا شوند.
همچنین میتوانید از کلیدهای ترکیبی Ctrl+R برای اجرای کدها استفاده نمایید. (این کلید میانبر فقط در حالتی عمل میکند که اجرای خودکار غیرفعال باشد)
به راحتی با کلیک بروی دکمه دنلود کدها میتوانید تمامی کدهای هر 3 بخش html,css,js را در قالب یک فایل فشرده zip دانلود نمایید. همچنین میتوانید از کلیدهای ترکیبی Ctrl+D برای دانلود کردن کدها استفاده نمایید.
در حین کدنویسی نگران مرتب بودن کدها نباشید، شما در هرحالتی کدهاتون رو بنویسید و در آخر کار بروی دکمه مرتب سازی کدها کلیک نمایید و کدهای مرتب و تمیز شده تحویل بگیرید.
از منوی ابزار ، میتوانید کتابخانه های محبوب css و js را مشاهده و در صورت تمایل تنها با یک کلیک آنها را به صفحه اضافه نمایید.
تعدادی از تگ های پراستفاده HTML را براتون آماده کردم که با یک کلیک میتونید اون تگ رو به صفحه اضافه کنید.
فقط قبل از اینکه بروی تگ مورد نظرتون کلیک کنید در قسمت body و اونجایی که میخواید تا اضافه شه کلیک کنید.
فناوری Web Storage یا ذخیره سازی تحت وب از نظر عملکرد شبیه به کوکی ها هستند، ولی Web Storage ها سرعت بسیار بالاتری نسبت به کوکی ها دارند.
بطور کلی کار Web Storage ها اینه که یکسری ازاطلاعات را بروی مرورگر کاربر ( اون شخصی که اون صفحه رو درخواست میده ) ذخیره میکنند تا دیگه در دفعات بعدی نیاز نباشه باز اطلاعات از سرور گرفته شه، خب اینجوری سرعت اون صفحه وب برای بارگذاری میره بالا .
ولی یه مشکل با کوکی ها داریم، اینکه با هربار درخواست به سمت سرور ارسال میشوند، خب همین میتونه باعث کاهش سرعت بارگذاری صفحه باشه، این درحالیه که Web Storage ها بروی مرورگر کاربر ذخیره میشوند و دیگه لازم نیست با هربار درخواست بسمت سرور ارسال شوند.
وقتی کاربر برای دفعات بعدی بخواد اون صفحه رو مشاهده کنه ، از همون داده هایی که درون مرورگرش ذخیره شده است استفاده میکنه و دیگه بسمت سرور درخواست جدید ارسال نمیکند.
در ادیتور آنلاین فری لرن هم از این فناوری استفاده شده، در نتیجه اگر شما برای اولین بار وارد ادیتور میشوید ممکن است کمی طول بکشد تا ادیتور بطور کامل بارگذاری شود ، ولی دیگه در دفعات بعدی سرعت بارگذاری ادیتور بسیار بالا خواهد بود.
همچنین کدهای شما در ادیتور ذخیره میشوند ، لذا اگه صفحه ادیتور به هر دلیلی بسته شد نگران نباشید چرا که کدهای شما ذخیره شده است و کافیه دوباره صفحه ادیتور رو باز کنید.
نکته : اگر در ادیتور، تمامی کدهای موجود در یکی از بخش های HTML یا CSS یا JS بطور کامل حذف شوند ، فناوری Web Storage در آن لحظه برای شما نیز حذف میشود، در نتیجه اگر صفحه را رفرش ( تازه سازی ) کنید ، صفحه پیش فرض ادیتور برای شما ظاهر خواهد شد و این یعنی اون لحظه اگر کدی چیزی نوشته بودید بدون اینکه ذخیره شود حذف خواهد شد.
ولی خب نگران نباشید ، باز در دفعات بعدی کدهای شما ذخیره خواهد شد، فقط تا زمانی که کدهای یکی از بخش های HTML یا CSS یا JS بطور کامل حذف نشود.