ফ্রন্টএন্ড ডেভলপমেন্ট: কোডপেন বা সাব্লাইম টেক্সট?

কোডপেন নাকি সাব্লাইম টেক্সট?
কোডপেন বা সাব্লাইম টেক্সট? আমরা যদি ওয়েব প্রোগ্রামিং সম্পর্কে কথা বলি তবে এই মুহূর্তে এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের নামটি আমাদের কাছে আসে। সেখানে যাওয়ার বেশ কয়েকটি উপায় রয়েছে। এমন কি, যদি আমরা একটি নোটপ্যাড খোলাম তবে আমরা "এইচটিএমএল" লেখার কাজটি পেতে পারি। এটি সত্য যে কোনও প্যাড থেকে আপনি কী প্রোগ্রামিং করছেন তার ফলাফলটি দেখতে আপনার অগ্রগতি লক্ষ্য করার জন্য একটি কঠোর প্রক্রিয়া প্রয়োজন।

এই সাইটগুলি হ'ল দিনের ব্যবহারকারীদের জন্য অ্যাপ্লিকেশন বিকাশকারীদের প্রধান খেলার মাঠ। এই প্রোগ্রামগুলির সুবিধাগুলি এবং অসুবিধাগুলি সম্পর্কে আরও জানতে, আমরা তাদের নিবন্ধে (কমপক্ষে, আমরা জানি সমস্ত কিছু) গভীরভাবে এগুলি বিশ্লেষণ করতে যাচ্ছি। আমি যেমন সবসময় বলি, অবশ্যই এখানে আপনারা কেউ কেউ বিষয়টিকে আরও বেশি জানেন। যদি তা হয় তবে আমাদের এখানে যে সমস্ত কিছু থেকে রক্ষা পাওয়া যায় সে সম্পর্কে মন্তব্য করুন। আমরা আলোচনা করে খুশি হবে!

আজ আমরা কোডপেন, জেএসবিন, প্লাঙ্ক্রার, মহাকাব্য বিশ্লেষণ করতে যাচ্ছি, সিএসএসডেক, ড্যাবলেট এবং লাইভওয়েভ। এই পরিবেশে সর্বাধিক ব্যবহৃত এবং পরিচিত সরঞ্জামগুলি। অবশ্যই আরও আছে।

তবে আপনারা যারা ফ্রন্টইন্ড বা ব্যাকএন্ড কী তা জানেন না, তাদের জন্য কিছুটা ব্যাখ্যা করা যাক। ফ্রন্ট-এন্ড বা ইন্টারফেস হ'ল ভিজ্যুয়াল অংশ যা নেভিগেটর ব্যবহারকারী ওয়েবে দেখতে সক্ষম হবেন। ব্যাকইন্ডটি সেই অংশ হবে যা সাইটের প্রশাসক নিয়ন্ত্রণ করে। প্রোগ্রামিংয়ে, আপনি যদি এমন কোনও সরঞ্জামের মাধ্যমে কোড প্রবেশ করেন যা একই সাথে ফলাফল প্রদর্শন করে, তবে এটিকে ফ্রন্ট-এন্ড বলা হবে.

কোডপেন

অনেক সম্পূর্ণ সরঞ্জাম জন্য আমরা যে কথা বলি তা সবই। একটি ওয়েব সরঞ্জাম হিসাবে ব্যবহৃত যা আপনার কাজ দেখানোর জন্য কোনও সম্প্রদায়ের নিকটতম জিনিস। এক ধরনের ইউটিউব প্রোগ্রামার থেকে। এতে আপনি ওয়েবের সাথে যুক্ত প্রোগ্রামারদের কাজ দেখতে এবং আপনার আগ্রহের ক্ষেত্রে তাদের সাথে যোগাযোগ করতে, তাদের প্রোফাইল দেখতে, নেটওয়ার্কে তাদের অনুসরণ করতে এবং এমনকি তাদের ভবিষ্যতের সমস্ত প্রকল্প দেখতে তাদের চ্যানেলে সাবস্ক্রাইব করতে সক্ষম হবেন।

