কীভাবে ভয়েজ এবং কোডফাই ব্যবহার করে একটি সাধারণ সিআরইউডি অ্যাপ তৈরি করতে হয়

এই টিউটোরিয়ালে আমরা ক্লায়েন্ট-সাইড ফ্রেমওয়ার্ক এবং রিস্টফুল এপিআই হিসাবে কোডফাই হিসাবে ভিউজে একটি সাধারণ ক্রুড অ্যাপ্লিকেশন তৈরি করব।

আমরা শুরু করার আগে, আপনাকে এই ইউআরএল https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.js ক্লিক করে ভ্যুজেজ এইচটিপিআরকিউয়েস্ট লাইব্রেরি ডাউনলোড করতে হবে। এরপরে, https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js এ গিয়ে ভ্যুজ ডাউনলোড করুন

চলুন দৃশ্যমান যাদু দিয়ে শুরু করা যাক :)

আমরা সুরকার ব্যবহার করে কোডফি অ্যাপ তৈরি করে শুরু করব। আপনার যদি কোনও সুরকার ইনস্টল না থাকে বা আপনার স্থানীয় কম্পিউটারে কীভাবে সমস্ত প্রয়োজনীয় সরঞ্জাম ইনস্টল করতে হয় তা জানতে চান, দয়া করে ডকুমেন্টেশন পৃষ্ঠাটি দেখুন।

অন্যথায় আমরা প্রথমে আমাদের টার্মিনালটি খুলি (আমার ক্ষেত্রে আমরা লিনাক্স থেকে "ফেডোরা" ব্যবহার করি)। উইন্ডোজ ব্যবহারকারীদের জন্য, দয়া করে আপনার আদেশ শুরু করুন এবং নিম্নলিখিতটি প্রবেশ করুন

সুরকার তৈরি করুন-প্রকল্প - পছন্দের-কোড কোডফাই / কোডফাই মাই অ্যাপ

এরপরে, কোডফেই / কন্ট্রোলারগুলিতে নেভিগেট করুন, ApiController.php নামে একটি ফাইল তৈরি করুন এবং নিম্নলিখিত কোডটি প্রবেশ করুন।

