8 پروژه آموزشی

"یک استاد بیشتر از یک مبتدی اشتباه می کند"

ما 8 گزینه پروژه را ارائه می دهیم که می تواند "برای سرگرمی" انجام شود تا تجربه توسعه واقعی را به دست آورید.

پروژه 1. شبیه سازی Trello

کلون Trello از Indrek Lasn.

آنچه خواهید آموخت:

• سازماندهی مسیرهای پردازش درخواست (Routing).
• کشیدن و انداختن.
• نحوه ایجاد اشیاء جدید (تخته، لیست، کارت).
• پردازش و بررسی داده های ورودی
• از سمت مشتری: نحوه استفاده از حافظه محلی، نحوه ذخیره داده ها در حافظه محلی، نحوه خواندن داده ها از حافظه محلی.
• از سمت سرور: نحوه استفاده از پایگاه داده، نحوه ذخیره داده ها در پایگاه داده، نحوه خواندن داده ها از پایگاه داده.

در اینجا یک نمونه از یک مخزن آورده شده است، ساخته شده در React+Redux.

پروژه 2. پنل مدیریت

مخزن Github.

یک برنامه ساده CRUD، ایده آل برای یادگیری اصول اولیه. بیا یاد بگیریم:

• ایجاد کاربر، مدیریت کاربران.
• تعامل با پایگاه داده - ایجاد، خواندن، ویرایش، حذف کاربران.
• اعتبار سنجی ورودی و کار با فرم ها.

پروژه 3. ردیاب ارزهای دیجیتال (برنامه موبایل بومی)

مخزن Github.

هر چیزی: Swift، Objective-C، React Native، Java، Kotlin.

بیایید مطالعه کنیم:

• برنامه های بومی چگونه کار می کنند
• نحوه بازیابی اطلاعات از API
• نحوه کار طرح‌بندی صفحه بومی
• نحوه کار با شبیه ساز موبایل

این API را امتحان کنید. اگر چیز بهتری پیدا کردید در نظرات بنویسید.

اگر علاقه مند هستید، اینجاست در اینجا یک آموزش است.

پروژه 4. پیکربندی بسته وب خود را از ابتدا تنظیم کنید

از نظر فنی، این یک برنامه کاربردی نیست، اما یک کار بسیار مفید برای درک نحوه عملکرد وب پک از داخل است. اکنون این یک "جعبه سیاه" نخواهد بود، بلکه یک ابزار قابل درک خواهد بود.

مورد نیاز:

• es7 را به es5 (مبانی) کامپایل کنید.
• jsx را به js - یا - .vue به .js کامپایل کنید (شما باید لودرها را یاد بگیرید)
• سرور توسعه دهنده وب پک و بارگیری مجدد ماژول داغ را راه اندازی کنید. (vue-cli و create-react-app از هر دو استفاده می کنند)
• از Heroku، now.sh یا Github استفاده کنید، نحوه استقرار پروژه های بسته وب را بیاموزید.
• پیش پردازنده مورد علاقه خود را برای کامپایل css - scss، less، قلم تنظیم کنید.
• نحوه استفاده از تصاویر و svgs با وب پک را بیاموزید.

این یک منبع شگفت انگیز برای مبتدیان کامل است.

پروژه 5. کلون هکرنیوز

هر جدی موظف است هکرنیوز خود را بسازد.

آنچه در طول مسیر یاد خواهید گرفت:

• نحوه تعامل با Hackernews API.
• نحوه ایجاد یک اپلیکیشن تک صفحه ای
• نحوه پیاده سازی ویژگی هایی مانند مشاهده نظرات، نظرات فردی، پروفایل ها.
• سازماندهی مسیرهای پردازش درخواست (Routing).

پروژه 6. Tudushechka

TodoMVC.

به طور جدی؟ تودوشکا؟ هزاران نفر از آنها وجود دارد. اما باور کنید این محبوبیت دلیلی دارد.
برنامه Tudu یک راه عالی برای اطمینان از درک اصول اولیه است. سعی کنید یک برنامه در جاوا اسکریپت وانیلی و یکی در فریم ورک مورد علاقه خود بنویسید.

فرا گرفتن:

• وظایف جدید ایجاد کنید.
• بررسی کنید که فیلدها پر شده باشند.
• وظایف را فیلتر کنید (تکمیل شده، فعال، همه). استفاده کنید filter и reduce.
• اصول جاوا اسکریپت را درک کنید.

پروژه 7. لیست کشیدن و رها کردن قابل مرتب سازی

مخزن Github.

برای درک بسیار مفید است api را بکشید و رها کنید.

بیا یاد بگیریم:

• API را بکشید و رها کنید
• ایجاد رابط کاربری غنی

پروژه 8. شبیه سازی مسنجر (برنامه بومی)

شما متوجه خواهید شد که برنامه های کاربردی وب و برنامه های بومی چگونه کار می کنند، که شما را از توده خاکستری متمایز می کند.

آنچه ما مطالعه خواهیم کرد:

• سوکت های وب (پیام های فوری)
• برنامه های بومی چگونه کار می کنند
• نحوه کار قالب ها در برنامه های بومی
• سازماندهی مسیرهای پردازش درخواست در برنامه های داخلی.

این برای یک یا دو ماه برای شما کافی خواهد بود.

ترجمه با حمایت شرکت انجام شد نرم افزار ادیسونکه به صورت حرفه ای مشغول است توسعه برنامه ها و وب سایت ها در PHP برای مشتریان بزرگ و همچنین توسعه خدمات ابری و برنامه های کاربردی موبایل در جاوا.

منبع: www.habr.com