সামগ্রী, সমর্থন এবং কীবোর্ড শর্টকাটগুলির উপস্থাপনা

কোডপেন উপস্থাপনাটি সবচেয়ে আকর্ষণীয়কারণ মাত্র কয়েকটি ক্লিকের সাহায্যে আপনি এখনই প্রক্রিয়াটির মাধ্যমে কাজ করতে পারেন। এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের খুব ভাল বিভাজনযুক্ত লাইনগুলির সাথে। ভিজ্যুয়াল অংশ ছাড়াও, যা আপনি আপনার অগ্রগতি স্পষ্টভাবে দেখতে নিচে এবং নীচে ছেদ করতে পারেন। সুতরাং প্রতিটি ভাষা ভাল পার্থক্য করতে সাহায্য। এমন কিছু যা নতুন প্রোগ্রামারদের কাজে আসে।

আপনার ওয়েব সমর্থন, যখন আপনি এমন কিছু ব্যবহার শুরু করতে চান যা আমরা সত্যিই খুব ভাল জানি না, তখন এটি আরও সহনীয় করে তোলে। এর অর্থ এই নয় যে এটি আপনার পক্ষে ভাল, এটি আমাদের প্রয়োজনের উপর নির্ভর করে। তবে হ্যাঁ, "অজানা" উত্সের কম্পিউটারে কিছু ইনস্টল করার প্রতিশ্রুতি দেওয়ার আগে পরিবেশটি আরও ভালভাবে জানার জন্য।

আপনি যদি ব্যবহারের অভ্যস্ত তাদের একজন হন প্রায় আপনি যখন কাজ করবেন তখন সম্পূর্ণ কীবোর্ড, কোডপেন আপনার জন্য দুর্দান্ত হবে wonderful অন্যান্য সরঞ্জাম প্রয়োজন প্লাগ-ইন পরিবেশ পূরণ করতে কীবোর্ড শর্টকাট ব্যবহার করতে সক্ষম হতে। এটি কাজটিকে আরও কিছুটা অস্বস্তিকর করে তোলে (যদিও এটি একবার ইনস্টল হওয়ার পরে কার্যকর)। সিপি একটি সিস্টেমকে স্ট্যান্ডার্ড হিসাবে সংহত করে যা আপনাকে একই কোডের পুনরায় পূরণ করতে সক্ষম করে যা পুনরাবৃত্তি হয়, কারণ এটি তালিকায় থাকতে পারে। আপনি কীভাবে তালিকাটি প্রদর্শিত হতে চান তা লিখুন এবং ট্যাবে ক্লিক করুন।

প্রো সংস্করণটি বেসিক প্যাকেজের জন্য "সুপার" প্যাকেজের জন্য € ২.২৫ ডলার মূল্যের জন্য আরও অনেক বিকল্পের অনুমতি দেয়। আমরা একসাথে যা করি তা একই সাথে বেশ কয়েকটি ডিভাইসে আপডেট করতে সক্ষম। এছাড়াও একটি সমবায় মোড, একটি "শিক্ষক মোড", ইত্যাদি এখানে চাইলে উপকার পাবেন।

জেএসবিন

জেএসবিন এমন একটি সরঞ্জাম যা আমরা প্রত্যক্ষ হিসাবে যোগ্যতা অর্জন করতে পারি। যেহেতু আপনি একবার আপনার ওয়েব ডোমেইনে যান, আপনার বিলম্ব ছাড়াই এটি আপনার পরবর্তী প্রকল্প আঁকতে প্রস্তুত হবে। এবং যদিও এর প্রথম মঞ্চটি খুব আকর্ষণীয় না হলেও এটি আরামদায়ক.

জেএসবিনটি সহজ, এইচটিএমএলে তৈরি মৌলিক কাঠামোর সাথে যাতে সময় নষ্ট না হয়, আপনি কাজটি সম্পূর্ণ করতে বিভিন্ন ভাষার মধ্যে ছেদ করবেন। প্রথমে এইচটিএমএল, তারপরে সিএসএস, জাভাস্ক্রিপ্ট এবং অবশেষে আপনার কাজটি দৃশ্যত। এবং যদিও এটি আরও কঠিন বলে মনে হচ্ছে, আপনি কিছু ইনস্টল না করে একই ধরণের শর্টকাট পাবেন। সরাসরি ব্রাউজার থেকে।

যাইহোক, কোডটি সঠিকভাবে দেখতে আমার আরও অস্বস্তিকর মনে হয়েছে, এটি পরবর্তী কলামগুলির কারণে একবার এটি আড়াল হয়ে যায়। যেহেতু, ল্যাপটপের সাথে, আপনাকে অবশ্যই এটির সাথে হাল ছেড়ে দেওয়া বা নিচে নামতে হবে ট্র্যাকপ্যাড এবং এটি খুব তরল নয়।

এটিতে কেবল দুটি কিস্তি রয়েছে, নিখরচায় বা প্রদেয়। কোডেপেনের তুলনায় এটি কিছুটা বেশি ব্যয়বহুল, যদিও আপনি যদি বার্ষিক এটি প্রদান করেন তবে এটি বেশি লাভজনক, যদি আপনি € 120 দিতে পারেন।

সিএসএসডেক

সিএসএসডেক
কাজের পরিবেশ সিএসএসডেক উপরের দেখাতে আলাদা। কেবলমাত্র দুটি কলামে বিভক্ত, ভিজ্যুয়াল কোড, সিএসএসডেক 3 টি সারি নিচে কাজ করে যার সাহায্যে এটি বিভিন্ন ধরণের ভাষা ভাগ করে। একটি সামাজিক নেটওয়ার্ক আকারে উপস্থাপনা এবং হালকা রঙে একটি পরিচ্ছন্ন কাজের পরিবেশ সহ environment এটি একটি সাধারণ সরঞ্জাম বলে মনে হচ্ছে না। যদিও কখনও কখনও, এর অর্থ এটি নেতিবাচক নয়।

ষাট হাজারেরও বেশি নিবন্ধিত ব্যবহারকারী এবং দুই লক্ষ পঞ্চাশ হাজারেরও বেশি প্রকল্প তৈরি করে, আপনি যা চান তা অনুসন্ধান এবং অনুসন্ধান করা কঠিন হবে না। ভাষাটি সর্বদা হিসাবে, যদি এটি ইংরেজি জানেন না তাদের জন্য যদি কোনও অসুবিধা হতে পারে তবে এই ক্ষেত্রে সামাজিক নেটওয়ার্ক চিত্রটি খুব গুরুত্বপূর্ণ, তাই আমি এটি একটি দুর্দান্ত চ্যালেঞ্জ বলে মনে করি না।

Plunkr

Plunkr এটি এখন পর্যন্ত আমি আসা সর্বনিম্ন আকর্ষণীয় সরঞ্জাম। উপস্থাপনাটি বার্তাগুলিতে এবং চিত্রের অভাবে জড়িত। সামগ্রী লোডিং ধীর এবং প্রথম নজরে খুব দরকারী নয়। তদতিরিক্ত, তারিখ অনুসারে ক্রম করা যেকোন প্রোগ্রামিং তৈরি করে, যত সহজ সরল, প্রথম অবস্থানে থাকতে পারে। আরও আকর্ষণীয় কিছু দেখতে আপনার ট্যাবে যেতে হবে যা বলছে: «সর্বাধিক দেখা। এটি হ'ল আপনি যদি এর আগে গুগলে অনুবাদ না করে থাকেন।

এও বলুন যে ওয়েব অনুসারে তারা 1.0.0 সংস্করণে রয়েছে। সুতরাং এটি ওয়েব ব্রাউজ করার সময় আপনি যে ডিজাইন, উপস্থাপনা এবং সম্ভাব্য ত্রুটিগুলি খুঁজে পেয়েছেন সে সম্পর্কে একটু ব্যাখ্যা করে explains