ApiController ক্লাস নিয়ামক প্রসারিত করে {
পাবলিক ফাংশন এপিআই () {$ রেস = অ্যারে ('ত্রুটি' => মিথ্যা); $ পড়া = 'পঠন'; // বৈশ্বিক পদ্ধতিগুলি বৈধ করতে বৈশ্বিক পরিবর্তনশীল যদি (অনুরোধ :: get ('ক্রিয়া')) {$ পড়ুন = অনুরোধ :: পান ('ক্রিয়া'); } // এপিআই এর মান পড়ছে যা "পঠন" রয়েছে যদি ($ পড়ুন == 'পড়ুন') {$ ব্যবহারকারীরা = অ্যারে (); foreach (ApiModel :: getAllUser () -> ফলাফল () হিসাবে $ সারি) ray অ্যারে_পুষ ($ ব্যবহারকারী, $ সারি); } $ res ['ব্যবহারকারী'] = $ ব্যবহারকারী; প্রতিধ্বনি json_encode ($ রেস); same // একই ফাংশন, তবে বিভিন্ন মান যেমন "তৈরি করুন" যদি ($ পড়ুন == 'তৈরি') {যদি (ApiModel :: addUser (অনুরোধ :: get ('ব্যবহারকারীর নাম')), অনুরোধ :: পেতে ('ইমেল') ), অনুরোধ :: get ('phone')) // {$ res ['message'] = "ব্যবহারকারী সফলভাবে যুক্ত হয়েছে"; প্রতিধ্বনি json_encode ($ রেস); } অন্যথায় {$ res ['message'] = "ব্যবহারকারী যোগ করা যায়নি"; প্রতিধ্বনি json_encode ($ রেস); son // জেসসনে টেক্সটটি প্রিন্ট করুন} যদি ($ পড়ুন == 'আপডেট') {যদি (এপিমোডেল :: আপডেট ইউজার (অনুরোধ :: পান ("ব্যবহারকারীর নাম")), অনুরোধ :: পান ("ই-মেইল"), অনুরোধ :: get ('ফোন'), অনুরোধ :: get ('আইডি')) // {$ রেজ ['বার্তা'] = "ব্যবহারকারী আপডেট হয়েছে"; ইকো জসন_নকোড ($ রেস);} অন্য {$ রেস [' বার্তা '] = "ব্যবহারকারী আপডেট করা যায়নি"; প্রতিধ্বনি json_encode ($ res);} // জেসসনে পাঠ্যটি প্রিন্ট করুন pretty
if ($ read == '' মুছে ফেলুন ') {if (ApiModel :: deleteUser (অনুরোধ :: get (' id '))) // {$ res [' message '] = "ব্যবহারকারী মোছা"; প্রতিধ্বনি json_encode ($ রেস); } অন্যথায় {$ res ['ত্রুটি'] = সত্য; $ res ['message'] = "ব্যবহারকারী মোছা যায়নি"; প্রতিধ্বনি json_encode ($ রেস); } // জেসসনে টেক্সটটি প্রিন্ট করুন}
}}

নিয়ামক তৈরি করার সাথে সাথেই, মডেল স্ট্রাকচারটি পরবর্তী। কোডফি / মডেলগুলিতে নেভিগেট করুন, অ্যাপিমডেল.পিপি নামে একটি ফাইল তৈরি করুন এবং নিম্নলিখিত কোডটি প্রবেশ করুন:

ApiModel বর্গ মডেল {পাবলিক স্ট্যাটিক ফাংশন অ্যাড ইউসার ($ ব্যবহারকারীর নাম, $ ইমেল, extend ফোন) {স্ব ফেরান :: getDb () -> insertInTo ('ব্যবহারকারী', অ্যারে ("ব্যবহারকারীর নাম" => $ ব্যবহারকারী নাম, "ইমেল" => $ ইমেল, "ফোন" => $ ফোন)); } পাবলিক স্ট্যাটিক ফাংশন আপডেট ব্যবহারকারী ($ ব্যবহারকারীর নাম, $ ইমেল, $ ফোন, $ আইডি) self স্ব ফেরান: getDb () -> আপডেট ('ব্যবহারকারী', $ আইডি, অ্যারে ("ব্যবহারকারীর নাম" => $ ব্যবহারকারীর নাম, "ইমেল" => $ ইমেল, "ফোন" => $ ফোন)); } পাবলিক স্ট্যাটিক ফাংশন ডিলিট ইউজার ($ আইডি) {স্বত: :: getDb () -> মুছুন ('ব্যবহারকারী', অ্যারে ("আইডি", "=", $ আইডি)) } পাবলিক স্ট্যাটিক ফাংশন getAllUser () self স্বত: :: getDb () -> কোয়েরি ("ব্যবহারকারীদের থেকে নির্বাচন করুন"); }
}

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

আপনি এটি করার পরে, পরবর্তী পদক্ষেপটি কোডফাই / ডাটাবেস / কনফিগারেশন.এফপি ফাইলটি সন্ধান করা। আপনার সার্ভার / ডাটাবেস সেটিংসে নিম্নলিখিত সেটিংস সম্পাদনা করুন।

