8 શૈક્ષણિક પ્રોજેક્ટ

"શિખાઉ માણસ પ્રયત્નો કરે છે તેના કરતાં માસ્ટર વધુ ભૂલો કરે છે"

અમે 8 પ્રોજેક્ટ વિકલ્પો ઑફર કરીએ છીએ જે વાસ્તવિક વિકાસ અનુભવ મેળવવા માટે "મજા માટે" કરી શકાય છે.

પ્રોજેક્ટ 1. ટ્રેલો ક્લોન

ઇન્ડ્રેક લાસન તરફથી ટ્રેલો ક્લોન.

તમે શું શીખશો:

• વિનંતી પ્રક્રિયા માર્ગોનું સંગઠન (રૂટીંગ).
• ખેંચો અને છોડો.
• નવા ઑબ્જેક્ટ્સ (બોર્ડ, સૂચિ, કાર્ડ) કેવી રીતે બનાવવું.
• ઇનપુટ ડેટાની પ્રક્રિયા અને તપાસ.
• ક્લાયંટ તરફથી: સ્થાનિક સ્ટોરેજનો ઉપયોગ કેવી રીતે કરવો, સ્થાનિક સ્ટોરેજમાં ડેટા કેવી રીતે સાચવવો, સ્થાનિક સ્ટોરેજમાંથી ડેટા કેવી રીતે વાંચવો.
• સર્વર બાજુથી: ડેટાબેઝનો ઉપયોગ કેવી રીતે કરવો, ડેટાબેઝમાં ડેટા કેવી રીતે સાચવવો, ડેટાબેઝમાંથી ડેટા કેવી રીતે વાંચવો.

અહીં રીપોઝીટરીનું ઉદાહરણ છે, React+Redux માં બનાવેલ.

પ્રોજેક્ટ 2. એડમિન પેનલ

ગીથબ રીપોઝીટરી.

એક સરળ CRUD એપ્લિકેશન, મૂળભૂત શીખવા માટે આદર્શ. ચાલો જાણીએ:

• વપરાશકર્તાઓ બનાવો, વપરાશકર્તાઓનું સંચાલન કરો.
• ડેટાબેઝ સાથે ક્રિયાપ્રતિક્રિયા કરો - વપરાશકર્તાઓ બનાવો, વાંચો, સંપાદિત કરો, કાઢી નાખો.
• ઇનપુટને માન્ય કરવું અને ફોર્મ્સ સાથે કામ કરવું.

પ્રોજેક્ટ 3. ક્રિપ્ટોકરન્સી ટ્રેકર (મૂળ મોબાઇલ એપ્લિકેશન)

ગીથબ રીપોઝીટરી.

કંઈપણ: સ્વિફ્ટ, ઑબ્જેક્ટિવ-સી, રીએક્ટ નેટિવ, જાવા, કોટલિન.

ચાલો અભ્યાસ કરીએ:

• મૂળ એપ્લિકેશનો કેવી રીતે કાર્ય કરે છે.
• API માંથી ડેટા કેવી રીતે પુનઃપ્રાપ્ત કરવો.
• મૂળ પૃષ્ઠ લેઆઉટ કેવી રીતે કાર્ય કરે છે.
• મોબાઇલ સિમ્યુલેટર સાથે કેવી રીતે કામ કરવું.

આ API અજમાવી જુઓ. જો તમને કંઈક સારું લાગે, તો ટિપ્પણીઓમાં લખો.

જો તમને રસ હોય, તો તે અહીં છે અહીં એક ટ્યુટોરીયલ છે.

પ્રોજેક્ટ 4. શરૂઆતથી તમારી પોતાની વેબપેક રૂપરેખા સેટ કરો

તકનીકી રીતે, આ કોઈ એપ્લિકેશન નથી, પરંતુ વેબપેક અંદરથી કેવી રીતે કાર્ય કરે છે તે સમજવા માટે તે ખૂબ જ ઉપયોગી કાર્ય છે. હવે તે "બ્લેક બોક્સ" નહીં, પણ સમજી શકાય તેવું સાધન હશે.

જરૂરીયાતો:

• es7 થી es5 (મૂળભૂત) કમ્પાઇલ કરો.
• jsx થી js - અથવા - .vue to .js કમ્પાઈલ કરો (તમારે લોડર્સ શીખવા પડશે)
• વેબપેક ડેવ સર્વર અને હોટ મોડ્યુલ રીલોડિંગ સેટ કરો. (vue-cli અને create-react-app બંનેનો ઉપયોગ કરે છે)
• Heroku, now.sh અથવા Github નો ઉપયોગ કરો, વેબપેક પ્રોજેક્ટ્સ કેવી રીતે જમાવવા તે શીખો.
• css - scss, less, stylus કમ્પાઈલ કરવા માટે તમારા મનપસંદ પ્રીપ્રોસેસરને સેટ કરો.
• વેબપેક સાથે છબીઓ અને svgs નો ઉપયોગ કેવી રીતે કરવો તે જાણો.

સંપૂર્ણ નવા નિશાળીયા માટે આ એક અદ્ભુત સંસાધન છે.

પ્રોજેક્ટ 5. હેકરન્યૂઝ ક્લોન

દરેક જેડીએ પોતાના હેકરન્યૂઝ બનાવવા જરૂરી છે.

રસ્તામાં તમે શું શીખશો:

• હેકરન્યૂઝ API સાથે કેવી રીતે ક્રિયાપ્રતિક્રિયા કરવી.
• સિંગલ પેજ એપ્લિકેશન કેવી રીતે બનાવવી.
• ટિપ્પણીઓ, વ્યક્તિગત ટિપ્પણીઓ, પ્રોફાઇલ્સ જોવા જેવી સુવિધાઓનો અમલ કેવી રીતે કરવો.
• વિનંતી પ્રક્રિયા માર્ગોનું સંગઠન (રૂટીંગ).

પ્રોજેક્ટ 6. ટુડુશેચકા

TodoMVC.

ગંભીરતાથી? તુદુષ્કા? તેમાંના હજારો છે. પરંતુ મારા પર વિશ્વાસ કરો, આ લોકપ્રિયતા માટે એક કારણ છે.
તમે મૂળભૂત બાબતોને સમજો છો તેની ખાતરી કરવા માટે Tudu એપ્લિકેશન એ એક સરસ રીત છે. એક એપ્લિકેશન વેનીલા જાવાસ્ક્રિપ્ટમાં અને એક તમારા મનપસંદ ફ્રેમવર્કમાં લખવાનો પ્રયાસ કરો.

જાણો:

• નવા કાર્યો બનાવો.
• તપાસો કે ફીલ્ડ્સ ભરાઈ ગયા છે.
• ફિલ્ટર કાર્યો (પૂર્ણ, સક્રિય, બધા). વાપરવુ filter и reduce.
• Javascript ની મૂળભૂત બાબતોને સમજો.

પ્રોજેક્ટ 7. સોર્ટ કરી શકાય તેવી ડ્રેગ અને ડ્રોપ સૂચિ

ગીથબ રીપોઝીટરી.

સમજવામાં ખૂબ મદદરૂપ api ખેંચો અને છોડો.

ચાલો જાણીએ:

• API ખેંચો અને છોડો
• સમૃદ્ધ UIs બનાવો

પ્રોજેક્ટ 8. મેસેન્જર ક્લોન (મૂળ એપ્લિકેશન)

તમે સમજી શકશો કે વેબ એપ્લીકેશન અને નેટીવ એપ્લીકેશન બંને કેવી રીતે કામ કરે છે, જે તમને ગ્રે માસથી અલગ કરશે.

આપણે શું અભ્યાસ કરીશું:

• વેબ સોકેટ્સ (ત્વરિત સંદેશાઓ)
• મૂળ એપ્લિકેશનો કેવી રીતે કાર્ય કરે છે.
• નેટીવ એપ્લીકેશનમાં ટેમ્પલેટ્સ કેવી રીતે કામ કરે છે.
• નેટીવ એપ્લીકેશનમાં વિનંતી પ્રક્રિયાના રૂટનું આયોજન કરવું.

આ તમારા માટે એક કે બે મહિના માટે પૂરતું હશે.

કંપનીના સહયોગથી અનુવાદ હાથ ધરવામાં આવ્યો હતો એડિસન સોફ્ટવેરજે વ્યવસાયિક રીતે સંકળાયેલા છે PHP માં એપ્લિકેશન્સ અને વેબસાઇટ્સ વિકસાવવી મોટા ગ્રાહકો માટે, તેમજ જાવામાં ક્લાઉડ સેવાઓ અને મોબાઇલ એપ્લિકેશનનો વિકાસ.

સોર્સ: www.habr.com