সুবিধা হিসাবে, যদি আপনি ধারণাগুলি বাদ দেন, আপনাকে প্লাঙ্কর-এ অন্য কোনও ট্যাবটি ছেড়ে বা খুলতে হবে না, যেহেতু ডান দিকের দিক থেকে আপনি অন্যান্য প্রকল্পের সাথে হাঁটা এবং তাত্ক্ষণিকভাবে দেখতে পারেন। এটি আপনার পক্ষে দ্রুত ধারণাগুলি সংগ্রহ করা এবং একই সাথে এগুলি আপনার প্রকল্পে প্রয়োগ করা আরও সহজ করে তুলবে।

ড্যাবলেট

ড্যাবলেট এটি একটি সাধারণ সরঞ্জাম, আপনি ভিতরে গিয়ে তৈরি করুন। যদিও আপনি গিটহাবের মাধ্যমে আপনার ব্যবহারকারী নামটি নিবন্ধভুক্ত করতে পারেন এবং রাখতে পারেন, এটি ওয়েবে খুব বেশি দেখা যায় না। হলুদ থেকে লাল গ্রেডিয়েন্টের ব্যাকগ্রাউন্ড সহ, ভিজ্যুয়াল অংশে এবং কোড অংশে একটি সাদা পটভূমি (সাধারণ হিসাবে), ড্যাবলেট প্রকল্পটি উপস্থাপন করা হয়েছে, যদিও আপনি এটি সিএসএস ট্যাব থেকে পরিবর্তন করতে পারবেন। আমার জন্য এটি ফাঁকা রাখা ভাল, কারণ সেই গ্রেডিয়েন্টটি যা দেয় তা সামান্য জীবন a

আপনি যখন সম্পাদনা করছেন, আপনি যে ট্যাবগুলি দেখছেন তা কনফিগার করতে পারেন সহজেই এমনকি আপনি সম্পাদনা করছেন এমন ব্যক্তির উপর নির্ভর করে আরামদায়ক দেখার জন্য কলাম বা সারিগুলিতে যেতে চান। ফন্টের আকার পরিবর্তন করা, এইচটিএমএল কোডটি নিবন্ধকরণ বা যাচাই না করে নামহীন হিসাবে সংরক্ষণ করা ড্যাবলেট প্রথম নজরে প্রস্তাব দেয় এমন আরও সম্ভাবনা। যদিও আমি এটি প্রথম বিকল্পটি বেছে নেব না, তবে সেগুলি আপডেট হয়ে থাকলে ভবিষ্যতের সংস্করণগুলিতে অ্যাকাউন্টে নেওয়া উচিত।

আমি যে জিনিসগুলি সবচেয়ে কম পছন্দ করেছি তার মধ্যে একটি, তবে দুর্দান্ত প্রোগ্রামাররা এটি পছন্দ করতে পারে আপনার কাছে কোনও লেবেল ট্যাবুলেট করার এবং এটি নিজেই লেখার জন্য বিকল্প নেই। এটি, এইচটিএমএল রাখুন এবং ট্যাবটি ক্লিক করুন এবং স্বয়ংক্রিয়ভাবে "এইচটিএমএল" এবং "/ এইচটিএমএল" লিখুন। অন্য অ্যাপ্লিকেশনগুলিতে এমন কিছু করা হয় যা করা হয়।

লাইভওয়েভ

liveweave
লাইভওয়েভ এটি অন্যের সাথে খুব মিল, এর ইউটিলিটির দিক দিয়ে অন্যরা যে অফার করতে পারে না তার কিছুই নেই। আমরা এই প্রকল্পটি সম্পর্কে যা হাইলাইট করি তা হ'ল এটির নকশা, কোডপেনের মতো গা but় রঙ তবে বর্গ বিতরণ। আকার পরিবর্তন করতে সক্ষম হচ্ছে পরীক্ষা করা. স্পষ্ট মোড এবং «আওতার বাইরে« আপনি যে কোডটি সম্পাদনা করছেন তা সক্রিয় না হওয়া পর্যন্ত ভিজ্যুয়ালটিতে প্রতিফলিত হবে না। এটি এমন কোনও বৈশিষ্ট্য নয় যা আমি খুব দরকারী বলে মনে করি, একজন ডিজাইনার হিসাবে, আপনি রিয়েল টাইমে যা সম্পাদনা করেন তা সর্বদা দেখতে গুরুত্বপূর্ণ তবে কেউ অবশ্যই এটির জন্য কিছু ব্যবহার খুঁজে পাবেন। এবং যদিও, সর্বদা হিসাবে, আপনি নিবন্ধন করতে পারেন, ব্যবহারকারীর অগ্রণী ভূমিকা নেই। যেহেতু, আপনি নিবন্ধন না করলেও আপনি আপনার প্রকল্পটি সংরক্ষণ করতে পারেন.