LO গ্লোবালস ['কনফিগার'] = অ্যারে ('মাইএসকিএল' => অ্যারে ('হোস্ট' => 'লোকালহোস্ট', 'ইউজারনেম' => 'রুট', 'পাসওয়ার্ড' => 'এক্সএক্সএক্সএক্সএক্সএক্স', 'ডাটাবেস' => ' vue ',' encoding '=>' utf8 ',' timezone '=>' UTC ',' cacheMetadata '=> সত্য,' লগ '=> মিথ্যা,
),

এখন কোডেফাই / রুটস / এ রাউট.এফপি ফাইল সম্পাদনা করে এবং এই লাইনটি যুক্ত করে আমাদের রুটগুলি সংজ্ঞায়িত করি

$ রাউটার-> রুটস ('এপিআইকন্ট্রোলার', ['কন্ট্রোলার' => 'এপিআইকন্ট্রোলার', 'অ্যাকশন' => 'এপিআই]]);

ভাবেন, আসুন আমরা আগে উল্লিখিত দৃশ্যমান যাদুটি করি। যদি আপনি লক্ষ্য করেন যে আমরা তখন থেকে কোনও ভিউ ফাইল তৈরি করি নি কারণ আমাদের মাই অ্যাপ অ্যাপ্লিকেশনটি আমাদের সার্ভার ডিরেক্টরিতে রয়েছে। নিম্নলিখিত ফাইলগুলির সার্থকতার জন্য নথি / ডিরেক্টরিতে একটি নতুন ফোল্ডার তৈরি করা যাক:

  1. app.js
  2. index.html
  3. স্টাইল। CSS

App.js ফাইলে নিম্নলিখিত কোডটি যুক্ত করুন

var অ্যাপ্লিকেশন = নতুন ভ্যু ({এল: '# কোডফাই', ডেটা: {শোডিংমডাল: মিথ্যা, দেখানোইডিটমডাল: মিথ্যা, শোডাইলিডমডাল: মিথ্যা, ত্রুটি বার্তা: "", সাফল্যের বার্তা: "", ব্যবহারকারী: [], নতুন ব্যবহারকারী: {ব্যবহারকারী নাম: " ", ইমেল:" ", ফোন:" "}, ক্লিকড ইউজার: {}}, মাউন্ট করা: ফাংশন () {this.getAllUser ();},
পদ্ধতি: {getAllUser: ফাংশন () {axios.get ("http: // লোকালহস্ট / মাই অ্যাপ / অ্যাপি কনট্রোলার? অ্যাকশন = রিড") then प्रतिक्रिया.data.message;} অন্যথায় {app.users = प्रतिक्रिया.data.users;}}); },
saveUser: ফাংশন () form var formData = app.toFormData (app.newUser); axios.post ("http: // স্থানীয়হোস্ট / মাই অ্যাপ / এপি কন্ট্রোলার? ক্রিয়া = তৈরি করুন", ফর্মডাটা) : "", টেলিফোন: ""}; যদি (প্রতিক্রিয়া.ডাটা.অরর) {app.errorMessage = प्रतिक्रिया.data.message;} অন্যথায় {app.successMessage = प्रतिक्रिया.data.message; app.getAllUser ();}} ); },
আপডেট ইউজার: ফাংশন () form var formData = app.toFormData (app.clickedUser); axios.post ("http: // স্থানীয়হোস্ট / মাই অ্যাপ / অ্যাপি কনট্রোলার? ক্রিয়া = আপডেট", ফর্মডাটা) then (ফাংশন (প্রতিক্রিয়া) {কনসোল.লগ (প্রতিক্রিয়া); অ্যাপ্লিক্লিকডউজার = {}; যদি (প্রতিক্রিয়া.ডাটা ত্রুটি) {app.errorMessage = प्रतिक्रिया.data.message;} অন্যথায় {app.successMessage = प्रतिक्रिया.data.message; app.getAllUser ();}}); ;, ডিলিটউজার: ফাংশন () {var formData = app.toFormData (app.clickedUser); axios.post ("http: // লোকালহোস্ট / মাই অ্যাপ / অ্যাপি কনট্রোলার? ক্রিয়া = মুছুন", ফর্মডাটা) then प्रतिक्रिया.data.message;} অন্যথায় {app.successMessage = प्रतिक्रिया.data.message; app.getAllUser ();}}); },
সিলেক্ট ইউজার (ইউজার) {app.clickedUser = ইউজার; ;, toFormData: ফাংশন (আপত্তি); var form_data = নতুন ফর্মডেটা (); (ভোর কী অবজেক্ট) {form_data.append (কী, আপত্তি [কী]) জন্য; } ফর্ম ফর্ম_ডাটা; },
ক্লিয়ারমেসেজ: ফাংশন () {app.errorMessage = ""; app.successMessage = ""; }}
});

