আমার জ্যাঙ্গো ওয়েবসাইটের জন্য কীভাবে সম্মুখ প্রান্ত (ইউআই) বিকাশ করা যায়


26

আমি জাঙ্গো এবং ওয়েব বিকাশে নতুন শিখছি। আপনি যদি এই প্রশ্নটি খুব বোবা মনে করেন তবে আমাকে ক্ষমা করবেন।

সুতরাং, আমি জ্যাঙ্গো ব্যবহার করে একটি ফেসবুক অ্যাপ্লিকেশন তৈরি করছি যা আমি গুগল অ্যাপ ইঞ্জিনে হোস্ট করতে চাই। প্রকল্পটি কোনও ওয়েবসাইটের আরএসএস / অ্যাটম ফিডগুলি পড়ার দিকে মনোনিবেশ করবে (আমি এখনই এটি বলতে পারি)।

আমি আরএসএস / অ্যাটম ফাইলগুলি প্রক্রিয়া করার জন্য যথেষ্ট নিশ্চিত তবে আমি সামনের প্রান্তটি (ইউজার ইন্টারফেস) অংশ - "ডিজাইনের অংশ" সম্পর্কে উদ্বিগ্ন। আমি এইচটিএমএল / সিএসএস / জাভাস্ক্রিপ্ট জানি না (আমি সাধারণ এইচটিএমএল স্টাফ পরিচালনা করতে পারি তবে এটি কোনও ডিজাইনিংয়ের দিকে যায় না)।

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

সুতরাং,

  • আমার সাইটের ইউআই অংশটি কীভাবে ডিজাইন করব? আমি কি স্বপ্নাবারের মতো সরঞ্জামগুলি ব্যবহার করতে পারি না?

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


1
প্রথমে এটি কাজ করুন, তারপরে এটি সুন্দর করুন।
এমএসডাব্লু

উত্তর:


18

জ্যাঙ্গো ডক্স কখনই উল্লেখ করেনি যে কোনও ব্যক্তি যে এইচটিএমএল / জেএস / সিএসএস সম্পর্কে জানেন না তিনি এটি ব্যবহার করতে পারেন। উদ্বেগের বিচ্ছেদ ব্যাকএন্ডেও করা হয়, যেখানে প্রকৃত ক্রিয়া (দর্শনগুলি) ডাটাবেস স্তর বা ইউআরএল-রাউটিং যুক্তি থেকে পৃথক করা হয় - যা আলগা-সংযোগের অনুমতি দেয়। এর অর্থ এই নয় যে আপনি নিজের মডেলগুলি কখনও না বুঝে ভিউ লিখতে পারবেন। একইভাবে (ভাল, একইভাবে নয়), বেসিক ওয়েব পৃষ্ঠাগুলি পেতে আপনার HTML / CSS এর বোধ থাকা দরকার। আপনি কিছু জেএস শিখতে বা না চাইতে পারেন, তবে আমি এইচটিএমএল 5 দিয়ে মনে করি কিছু জাভাস্ক্রিপ্ট জানা কম-বেশি প্রয়োজনীয় essential

কোনও বুদ্ধিমান ওয়েব-বিকাশকারী ড্রিমওয়েভারের মতো কোনও WYSIWYG সম্পাদক ব্যবহার করার পরামর্শ দিচ্ছেন না। হাত দিয়ে এইচটিএমএল লিখুন। তবে, আপনার প্রকল্পটি দ্রুত শুরু করতে আপনি এইচটিএমএল 5 বোলিয়ারপ্লেটের মতো জিনিস ব্যবহার করতে পারেন।

গুগল অ্যাপইঙ্গাইন এমন একটি PaaS যা আপনি আপনার অ্যাপ্লিকেশন মোতায়েন করতে ব্যবহার করতে পারেন। এটি অন্যান্য বিষয়গুলির মধ্যে পাইথন রানটাইম, একটি উচ্চ-প্রতিলিপি ডেটাস্টোর ইত্যাদি সরবরাহ করবে - তবে এটি আপনার সামনের দিকের প্রান্তটি তৈরি করার যত্ন নেবে না।

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

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


2
+1 "কোনও বুদ্ধিমান ওয়েব-বিকাশকারী নয়"
এমএসডাব্লু 5'15

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

4

আমি যা করি তা হয় আমি হয় স্বপ্নের সাথে একটি লেআউট ডিজাইন করেছি, বা নকল ডেটা সহ এইচটিএমএল "ওয়্যারফ্রেমস" তৈরি করার জন্য ডিজাইনার নিয়োগ করি, তারপরে আমি এটিতে গিয়ে জাঙ্গোর (বা জিনজার) টেমপ্লেট ট্যাগগুলি ব্যবহার করে একটি টেম্পলেট হিসাবে তৈরি করতে পারি। আমি কিছু HTML জানি, তবে আমি কখনই আকর্ষণীয় কিছু করতে সক্ষম হব না able প্রায়োগিক? হ্যাঁ! খুশীর দিকে তাকিয়ে? গ্লোব নো!

সুতরাং, উপসংহারে; এইচটিএমএলের কিছু প্রাথমিক জ্ঞানের সাহায্যে, আপনি টেমপ্লেট হিসাবে কাজ করার জন্য একটি প্রাক-তৈরি এইচটিএমএল ডকুমেন্টটি সংশোধন করতে পারেন।


1

যাইহোক আপনাকে বুঝতে হবে যে এইচটিএমএল কীভাবে কাজ করছে। আপনি কোনও গ্রাফিক সৌন্দর্য ছাড়াই সাধারণ বিন্যাস দিয়ে শুরু করতে পারেন।

আপনি নিজের পছন্দ মতো যে কোনও সম্পাদক (ড্রিমউইভার বা যাই হোক না কেন) ব্যবহার করতে পারেন তবে জাঙ্গোর ট্যাগগুলি টেমপ্লেটটিকে প্রোগ্রাম কোডের সাথে সংযুক্ত করে চলেছে, তাই কোনও সম্পাদক এটিকে WYSIWYG দিয়ে তৈরি করতে পারবেন না (আপনি যা দেখতে পাচ্ছেন তা যা পেয়েছেন)। কিছু আইডিইগুলির সেই ট্যাগগুলির জন্য কিছু সহায়ক রয়েছে, তবে আর কিছুই নেই, তারা কেবল ট্যাগগুলি বন্ধ করার মতো জিনিসগুলি স্বয়ংক্রিয়ভাবে চালিত করে।

অথবা আপনি আপনার অ্যাপ্লিকেশনটিতে একটি টেম্পলেট তৈরি এবং সংহত করার জন্য একটি ফ্রিল্যান্সার ভাড়া নিতে পারেন, তবে এটি কিছু শেখার সেরা উপায় নয় :)


0

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

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

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

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.