স্বেচ্ছিক পাঠ

এই সরঞ্জাম বিশ্লেষণে আপনি এখন পর্যন্ত যা দেখেছেন তা সম্পূর্ণ ভিন্ন। সাব্লাইম টেক্সট ওয়েব রিসোর্স হিসাবে নয়, তবে একটি অ্যাপ্লিকেশন হিসাবে। একদিকে ডেস্কটপে এটি থাকা আরও কার্যকর। বিশেষত অতিরিক্ত ক্রাশ এবং সম্ভাব্য কাজের ক্ষতির কারণে সম্ভাব্য ইন্টারনেট ক্রাশ বা হিমশীতল হওয়ার কারণে। অন্যদিকে, এটি পূর্বেরগুলির মতো ভিজ্যুয়াল কোনও সরঞ্জাম নয়। প্রকল্পগুলি ভাগ করার কোনও সম্প্রদায়ের সম্ভাবনা না থাকার পাশাপাশি।

এখানে সবকিছুই স্ক্র্যাচ থেকে। কোডের রেখাগুলি স্থাপন করতে আপনাকে অবশ্যই ট্যাবগুলি তৈরি করতে হবে এবং কোনটি তা জানার জন্য তাদের নতুন নামকরণ করতে হবে। প্রথমটি যদি এইচটিএমএল হয়, দ্বিতীয় সিএসএস ... বা তদ্বিপরীত। এটি কী হবে তার কোনও শর্টকাট নেই সম্পূর্ণ ম্যানুয়াল, উদ্ধৃতিগুলি বাদে.

উপসংহার

সমস্ত প্রোগ্রাম প্রতিটি কোম্পানির নির্দিষ্ট ব্যক্তিগত স্পর্শগুলির সাথে সমান যা তাদের মধ্যে পেশাদারি ও কুফলগুলি নিয়ে যায়। প্রত্যেকেই তাদের পছন্দ করবে এমন একটিকে বেছে নেবে, আমার প্রস্তাবটি হ'ল পরিবেশ এবং এটি পরিচালনা করে এমন সামাজিক নেটওয়ার্কের জন্য কোডপেন বা সিএসএসডেক ব্যবহার করা। তবে, যদি আপনি আরও একটি পছন্দ করেন তবে একটি মন্তব্য করুন এবং আপনার কারণগুলি ব্যাখ্যা করুন, তারা অবশ্যই কার্যকর হবে।


নিবন্ধটির বিষয়বস্তু আমাদের নীতিগুলি মেনে চলে সম্পাদকীয় নীতি। একটি ত্রুটি রিপোর্ট করতে ক্লিক করুন এখানে.

মন্তব্য করতে প্রথম হতে হবে

আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

  1. ডেটার জন্য দায়বদ্ধ: মিগুয়েল অ্যাঞ্জেল গাটান
  2. ডেটার উদ্দেশ্য: নিয়ন্ত্রণ স্প্যাম, মন্তব্য পরিচালনা।
  3. আইনীকরণ: আপনার সম্মতি
  4. তথ্য যোগাযোগ: ডেটা আইনি বাধ্যবাধকতা ব্যতীত তৃতীয় পক্ষের কাছে জানানো হবে না।
  5. ডেটা স্টোরেজ: ওসেন্টাস নেটওয়ার্কস (ইইউ) দ্বারা হোস্ট করা ডেটাবেস
  6. অধিকার: যে কোনও সময় আপনি আপনার তথ্য সীমাবদ্ধ করতে, পুনরুদ্ধার করতে এবং মুছতে পারেন।