ডকুমেন্টেশনপ্রথম পদক্ষেপ
Nexy টিউটোরিয়াল: ধাপে ধাপে একটি নোট অ্যাপ তৈরি করুন
Nexy টিউটোরিয়ালটি একটি খালি ফোল্ডার থেকে একটি প্রোডাকশন বিল্ডে একটি নোট অ্যাপ তৈরি করে, একটি সময়ে একটি অংশ, এবং প্রতিটি অংশ চলে একটি অ্যাপ দিয়ে শেষ হয়।
Nexy এ নতুন? দ্রুত শুরু দেখায় এটি তিন মিনিটের মধ্যে চলছে; এটি কিভাবে কাজ করে তা জানতে এখানে ফিরে আসুন।
টিউটোরিয়াল কিভাবে কাজ করে
- একটি অ্যাপ যা বৃদ্ধি পায়। প্রতিটি অংশ আগের অংশের নোট অ্যাপে একটি বৈশিষ্ট্য যোগ করে
- আপনার রাউটার অংশগুলি মেনুর শীর্ষে নির্বাচিত রাউটার অনুসরণ করে: ফাইল-ভিত্তিক, মডুলার বা কাস্টম। এটি সেখানে স্যুইচ করুন, এবং প্রতিটি অংশের ফাইল এটির সাথে পরিবর্তন হয়।
- যে কোড রান উপরে একটি নাম সহ প্রতিটি ফাইল একটি সম্পূর্ণ ফাইল, এবং টেস্ট স্যুট একটি নতুন প্রকল্পের ক্রমানুসারে অংশগুলিকে পুনরায় প্লে করে: আপনি যা অনুলিপি করেন তা চলে।
- থামো যে কোন জায়গায় প্রতিটি অংশে 10 থেকে 20 মিনিট সময় লাগে এবং ব্রাউজারে কী পরীক্ষা করতে হবে তা দিয়ে শেষ হয়৷
অংশগুলো
ইউনিট 1: মৌলিক
| অংশ | আপনি কি যোগ করুন | আপনি কি শিখুন |
|---|---|---|
| 1. প্রকল্প তৈরি করুন | একটি প্রকল্প যা চলে | nexy new, nexy dev |
| 2. পৃষ্ঠা এবং বিন্যাস | নোট পাতা | পেজ, ভিউ, লেআউট |
| 3. গতিশীল রুট এবং একটি API | /notes/1 এবং /api/notes |
URL বিভাগ, JSON রুট, notFound |
| 4. উপাদান | নোট প্রতি একটি কার্ড | .nexy উপাদান এবং তাদের প্রপস |
ইউনিট 2: ডেটা
| অংশ | আপনি কি যোগ করুন | আপনি কি শিখুন |
|---|---|---|
| 5. নোট সংরক্ষণ করুন SQLite | একটি মডেল, একটি মাইগ্রেশন, একটি বীজ | SQLModel, nx migrate |
| 6. একটি ফর্ম থেকে একটি নোট তৈরি করুন | একটি ফর্ম যা একটি নোট সংরক্ষণ করে | কর্ম, ফর্ম ছাড়া JavaScript |
| 7. বৈধতা ত্রুটি দেখান | ফর্মের উপরে একটি বার্তা | একটি কর্মের নিয়ম, 303, useSearchParams |
| 8. একটি নোট সম্পাদনা করুন এবং মুছুন | একটি নোট ফর্ম | প্রতি পৃষ্ঠায় একাধিক অ্যাকশন, লুকানো ক্ষেত্র |
| 9. নোটগুলি পৃষ্ঠায় অঙ্কন করুন | প্রতি পৃষ্ঠায় পাঁচটি নোট | offset এবং limit, পৃষ্ঠাগুলির মধ্যে লিঙ্ক |
ইউনিট 3: ব্যবহারকারী
| অংশ | আপনি কি যোগ করুন | আপনি কি শিখুন |
|---|---|---|
| 10. একটি অ্যাকাউন্ট তৈরি করুন এবং সাইন ইন করুন | সাইন আপ, সাইন ইন, সাইন আউট | সেশন, পাসওয়ার্ড হ্যাশিং |
| 11. প্রতিটি ব্যবহারকারীকে তাদের নিজস্ব নোট দিন | একটি ব্যবহারকারীর অন্তর্গত নোট | বিদেশী কী, redirect, 401 |
| 12. ইমেল দ্বারা একটি ভুলে যাওয়া পাসওয়ার্ড পুনরায় সেট করুন | ইমেল দ্বারা পাঠানো একটি রিসেট লিঙ্ক | smtplib, স্বাক্ষরিত টোকেন যার মেয়াদ শেষ |
ইউনিট 4: ইন্টারঅ্যাক্টিভিটি
| অংশ | আপনি কি যোগ করুন | আপনি কি শিখুন |
|---|---|---|
| 13. আপনি টাইপ করার সাথে সাথে নোটগুলি অনুসন্ধান করুন | একটি অনুসন্ধান বাক্স যা আপনি টাইপ করার সাথে সাথে ফিল্টার করে | React দ্বীপ, প্রপস থেকে Python |
| 14. পৃষ্ঠা পুনরায় লোড না করে একটি নোটে টিক দিন | প্রতিটি নোটে একটি সম্পন্ন বোতাম | প্রগতিশীল বর্ধন, একটি ফর্মের জন্য একটি ক্রিয়া এবং fetch |
পরবর্তী আসছে
| ইউনিট | অ্যাপটি কী লাভ করে |
|---|---|
| 5. অনুরোধের বাইরে | ব্যাকগ্রাউন্ডে ইমেলের মাধ্যমে শেয়ার করা নোট, একটি দৈনিক ডাইজেস্ট, লাইভ আপডেট |
| 6. জাহাজ | পরীক্ষা, ত্রুটি পৃষ্ঠা এবং লগ, নিরাপত্তা শিরোনাম, একটি Docker বিল্ড |
পরবর্তী পদক্ষেপ
- অংশ 1: প্রকল্প তৈরি করুন
- মূল ধারণা : টিউটোরিয়াল ব্যবহার করা শব্দ