الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

ملاحظة: لم يعد يتم الحفاظ على هذا المشروع. تمت كتابة معظمها عندما لم أكن على دراية تامة بـ Vue أو CSS الحديث، لذلك هناك الكثير من التعليمات البرمجية "nooby" وأفضل التركيز على مشاريعي الأحدث. في يناير 2019، أجريت بعض التغييرات البسيطة لتحديث التبعيات والسماح بإنشاء التطبيق كموقع ثابت بحيث يمكن استضافته على صفحات GitHub، ولكن بخلاف ذلك لن أقوم بتحديث الكود أكثر من ذلك.

لكن! نرحب بالمساهمات إذا كنت مهتمًا بالمشروع. معظم هذه المشكلات سهلة بما يكفي للتعامل معها إذا كنت في المستوى المبتدئ إلى المتوسط، ويمكن أن تكون طريقة رائعة للتعرف أكثر على Vue:

  • جودة الكود الإجمالية ليست رائعة؛ فهو يحتاج إلى إعادة هيكلة لاستخدام ميزات JavaScript الحديثة بشكل أكثر كفاءة، وهناك أيضًا عدد من أفضل ممارسات Vue التي لا يتم الالتزام بها: - لا ينبغي للمكونات أن تنتقل حقًا إلى مسارات أخرى، بل يجب أن تتواصل مع والديها بدلاً من ذلك. - عند عرض القوائم باستخدام v-for ، يجب أيضًا توفير دعامة key فريدة لكل عنصر، كما هو مذكور هنا.
  • تستخدم جميع عناصر تخطيط CSS العوامات حيث يكون استخدام CSS Grids أو Flexbox أكثر ملاءمة. كما أن استخدام الأساس لمشروع صغير مثل هذا يعد أمرًا مبالغًا فيه نوعًا ما.
  • قد يكون تنفيذ مكتبة إدارة الحالة مثل vuex مفيدًا، خاصة لتخزين بيانات الأحرف والتحكم في التنقل بين المسارات.
  • تمت كتابة البرنامج النصي الذي يُنشئ الأحرف JSONs بلغة Python، وهو أمر لا معنى له بعد فوات الأوان في مشروع JavaScript. :P يجب حقًا إعادة كتابة هذا كبرنامج نصي Node JS.

كاكيماسو

تعلم كيفية كتابة كانا اليابانية

عندما بدأت تعلم اللغة اليابانية، واجهت صعوبة كبيرة في نظام الكتابة. تستخدم اللغة اليابانية مزيجًا من أبجديتين صوتيتين (تسمى "هيراغانا" و"كاتاكانا") و"كانجي"، وهي أكثر لوجولوجية.

كنت أرغب في إنشاء طريقة مثيرة للاهتمام لتعلم كيفية كتابة اللغة اليابانية، باستخدام تكنولوجيا الويب الحديثة - وهو أمر أشعر أن مصادر تعلم اللغة اليابانية الأخرى لم تستخدمه بعد.

في الوقت الحالي، يحتوي Kakimasu على أحرف Hiragana وKatakana فقط، ومع ذلك أخطط لإضافة مستوى Kanji الأساسي في المستقبل، إلى جانب ميزات أخرى. (:

مكتبات الطرف الثالث المستخدمة:

  • فيو شبيبة
  • فيفوس
  • vue-router
  • vue-ga

البناء / المساهمة 

 # To get started, clone this repo to your local machine
git clone https://github.com/jaames/kakimasu.git

# Make sure you've navigated into the project folder before then next steps

# Install the Node modules required
npm install

# Make whatever changes you want to make to the source code in src/

# Run the dev build script,
# This will compile all the files and start a development preview server on port 4000
# (Check out the vbuild documentation for more details!)
npm run dev

# If you wish to compile a "production" build,
# This will compile everything in production mode to the dist/ directory
npm run build
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل