අධ්‍යාපනික ව්‍යාපෘති 8ක්

"ආරම්භකයෙකු උත්සාහ කරනවාට වඩා ස්වාමියා වැරදි කරයි"

අපි සැබෑ සංවර්ධන අත්දැකීමක් ලබා ගැනීම සඳහා "විනෝදය සඳහා" කළ හැකි ව්යාපෘති විකල්ප 8 ක් ඉදිරිපත් කරමු.

ව්‍යාපෘතිය 1. ට්‍රෙලෝ ක්ලෝනය

අධ්‍යාපනික ව්‍යාපෘති 8ක්

Indrek Lasn වෙතින් ට්‍රෙලෝ ක්ලෝනය.

ඔබ ඉගෙන ගන්නා දේ:

  • ඉල්ලීම් සැකසීමේ මාර්ග සංවිධානය කිරීම (මාර්ගගත කිරීම).
  • ඇදගෙන යන්න.
  • නව වස්තූන් නිර්මාණය කරන්නේ කෙසේද (පුවරු, ලැයිස්තු, කාඩ්පත්).
  • ආදාන දත්ත සැකසීම සහ පරීක්ෂා කිරීම.
  • සේවාලාභියාගේ පැත්තෙන්: දේශීය ගබඩාව භාවිතා කරන්නේ කෙසේද, දේශීය ආචයනය වෙත දත්ත ඉතිරි කරන්නේ කෙසේද, දේශීය ගබඩාවෙන් දත්ත කියවන්නේ කෙසේද.
  • සේවාදායකයේ පැත්තෙන්: දත්ත සමුදායන් භාවිතා කරන්නේ කෙසේද, දත්ත ගබඩාවේ දත්ත ගබඩා කරන්නේ කෙසේද, දත්ත සමුදායෙන් දත්ත කියවන්නේ කෙසේද.

මෙන්න ගබඩාවක උදාහරණයක්, React+Redux වලින් සාදා ඇත.

ව්යාපෘතිය 2. පරිපාලක මණ්ඩලය

අධ්‍යාපනික ව්‍යාපෘති 8ක්
Github ගබඩාව.

සරල CRUD යෙදුමක්, මූලික කරුණු ඉගෙන ගැනීම සඳහා වඩාත් සුදුසුය. අපි ඉගෙන ගනිමු:

  • පරිශීලකයින් සාදන්න, පරිශීලකයින් කළමනාකරණය කරන්න.
  • දත්ත සමුදාය සමඟ අන්තර් ක්‍රියා කරන්න - පරිශීලකයින් සාදන්න, කියවන්න, සංස්කරණය කරන්න, මකන්න.
  • ආදානය තහවුරු කිරීම සහ පෝරම සමඟ වැඩ කිරීම.

ව්‍යාපෘතිය 3. Cryptocurrency tracker (දේශීය ජංගම යෙදුම)

අධ්‍යාපනික ව්‍යාපෘති 8ක්
Github ගබඩාව.

ඕනෑම දෙයක්: Swift, Objective-C, React Native, Java, Kotlin.

අපි අධ්යයනය කරමු:

  • දේශීය යෙදුම් ක්‍රියා කරන ආකාරය.
  • API වෙතින් දත්ත ලබා ගන්නේ කෙසේද.
  • ස්වදේශීය පිටු පිරිසැලසුම් ක්‍රියා කරන ආකාරය.
  • ජංගම සිමියුලේටර් සමඟ වැඩ කරන්නේ කෙසේද.

මෙම API උත්සාහ කරන්න. ඔබ වඩා හොඳ දෙයක් සොයා ගන්නේ නම්, අදහස් දැක්වීමේදී ලියන්න.

ඔබ උනන්දුවක් දක්වන්නේ නම්, මෙන්න එයයි මෙන්න නිබන්ධනයක්.

ව්‍යාපෘතිය 4. මුල සිටම ඔබේම webpack config එකක් සකසන්න

අධ්‍යාපනික ව්‍යාපෘති 8ක්
තාක්ෂණික වශයෙන්, මෙය යෙදුමක් නොවේ, නමුත් webpack ඇතුළත සිට ක්‍රියා කරන ආකාරය තේරුම් ගැනීම ඉතා ප්‍රයෝජනවත් කාර්යයකි. දැන් එය "කළු පෙට්ටියක්" නොව, තේරුම්ගත හැකි මෙවලමක් වනු ඇත.

අවශ්‍යතා:

  • es7 සිට es5 දක්වා සම්පාදනය කරන්න (මූලික).
  • jsx සිට js — or - .vue සිට .js දක්වා සම්පාදනය කරන්න (ඔබට ලෝඩර් ඉගෙන ගැනීමට සිදුවේ)
  • webpack dev සේවාදායකය සහ උණුසුම් මොඩියුල නැවත පූරණය සකසන්න. (vue-cli සහ create-react-app දෙකම භාවිතා කරයි)
  • Heroku භාවිතා කරන්න, now.sh හෝ Github, webpack ව්‍යාපෘති යෙදවීමට ඉගෙන ගන්න.
  • css - scss, අඩු, ස්ටයිලස් සම්පාදනය කිරීමට ඔබේ ප්‍රියතම ප්‍රොසෙසරය සකසන්න.
  • Webpack සමඟ පින්තූර සහ svgs භාවිතා කරන ආකාරය ඉගෙන ගන්න.

මෙය සම්පූර්ණ ආරම්භකයින් සඳහා පුදුමාකාර සම්පතකි.

ව්‍යාපෘතිය 5. හැකර්නිව්ස් ක්ලෝනය

අධ්‍යාපනික ව්‍යාපෘති 8ක්
සෑම ජෙඩියෙකුටම තමාගේම හැකර් නිවුස් සෑදීම අවශ්‍ය වේ.

මඟදී ඔබ ඉගෙන ගන්නා දේ:

  • Hackernews API සමඟ අන්තර් ක්‍රියා කරන්නේ කෙසේද.
  • තනි පිටුවක යෙදුමක් සාදා ගන්නේ කෙසේද.
  • අදහස් බැලීම, තනි අදහස්, පැතිකඩ වැනි විශේෂාංග ක්‍රියාත්මක කරන්නේ කෙසේද.
  • ඉල්ලීම් සැකසීමේ මාර්ග සංවිධානය කිරීම (මාර්ගගත කිරීම).

ව්යාපෘතිය 6. Tudushechka

අධ්‍යාපනික ව්‍යාපෘති 8ක්
TodoMVC.

බරපතල ලෙස? තුදුෂ්කා? ඔවුන් දහස් ගණනක් ඇත. නමුත් මාව විශ්වාස කරන්න, මෙම ජනප්රියත්වය සඳහා හේතුවක් තිබේ.
Tudu යෙදුම ඔබට මූලික කරුණු අවබෝධ කර ගැනීමට හොඳ ක්‍රමයකි. එක් යෙදුමක් වැනිලා ජාවාස්ක්‍රිප්ට් වලින් සහ එකක් ඔබේ ප්‍රියතම රාමුවෙන් ලිවීමට උත්සාහ කරන්න.

ඉගෙන ගන්න:

  • නව කාර්යයන් සාදන්න.
  • ක්ෂේත්ර පුරවා ඇත්දැයි පරීක්ෂා කරන්න.
  • පෙරහන් කාර්යයන් (සම්පූර්ණ, සක්‍රිය, සියල්ල). භාවිත filter и reduce.
  • Javascript හි මූලික කරුණු තේරුම් ගන්න.

ව්යාපෘතිය 7. වර්ග කළ හැකි ඇදගෙන යාමේ ලැයිස්තුව

අධ්‍යාපනික ව්‍යාපෘති 8ක්
Github ගබඩාව.

තේරුම් ගැනීමට ඉතා උපකාරී වේ drag and drop api.

අපි ඉගෙන ගනිමු:

  • API ඇද දමන්න
  • පොහොසත් UI සාදන්න

ව්‍යාපෘතිය 8. Messenger clone (දේශීය යෙදුම)

අධ්‍යාපනික ව්‍යාපෘති 8ක්
වෙබ් යෙදුම් සහ ස්වදේශීය යෙදුම් යන දෙකම ක්‍රියා කරන ආකාරය ඔබට වැටහෙනු ඇත, එමඟින් ඔබව අළු ස්කන්ධයෙන් වෙන් කරනු ඇත.

අපි අධ්යයනය කරන දේ:

  • වෙබ් සොකට් (ක්ෂණික පණිවිඩ)
  • දේශීය යෙදුම් ක්‍රියා කරන ආකාරය.
  • ස්වදේශීය යෙදුම්වල සැකිලි ක්‍රියා කරන ආකාරය.
  • දේශීය යෙදුම්වල ඉල්ලීම් සැකසීමේ මාර්ග සංවිධානය කිරීම.

මෙය ඔබට මාසයක් හෝ දෙකක් සඳහා ප්රමාණවත් වනු ඇත.

සමාගමේ සහාය ඇතිව පරිවර්තනය සිදු කරන ලදී EDISON මෘදුකාංගයවෘත්තීයමය වශයෙන් නියැලී සිටින PHP හි යෙදුම් සහ වෙබ් අඩවි සංවර්ධනය කිරීම විශාල ගනුදෙනුකරුවන් සඳහා මෙන්ම ජාවා හි වලාකුළු සේවා සහ ජංගම යෙදුම් සංවර්ධනය.

මූලාශ්රය: www.habr.com

අදහස් එක් කරන්න