Bengali (বাংলা) translation by Shakila Humaira (you can also view the original English article)
স্নিপেট দিয়ে আপনি আগে থেকে তৈরি করে রাখা এক টুকরো কোডকে একটি কীওয়ার্ড ব্যবহার করেই সম্প্রসারিত করতে পারবেন। এখানে ষাট সেকেণ্ডের মধ্যে আমার প্রিয় কিছু Atom স্নিপেটসমূহ দেখাচ্ছি!
কিভাবে একটি Atom স্নিপেট তৈরি করবেন
আপনার নিজস্ব স্নিপেট তৈরি করতে প্রথমে Atom > Snippets গিয়ে snippets.cson টি খুলুন (একটি কফিস্ক্রিপ্ট নোটেশন ফাইল)। এবার আপনাকে স্কোপ অথবা ফাইল টাইপ ঠিক করতে হবে যেখানে স্নিপেটগুলো থাকবে।
এখানে স্কোপের একটি তালিকা দেয়া হলো:
- HTML: .text.html.basic
- CSS: .source.css
- Sass: .source.sass
- JavaScript: .source.js
- JSON: .source.json
- PHP: .text.html.php
- Java: .source.java
- Ruby: .text.html.erb
- Python: .source.python
- Plain text (including markdown): .text.plain
এবার, আপনি আপনার স্নিপেটের একটি নাম দিবেন এবং একটি "ট্রিগার কীওয়ার্ড" নির্বাচন করবেন যা দিয়ে স্নিপেটটিকে সম্পূর্ণ দেখা যাবে। উদাহরনতঃ যদি কোনও স্নিপেটের নাম হয় "5 item list", তাহলে এর ট্রিগার হবে "five", এবং কনটেন্টটি হবে একটি আন-অর্ডারেড লিস্ট যাতে পাঁচটি লিস্ট আইটেম থাকবে।
'5 item list': 'prefix': 'five' 'body': """ <ul> <li>$1</li> <li>$2</li> <li>$3</li> <li>$4</li> <li>$5</li> </ul> """
যেমন আপনি এই উদাহরণটিতে দেখতে পাচ্ছেন,প্লেস হোল্ডার হিসেবে আপনি একটি ডলার চিহ্নের সাথে ক্রমিক নম্বর ব্যবহার করতে পারেন। এবং যদি বডি টেক্সটে এক লাইনের বেশি থাকে, তাহলে আলাদা আলাদা করতে ট্রিপল কোটেশন মার্ক ব্যবহার করতে পারেন।
হয়ে গেলে, সংরক্ষণ করুন , এবং কীওয়ার্ডটি একটি HTML ফাইলে টাইপ করুন। স্নিপেটটি এবার ডকুমেন্টে সম্পূর্ণ এসে যাবে, এবং আপনি আপনার তৈরি করা প্লেসহোল্ডারগুলো এবং সম্পাদনা করতে পারবেন।
Atom সম্পর্কে আরও জানুন
এটম সম্পর্কে আরও অনেক কিছুই Envato Tuts+ এ আছে, সম্পূর্ণ খুঁজে দেখুন!
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post