উপরে তালিকাভুক্ত কোডটি আমাদের কোডফাই অ্যাপ্লিকেশন মাই অ্যাপ্লিকেশনটির সাথে ইন্টারঅ্যাক্ট করে যা আমাদের সার্ভার ডিরেক্টরিতে অবস্থিত।

এবং এরপরে নিম্নলিখিত কোডের সাথে সূচক html ফাইল আসে:

কোডফাই </ শিরোনাম> <লিঙ্ক rel = "স্টাইলশীট" href = "শৈলী। CSS" /> </ b> <body> সহ ভ্যুজ ব্যবহার করা হচ্ছে</pre><pre><div id = "codefii"><div class = "container"><h1 class = "left">ব্যবহারকারীদের তালিকা</ h1></pre><pre><button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">নতুন ব্যবহারকারী যুক্ত করুন</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">{{ভুল বার্তা}}</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">{{সাফল্যম্যাসেজ}</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">আইডি</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">ব্যবহারকারীর নাম</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">ই-মেইল</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">মুঠোফোন</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">সম্পাদনা করা</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">পরিষ্কার</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">{{ব্যবহারকারী আইডি}}</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">r. {user.username}</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">এইচ</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">r. {user.email}</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;">r. {ব্যবহারকারীর ফোন}}</button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;"><button @ click = "showingEditModal = true; selectUser (user);">সম্পাদনা করা</button></button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;"><button @ click = "showingDeleteModal = true; selectUser (user);">পরিষ্কার</button></button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;"><button @ click = "showingDeleteModal = true; selectUser (user);">নতুন ব্যবহারকারী যুক্ত করুন</button></button> <button type = "button" class = "right addNewUser" @ click = "showingAddModal = true;"><button @ click = "showingDeleteModal = true; selectUser (user);"><button type = "button" class = "right close" @ click = "showingAddModal = false;">এক্স</button></button></button></pre><pre><label class = "left" for = "">ব্যবহারকারীর নাম:</label> <label class = "left" for = "">ই-মেইল:</label> <label class = "left" for = "">ফোন:</label> <button type = "button" class = "btn right" @ click = "showingAddModal = false; saveUser ();">বাঁচানো</button></pre><pre>এই ব্যবহারকারী সম্পাদনা করুন <button type = "button" class = "right close" @ click = "showingEditModal = false;">এক্স</button></pre><pre><label class = "left" for = "">ব্যবহারকারীর নাম:</label> <label class = "left" for = "">ই-মেইল:</label> <label class = "left" for = "">ফোন:</label> <button class = "btn right" @ click = "showingEditModal = false; updateUser ()">আপডেট</button></pre><pre>এই ব্যবহারকারীকে মুছুন <button type = "button" class = "right close" @ click = "showingDeleteModal = false;">এক্স</button></pre><pre></ div></ div><div class = "modalContent"><h4>আপনি ked {ক্লিকডউজার.উজারনেম} delete মুছতে চলেছেন}</ h4><div class = "clear"></pre><pre></ div><p>আপনি মুছে ফেলতে চান?</ p><br /></pre><pre><button class = "danger" @ click = "showingDeleteModal = false; deleteUser ()">হ্যাঁ</button></ button></pre><pre><button class = "btn" @ click = "showingDeleteModal = false;">না</button></ button></ div></ div></ div></pre><pre></ div></pre><pre><script src = "axios.js"> </ script>
    <script src = "vue.js"> </ script>
    <script src = "app.js"> </ script></pre><pre></ body>
