8 ուսումնական նախագիծ

«Վարպետն ավելի շատ սխալներ է թույլ տալիս, քան սկսնակը՝ փորձեր»

Մենք առաջարկում ենք նախագծի 8 տարբերակ, որոնք կարելի է անել «զվարճանքի համար»՝ զարգացման իրական փորձ ձեռք բերելու համար:

Նախագիծ 1. Trello կլոն

Trello կլոն Ինդրեկ Լասնից:

Ինչ դուք կսովորեք.

• Հարցումների մշակման երթուղիների կազմակերպում (Routing).
• Քաշել և թողնել:
• Ինչպես ստեղծել նոր օբյեկտներ (տախտակներ, ցուցակներ, քարտեր):
• Մուտքային տվյալների մշակում և ստուգում:
• Հաճախորդի կողմից. ինչպես օգտագործել տեղական պահեստը, ինչպես պահպանել տվյալները տեղական պահեստում, ինչպես կարդալ տվյալները տեղական պահեստից:
• Սերվերի կողմից. ինչպես օգտագործել տվյալների բազաները, ինչպես պահպանել տվյալները տվյալների բազայում, ինչպես կարդալ տվյալները տվյալների բազայից:

Ահա պահեստի օրինակ, պատրաստված React+Redux-ում:

Նախագիծ 2. Ադմինիստրատորի վահանակ

Github պահեստ.

Պարզ CRUD հավելված, որն իդեալական է հիմունքները սովորելու համար: Եկեք սովորենք.

• Ստեղծեք օգտվողներ, կառավարեք օգտվողներին:
• Շփվել տվյալների բազայի հետ՝ ստեղծել, կարդալ, խմբագրել, ջնջել օգտվողներին:
• Ներածման վավերացում և ձևաթղթերի հետ աշխատելը:

Նախագիծ 3. Կրիպտոարժույթի հետքեր (բջջային հավելված)

Github պահեստ.

Ամեն ինչ՝ Swift, Objective-C, React Native, Java, Kotlin:

Եկեք ուսումնասիրենք.

• Ինչպես են աշխատում հայրենի հավելվածները:
• Ինչպես ստանալ տվյալներ API-ից:
• Ինչպես են աշխատում հայրենի էջի դասավորությունները:
• Ինչպես աշխատել բջջային սիմուլյատորների հետ:

Փորձեք այս API-ն. Եթե ​​ավելի լավ բան եք գտնում, գրեք մեկնաբանություններում։

Եթե ​​դուք հետաքրքրված եք, ահա այն ահա ձեռնարկը.

Նախագիծ 4. Ստեղծեք ձեր սեփական վեբ փաթեթի կազմաձևը զրոյից

Տեխնիկապես սա հավելված չէ, բայց շատ օգտակար խնդիր է հասկանալ, թե ինչպես է վեբ փաթեթը աշխատում ներսից: Այժմ դա կլինի ոչ թե «սև արկղ», այլ հասկանալի գործիք։

պահանջները:

• Կազմել es7-ը es5-ին (հիմքերը):
• Կազմել jsx-ը js - կամ - .vue to .js (դուք պետք է սովորեք բեռնիչներ)
• Կարգավորեք webpack մշակողի սերվերը և տաք մոդուլի վերաբեռնումը: (vue-cli և create-react-app օգտագործում են երկուսն էլ)
• Օգտագործեք Heroku-ն, now.sh-ը կամ Github-ը, սովորեք, թե ինչպես տեղադրել webpack նախագծերը:
• Ստեղծեք ձեր նախընտրած նախապրոցեսորը՝ css-ը կազմելու համար՝ scss, less, stylus:
• Իմացեք, թե ինչպես օգտագործել պատկերներ և svgs վեբ փաթեթով:

Սա զարմանալի ռեսուրս է լրիվ սկսնակների համար:

Նախագիծ 5. Hackernews-ի կլոն

Յուրաքանչյուր ջեդայից պահանջվում է ստեղծել իր սեփական Hackernews-ը:

Այն, ինչ դուք կսովորեք ճանապարհին.

• Ինչպես շփվել hackernews API-ի հետ:
• Ինչպես ստեղծել մեկ էջի հավելված:
• Ինչպես իրականացնել այնպիսի գործառույթներ, ինչպիսիք են մեկնաբանությունները, անհատական ​​մեկնաբանությունները, պրոֆիլները դիտելը:
• Հարցումների մշակման երթուղիների կազմակերպում (Routing).

Նախագիծ 6. Տուդուշեչկա

TodoMVC.

Լուրջ? Տուդուշկա? Դրանք հազարավոր են։ Բայց հավատացեք, որ այս ժողովրդականությունը պատճառ ունի.
Tudu հավելվածը հիանալի միջոց է համոզվելու, որ դուք հասկանում եք հիմունքները: Փորձեք գրել մեկ հավելված վանիլային Javascript-ով և մեկը՝ ձեր նախընտրած շրջանակում:

Իմացեք.

• Ստեղծեք նոր առաջադրանքներ:
• Ստուգեք, որ դաշտերը լրացված են:
• Զտել առաջադրանքները (ավարտված, ակտիվ, բոլորը): Օգտագործեք filter и reduce.
• Հասկանալ Javascript-ի հիմունքները:

Նախագիծ 7. Տեսակավորելի քաշել և թողնել ցուցակը

Github պահեստ.

Շատ օգտակար է հասկանալու համար քաշել և թողնել api-ն.

Եկեք սովորենք.

• Քաշեք և թողեք API-ն
• Ստեղծեք հարուստ միջերեսներ

Նախագիծ 8. Մեսսենջերի կլոնավորում (հայրենի հավելված)

Դուք կհասկանաք, թե ինչպես են աշխատում և՛ վեբ հավելվածները, և՛ հայրենական հավելվածները, որոնք ձեզ կառանձնացնեն գորշ զանգվածից։

Այն, ինչ մենք կուսումնասիրենք.

• Վեբ վարդակներ (ակնթարթային հաղորդագրություններ)
• Ինչպես են աշխատում հայրենի հավելվածները:
• Ինչպես են կաղապարները աշխատում բնիկ հավելվածներում:
• Ներքին հավելվածներում հարցումների մշակման երթուղիների կազմակերպում:

Սա ձեզ բավական կլինի մեկ-երկու ամիս:

Թարգմանությունն իրականացվել է ընկերության աջակցությամբ EDISON Softwareով մասնագիտորեն զբաղվում է PHP-ում հավելվածների և կայքերի մշակում խոշոր հաճախորդների համար, ինչպես նաև Java-ում ամպային ծառայությունների և բջջային հավելվածների մշակում.

Source: www.habr.com