Advertisement
  1. Web Design
  2. Atom

60 সেকেন্ডে Atom: স্নিপেটসমূহ নিয়ে কাজ করা

by
Read Time:1 minLanguages:
This post is part of a series called 60 Second Video Tutorials.
Atom in 60 Seconds: 3 Beautiful Themes
Sketch Mirror in 60 Seconds

Bengali (বাংলা) translation by Bint Salim (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", এবং কনটেন্টটি হবে একটি আন-অর্ডারেড লিস্ট যাতে পাঁচটি লিস্ট আইটেম থাকবে। 

যেমন আপনি এই উদাহরণটিতে দেখতে পাচ্ছেন,প্লেস হোল্ডার হিসেবে আপনি একটি ডলার চিহ্নের সাথে ক্রমিক নম্বর ব্যবহার করতে পারেন। এবং যদি বডি টেক্সটে এক লাইনের বেশি থাকে, তাহলে আলাদা আলাদা করতে ট্রিপল কোটেশন মার্ক ব্যবহার করতে পারেন। 

হয়ে গেলে, সংরক্ষণ করুন , এবং কীওয়ার্ডটি একটি HTML ফাইলে টাইপ করুন। স্নিপেটটি এবার ডকুমেন্টে সম্পূর্ণ এসে যাবে, এবং আপনি আপনার তৈরি করা প্লেসহোল্ডারগুলো এবং সম্পাদনা করতে পারবেন। 

Atom সম্পর্কে আরও জানুন

এটম সম্পর্কে আরও অনেক কিছুই Envato Tuts+ এ আছে, সম্পূর্ণ খুঁজে দেখুন!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.