</ html></pre><p>উপরের কোডটি সূক্ষ্মভাবে কাজ করবে, তবে আমাদের এটি CSS এর সাথে কিছুটা স্টাইল করতে হবে। এই মুহুর্তে, আমি মনে করি আপনার একটি স্টাইল। CSS ফাইল তৈরি করা উচিত ছিল। যখন আপনি এটিটি করেন, সিএসএস ফাইলে নিম্নলিখিত কোডটি যুক্ত করুন।</p><pre>* Ding প্যাডিং: 0 পিএক্স; সীমানা: 0 পিএক্স; বক্স আকার: সীমান্ত বক্স; }। কনটেইনার {প্রস্থ: 960px; প্রান্ত: গাড়ী; শীর্ষ মার্জিন: 44px; lin লিঙ্কস {সাঁতারু: বাম; }। right right ডান ভাসা; cle। পরিষ্কার both উভয় মুছুন; } এইচ 1 {হরফ আকার: 32px; new। নতুন ব্যবহারকারী যুক্ত করুন {ভাসা: 2px 9px; । টেবিল.লিস্ট {প্রস্থ: 100%; পাঠ্য সারিবদ্ধকরণ: কেন্দ্র; শীর্ষ মার্জিন: 33px; । table.list ম; প্যাডিং: 5px; পটভূমি: # F41272; রঙ: # এফএফ; । টেবিল.লিস্ট টিডি {প্যাডিং: 9 পিএক্স; । table.list tr {পটভূমি: # D7DBDD; Ton বোতাম {প্যাডিং: 10px 20px; সীমানা: 0 পিএক্স; পটভূমি: # F2F3F4; } আধুনিক {পটভূমি: rgba (0,0,0,0,4); অবস্থান: স্থির; শীর্ষ: 0; নীচে: 0; বাম: 0; ডান: 0; mod .মডালকন্টেইনার {প্রস্থ: 555px; পটভূমি: # এফএফএফ; মার্জিন: 0 অটো; শীর্ষ মার্জিন: 44px; mod মডেলহাইডিং {পটভূমি: # F41272; প্যাডিং: 6 পিএক্স; পাঠ্য সারিবদ্ধকরণ: কেন্দ্র; রঙ: # এফএফ; mod .মডাল কনটেন্ট {সর্বনিম্ন উচ্চতা: 400px; প্যাডিং: 44px; lo ক্লোজ {পটভূমি: লাল; হরফ আকার: 32px; রঙ: # এফএফ; প্যাডিং: 2px 9px; সীমা: কোনটি নয়; } শিষ্টাচার {হরফ পরিবার: "রোবোটো", সানস সারিফ; হরফ আকার: 15px; form .ফর্ম {প্যাডিং: 2 পিএক্স; Form। ফর্ম গ্রুপ {প্যাডিং: 20px; form।-নিয়ন্ত্রণ {প্যাডিং: 5px 6px; ডান ভাসা; প্রস্থ: 80%; প্রান্ত ব্যাসার্ধ: 5px; সীমানা: 1px অবিচ্ছিন্ন # D6DBDF; b .btn {পটভূমি: # 48C9B0; রঙ: # এফএফ; হরফ আকার: 14px; প্রান্ত ব্যাসার্ধ: 5px; }। মনোযোগ {পটভূমি: লাল; রঙ: # এফএফ; হরফ আকার: 14px; প্রান্ত ব্যাসার্ধ: 5px; Success। সাফল্যের বার্তা {পটভূমি: # D8EFC2; রঙ: # 097133; বাম মার্জিন: 5 পিক্সেল অবিরাম # 097133; প্যাডিং: 9 পিএক্স; সীমানা: 22px 0; }। ত্রুটি বার্তা {পটভূমি: # ইএফসিবিসি 2; রঙ: # ডি 71517; মার্জিন বাম: 5px অবিচ্ছিন্ন # D71517; প্যাডিং: 9 পিএক্স; সীমানা: 22px 0;</pre><pre>}</pre><p>আমরা খুব একটা করিনি, তবে আমরা সত্যিই দুর্দান্ত কিছু করেছি। আসুন একটি ব্রাউজারে পূর্বরূপ দেখুন:</p><img alt="" src="https://imgstore.nyc3.cdn.digitaloceanspaces.com/ceadesc/1572108166697.png" /><h3>এগুলি সমস্ত লোকেরা, আরও শীঘ্রই আসছে ...</h3><p>Vue.js Andela নাইজেরিয়া php.net জাভাস্ক্রিপ্ট দৈনিক</p></div><div class="neighbor-articles"><h4 class="ui header">আরো দেখুন</h4><a href="/question/how-to-wear-bandeau-tops/" title="কিভাবে বান্দু টপস পরেন">কিভাবে বান্দু টপস পরেন</a><a href="/question/how-to-open-ass-files/" title=".ass ফাইলগুলি কীভাবে খুলবেন">.ass ফাইলগুলি কীভাবে খুলবেন</a><a href="/question/how-to-sign-a-letter-with-two-signatures/" title="কিভাবে দুটি স্বাক্ষর দিয়ে একটি চিঠি স্বাক্ষর">কিভাবে দুটি স্বাক্ষর দিয়ে একটি চিঠি স্বাক্ষর</a><a href="/question/how-to-delete-anaconda-mac/" title="কীভাবে অ্যানাকোন্ডা ম্যাক মুছবেন">কীভাবে অ্যানাকোন্ডা ম্যাক মুছবেন</a><a href="/question/how-to-spell-nanna/" title="নানান বানান কিভাবে">নানান বানান কিভাবে</a><a href="/question/how-to-remove-waterproof-mascara-without-eye-makeup-remover/" title="চোখের মেকআপ অপসারণ ছাড়াই কীভাবে জলরোধী মাস্কারাকে সরিয়ে ফেলা যায়">চোখের মেকআপ অপসারণ ছাড়াই কীভাবে জলরোধী মাস্কারাকে সরিয়ে ফেলা যায়</a><a href="/question/how-to-make-a-mirror-in-blender/" title="ব্লেন্ডারে কীভাবে আয়না তৈরি করা যায়">ব্লেন্ডারে কীভাবে আয়না তৈরি করা যায়</a><a href="/question/how-to-wear-a-sweater-vest-casually/" title="কিভাবে সোয়েটার ন্যূনতমভাবে পরেন">কিভাবে সোয়েটার ন্যূনতমভাবে পরেন</a></div></div><div class="article-sidebar"><div class="neighbor-articles"><h4 class="ui header">আরো দেখুন</h4><a href="/article/how-to-find-altcoins-that-have-huge-growth-potential-771e3a/" title="দুর্দান্ত বৃদ্ধির সম্ভাবনা সহ কীভাবে ওয়েলকয়েনগুলি সন্ধান করবেন">দুর্দান্ত বৃদ্ধির সম্ভাবনা সহ কীভাবে ওয়েলকয়েনগুলি সন্ধান করবেন</a><a href="/article/how-to-think-for-yourself-98fa93/" title="নিজের জন্য কীভাবে ভাববেন">নিজের জন্য কীভাবে ভাববেন</a><a href="/article/how-to-find-a-reliable-dentist-4e1ffc/" title="কীভাবে নির্ভরযোগ্য ডেন্টিস্ট খুঁজে পাবেন">কীভাবে নির্ভরযোগ্য ডেন্টিস্ট খুঁজে পাবেন</a><a href="/article/how-to-effectively-deal-with-negative-comments-and-judgments-a8d02e/" title="নেতিবাচক মন্তব্য এবং রায় কার্যকরভাবে মোকাবেলা করা যেতে পারে">নেতিবাচক মন্তব্য এবং রায় কার্যকরভাবে মোকাবেলা করা যেতে পারে</a><a href="/article/how-to-make-a-powerful-start-in-prospectors-306635/" title="প্রসপেক্টরগুলিতে কিভাবে শক্তিশালীভাবে শুরু করা যায়">প্রসপেক্টরগুলিতে কিভাবে শক্তিশালীভাবে শুরু করা যায়</a><a href="/article/how-to-make-a-react-component-and-publish-it-to-npm-eb68c1/" title="কীভাবে একটি প্রতিক্রিয়া উপাদান তৈরি করতে এবং এটি এনপিএম-এ প্রকাশ করা যায় তা এখানে">কীভাবে একটি প্রতিক্রিয়া উপাদান তৈরি করতে এবং এটি এনপিএম-এ প্রকাশ করা যায় তা এখানে</a><a href="/article/how-to-ask-for-favors-that-people-want-to-fulfill-f85c95/" title="লোকেরা যেগুলি পূরণ করতে চায় তার পক্ষে কীভাবে জিজ্ঞাসা করা যায়">লোকেরা যেগুলি পূরণ করতে চায় তার পক্ষে কীভাবে জিজ্ঞাসা করা যায়</a><a href="/article/how-to-commemorate-the-worst-most-unpopular-president-ever-f25722/" title="কীভাবে সর্বকালের সবচেয়ে খারাপ এবং সর্বাধিক অপ্রিয় জনপ্রিয় প্রেসিডেন্টকে স্মরণ করবেন">কীভাবে সর্বকালের সবচেয়ে খারাপ এবং সর্বাধিক অপ্রিয় জনপ্রিয় প্রেসিডেন্টকে স্মরণ করবেন</a></div></div></div></main><div class="push"></div></div><footer><div class="flags-footer"><a href="https://uz.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="uz flag"></i></a><a href="https://bg.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="bg flag"></i></a><a href="https://et.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ee flag"></i></a><a href="https://lt.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="lt flag"></i></a><a href="https://lv.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="lv flag"></i></a><a href="https://sr.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="rs flag"></i></a><a href="https://sl.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="si flag"></i></a><a href="https://sk.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="sk flag"></i></a><a href="https://uk.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ua flag"></i></a><a href="https://sq.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="al flag"></i></a><a href="https://hy.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="am flag"></i></a><a href="https://is.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="is flag"></i></a><a href="https://az.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="az flag"></i></a><a href="https://kk.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="kz flag"></i></a><a href="https://fa.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ir flag"></i></a><a href="https://tg.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="tj flag"></i></a><a href="https://ga.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ie flag"></i></a><a href="https://be.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="by flag"></i></a><a href="https://ka.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ge flag"></i></a><a href="https://ky.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="kg flag"></i></a><a href="https://lb.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="lu flag"></i></a><a href="https://lo.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="la flag"></i></a><a href="https://ar.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="sa flag"></i></a><a href="https://ca.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="es flag"></i></a><a href="https://zh.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="cn flag"></i></a><a href="https://hr.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="hr flag"></i></a><a href="https://cs.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="cz flag"></i></a><a href="https://da.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="dk flag"></i></a><a href="https://nl.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="nl flag"></i></a><a href="https://tl.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ph flag"></i></a><a href="https://fi.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="fi flag"></i></a><a href="https://fr.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="fr flag"></i></a><a href="https://de.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="de flag"></i></a><a href="https://el.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="gr flag"></i></a><a href="https://iw.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="il flag"></i></a><a href="https://hi.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="in flag"></i></a><a href="https://hu.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="hu flag"></i></a><a href="https://id.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="id flag"></i></a><a href="https://it.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="it flag"></i></a><a href="https://ja.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="jp flag"></i></a><a href="https://ko.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="kr flag"></i></a><a href="https://ms.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="my flag"></i></a><a href="https://mr.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="io flag"></i></a><a href="https://no.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="no flag"></i></a><a href="https://pl.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="pl flag"></i></a><a href="https://pt.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="pt flag"></i></a><a href="https://ro.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ro flag"></i></a><a href="https://ru.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ru flag"></i></a><a href="https://internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="es flag"></i></a><a href="https://sv.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="ch flag"></i></a><a href="https://ta.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="sg flag"></i></a><a href="https://te.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="in flag"></i></a><a href="https://th.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="th flag"></i></a><a href="https://tr.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="tr flag"></i></a><a href="https://ur.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="pk flag"></i></a><a href="https://vi.internautasporlapaz.org/article/how-to-build-a-simple-crud-app-with-vuejs-and-codefii-6d74b1/"><i class="vn flag"></i></a></div>internautasporlapaz.org<!-- --> © <!-- -->2021<!-- --> </footer></div></div></div></body></html>