8 פרויקטים חינוכיים

"מאסטר עושה יותר טעויות מאשר מתחיל עושה ניסיונות"

אנו מציעים 8 אפשרויות פרויקט שניתן לעשות "בכיף" על מנת לצבור ניסיון פיתוח אמיתי.

פרויקט 1. שיבוט Trello

שיבוט טרלו מ-Indrek Lasn.

מה תלמדו:

• ארגון מסלולי עיבוד בקשות (Routing).
• גרור ושחרר
• כיצד ליצור אובייקטים חדשים (לוחות, רשימות, כרטיסים).
• עיבוד ובדיקת נתוני קלט.
• מצד הלקוח: כיצד להשתמש באחסון מקומי, כיצד לשמור נתונים לאחסון מקומי, כיצד לקרוא נתונים מאחסון מקומי.
• מצד השרת: איך משתמשים בבסיסי נתונים, איך שומרים נתונים במסד הנתונים, איך קוראים נתונים מבסיס הנתונים.

הנה דוגמה למאגר, תוצרת React+Redux.

פרויקט 2. פאנל ניהול

מאגר Github.

יישום CRUD פשוט, אידיאלי ללימוד היסודות. בוא נלמד:

• צור משתמשים, נהל משתמשים.
• אינטראקציה עם מסד הנתונים - צור, קרא, ערוך, מחק משתמשים.
• אימות קלט ועבודה עם טפסים.

פרויקט 3. מעקב אחר מטבעות קריפטו (אפליקציה מקורית לנייד)

מאגר Github.

כל דבר: Swift, Objective-C, React Native, Java, Kotlin.

בוא נלמד:

• איך יישומים מקוריים עובדים.
• כיצד לאחזר נתונים מ-API.
• כיצד פועלות פריסות עמוד מקוריות.
• איך לעבוד עם סימולטורים ניידים.

נסה את ה-API הזה. אם אתה מוצא משהו טוב יותר, כתוב בתגובות.

אם אתה מעוניין, הנה זה הנה הדרכה.

פרויקט 4. הגדר את תצורת חבילת האינטרנט שלך מאפס

מבחינה טכנית, זו לא אפליקציה, אבל זו משימה שימושית מאוד להבין איך webpack עובד מבפנים. עכשיו זה לא יהיה "קופסה שחורה", אלא כלי מובן.

דרישות:

• קומפילו es7 עד es5 (יסודות).
• קומפלט את jsx ל-js - או - .vue ל-.js (תצטרך ללמוד מעמיסים)
• הגדר את שרת הפיתוח של webpack וטעינה מחדש של מודול חם. (vue-cli ו-create-react-app משתמשים בשניהם)
• השתמש ב-Heroku, now.sh או Github, למד כיצד לפרוס פרויקטים של Webpack.
• הגדר את המעבד המועדף עליך כדי להדר css - scss, less, stylus.
• למד כיצד להשתמש בתמונות וב-svgs עם webpack.

זהו משאב מדהים למתחילים שלמים.

פרויקט 5. שיבוט Hackernews

כל ג'דיי נדרש ליצור את האקרניוז שלו.

מה תלמדו בדרך:

• כיצד ליצור אינטראקציה עם ה-API של hackernews.
• כיצד ליצור יישום עמוד בודד.
• כיצד ליישם תכונות כגון צפייה בתגובות, הערות בודדות, פרופילים.
• ארגון מסלולי עיבוד בקשות (Routing).

פרויקט 6. Tudushechka

TodoMVC.

ברצינות? טודושקה? יש אלפים כאלה. אבל תאמין לי, יש סיבה לפופולריות הזו.
אפליקציית Tudu היא דרך מצוינת לוודא שאתה מבין את היסודות. נסה לכתוב יישום אחד ב-vanilla Javascript ואחד במסגרת המועדפת עליך.

לִלמוֹד:

• צור משימות חדשות.
• בדוק שהשדות ממולאים.
• משימות סינון (הושלמו, פעילות, הכל). להשתמש filter и reduce.
• להבין את היסודות של Javascript.

פרויקט 7. רשימת גרירה ושחרור ניתנת למיין

מאגר Github.

מאוד עוזר להבין גרור ושחרר API.

בוא נלמד:

• גרור ושחרר ממשק API
• צור ממשק משתמש עשיר

פרויקט 8. שיבוט Messenger (יישום מקורי)

אתה תבין איך גם יישומי אינטרנט וגם אפליקציות מקוריות פועלות, מה שיבדל אותך מהמסה האפורה.

מה נלמד:

• שקעי אינטרנט (הודעות מיידיות)
• איך יישומים מקוריים עובדים.
• כיצד פועלות תבניות ביישומים מקוריים.
• ארגון מסלולי עיבוד בקשות באפליקציות מקוריות.

זה יספיק לך לחודש או חודשיים.

התרגום בוצע בתמיכת החברה תוכנת EDISONשעוסק במקצועיות פיתוח אפליקציות ואתרי אינטרנט ב-PHP ללקוחות גדולים, כמו גם פיתוח שירותי ענן ויישומים ניידים ב-Java.

מקור: www.habr.com