የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

1. የማሰብ ችሎታ

የኖሽን አፕሊኬሽኑ በብዙዎች ዘንድ ይወዳል፣ የስራ ፍሰትዎን እንዲያሳድጉ፣ ከሰነዶች ጋር እንዲሰሩ፣ ስራዎችን እንዲያዘጋጁ፣ በመሳሪያዎች መካከል ውሂብን እንዲያመሳስሉ ይፈቅድልዎታል።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

www.notion.so

የኖሽን ክሎን በመፍጠር ምን ይማራሉ፡-

  • HTML ጎትት እና ጣል API. ተጠቃሚው "በመዳፊት መያዝ" ይችላል. የሚጎተት ኤለመንት እና ያስቀምጡት ሊጣል የሚችል ዞን.
  • በኮምፒተር እና በስማርትፎን መካከል ቅጽበታዊ ውሂብን እንዴት ማመሳሰል እንደሚቻል።
  • ተጠቃሚዎች መዝገቦችን እንዲፈጥሩ፣ እንዲያነቡ፣ እንዲያዘምኑ እና እንዲሰርዙ እንፈቅዳለን፣ በዚህም የCRUD ችሎታዎችን እናሠለጥናለን።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ጽሑፉ የተተረጎመው በ EDISON ሶፍትዌር ድጋፍ ነው, እሱም መተግበሪያዎችን እና ድር ጣቢያዎችን ያዘጋጃል።, እንዲሁም ጅምር ላይ ኢንቨስት ያደርጋል.

2. Repl.it clone

Repl.it የእውነተኛ ጊዜ የትብብር ኮድ አርትዖት መሳሪያ ነው። ብዙ ቋንቋዎችን መምረጥ ይችላሉ: JavaScript, Python, Go እና ኮዱን በቀጥታ በአሳሹ ውስጥ ያስፈጽሙ. ለፈጣን ማሳያዎች እና ለኮድ ቃለመጠይቆች በጣም ጠቃሚ።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

መልሱ

የRepl.it clone በመፍጠር የሚማሩት ነገር፡-

  • ኮድን (አገልጋይ-ጎን) በአሳሽ (የደንበኛ-ጎን) እንዴት ማስኬድ እና መፈጸም እንደሚቻል።
  • የግቤት ውሂቡን (የምንጭ ኮድ) ያንብቡ እና የማስፈጸሚያውን ውጤት በስክሪኑ ላይ ያሳዩ።
  • በድር ላይ ፋይሎችን እና አቃፊዎችን እንዴት መፍጠር እና ውጤቱን ማስቀመጥ እንደሚቻል።
  • የኮድ አገባብ እንዴት ማድመቅ እንደሚቻል።

3. ጎግል ፎቶዎችን ክሎን

ጎግል ፎቶዎች የፎቶ ማከማቻ እና መጋሪያ አገልግሎት ነው።
ማንኛውም ዘመናዊ የፎቶ አፕሊኬሽን መሰረታዊ ተግባራትን ያከናውናል፡ ሰቀላ፣ መከርከም፣ ወዘተ ሰዎች የራሳቸውን አምሳያ መፍጠር እና የድመቶችን ምስሎች ማጋራት ይፈልጋሉ፣ ስለዚህ ከምስሎች ጋር መስራት መቻል አለቦት።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

www.google.com/photos/about

የGoogle ፎቶዎችን ክሎሎን በመፍጠር ምን ይማራሉ፡-

  • በስልኮች፣ ታብሌቶች፣ ላፕቶፖች እና ግዙፍ የቲቪ ስክሪኖች ላይ ምላሽ ሰጪ ምስሎችን እንዴት መፍጠር እንደሚቻል።
  • የምስል ሰቀላዎችን በተለይም ትላልቅ ምስሎችን (>1ሜባ) እና የጅምላ ሰቀላዎችን እንዴት እንደሚይዝ።
  • የምስል ፋይሎችን በመስራት ላይ፣ ለጥፍር አከሎች ወይም ጋለሪ ሲከፍቱ ፎቶዎችን መከርከም እና መጠን መቀየር።
  • ጉርሻ ምስሎችን በደመና ወይም በአካባቢው የውሂብ ጎታ ውስጥ እንዴት ማከማቸት እንደሚቻል.

4. Gifsky clone

ጂፍስኪ ተግባራትን በመጠቀም ቪዲዮን ወደ GIF ይለውጡበጣም ብዙ ለ ውጤታማ የመስቀል-ፍሬም ቤተ-ስዕል እና ጊዜያዊ ጸረ-አልያይዝ. ውጤቱ በአንድ ፍሬም በሺዎች የሚቆጠሩ ቀለሞች ያለው GIF ነው።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

gif.ski

የ Gifski ክሎሎን በመፍጠር ምን ይማራሉ-

  • የቪዲዮ ፋይሎችን እንዴት መለወጥ እንደሚቻል (.mp4 ወደ .gif)።
  • HTML ድራግ እና አኑር API እንዴት መጠቀም እንደሚቻል።
  • ምስል ማመቻቸት እና ማቀናበር እንዴት እንደሚሰራ።

ማስታወሻ: Gifsky ክፍት ምንጭ ፕሮጀክት ነው። እና በ GitHub ላይ ነው!

5. የ cryptocurrency ተመኖች ክትትል

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

የቤተኛ ክሪፕቶፕ መከታተያ ምላሽ ይስጡ

የምንዛሬ ተመን መከታተያ በመፍጠር ምን ይማራሉ፡-

  • ከኤፒአይ ጋር እንዴት እንደሚሰራ እና ከኤፒአይ ከርቀት መረጃን እንዴት ማግኘት እንደሚቻል።
  • ውሂብን እንደ ዝርዝር እንዴት ማሳየት እንደሚቻል።
  • ጉርሻ ፍላጎት ካሎት በቅርቡ ጽፌ ነበር። የዋጋ መከታተያ አጋዥ ስልጠና React Native ጋር ወደ cryptocurrency.

ማስታወሻ: እዚህ GitHub ምሳሌ ማከማቻ.

ከቀደምት ህትመቶች የፕሮጀክቶች ምርጫ።

አሻል

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

www.reddit.com/r/layer

ንብርብር ሁሉም ሰው በጋራ "ቦርድ" ላይ ፒክሰል የሚስልበት ማህበረሰብ ነው። ዋናው ሀሳብ በሬዲት ላይ ተወለደ። የር/ንብርብር ማህበረሰብ ሁሉም ሰው ፈጣሪ መሆን እና ለጋራ ዓላማ ማበርከት የሚችልበት የጋራ መፈጠር ዘይቤ ነው።

የንብርብር ፕሮጀክትዎን ሲፈጥሩ ምን ይማራሉ፡-

  • የጃቫ ስክሪፕት ሸል እንዴት እንደሚሰራ፣ ሸል እንዴት እንደሚሰራ ማወቅ በብዙ መተግበሪያዎች ውስጥ ወሳኝ ችሎታ ነው።
  • የተጠቃሚ ፈቃዶችን እንዴት ማቀናጀት እንደሚቻል (የተጠቃሚ ፈቃዶች)። እያንዳንዱ ተጠቃሚ መግባት ሳያስፈልገው በየ15 ደቂቃው አንድ ፒክሰል መሳል ይችላል።
  • የኩኪ ክፍለ ጊዜዎችን ይፍጠሩ.

Squoosh

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
squoosh.app

Squoosh ብዙ የላቁ አማራጮች ያለው የምስል መጭመቂያ መተግበሪያ ነው።

Gif 20 ሜባየፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

የራስዎን የSquoosh ስሪት በመፍጠር ይማራሉ፡-

  • ከምስል መጠኖች ጋር እንዴት እንደሚሰራ
  • የ Drag'n'Drop ኤፒአይ መሰረታዊ ነገሮችን ይማሩ
  • ኤፒአይ እና የክስተት አድማጮች እንዴት እንደሚሠሩ ይረዱ
  • ፋይሎችን እንዴት መስቀል እና ወደ ውጪ መላክ እንደሚቻል

ማስታወሻ: የምስል መጭመቂያው አካባቢያዊ ነው. ተጨማሪ ውሂብ ወደ አገልጋዩ መላክ አስፈላጊ አይደለም. በእራስዎ መጭመቂያ (compressor) ሊኖርዎት ይችላል, ወይም በአገልጋዩ ላይ, እንደ ምርጫዎ ማድረግ ይችላሉ.

የሂሳብ ማሽን

በል እንጂ? ከምር? ካልኩሌተር? አዎ ልክ ነው፣ ካልኩሌተር። የሂሳብ ስራዎችን መሰረታዊ ነገሮች እና እንዴት አብረው እንደሚሰሩ መረዳት አፕሊኬሽኖችን ለማቃለል ወሳኝ ክህሎት ነው። ይዋል ይደር እንጂ ከቁጥሮች ጋር መገናኘት ይኖርብዎታል እና በቶሎ የተሻለ ይሆናል።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
jarodburchill.github.io/calculatorReactApp

የራስዎን ካልኩሌተር በመፍጠር ይማራሉ፡-

  • ከቁጥሮች እና የሂሳብ ስራዎች ጋር ይስሩ
  • ከክስተት አድማጮች ኤፒአይ ጋር ተለማመዱ
  • ንጥረ ነገሮችን እንዴት ማቀናጀት እንደሚቻል, ዘይቤዎችን ይረዱ

ክሬውለር (የፍለጋ ሞተር)

ሁሉም ሰው የፍለጋ ሞተር ተጠቅሟል፣ ታዲያ ለምን የእራስዎን አይፈጥሩም? ጎብኚዎች መረጃን ለመፈለግ ያገለግላሉ። ሁሉም ሰው በየቀኑ ይጠቀምባቸዋል እና የዚህ ቴክኖሎጂ እና ልዩ ባለሙያዎች ፍላጎት ከጊዜ ወደ ጊዜ እየጨመረ ይሄዳል.

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
ጎግል የፍለጋ ሞተር

የራስዎን የፍለጋ ሞተር በመፍጠር ምን ይማራሉ:

  • ተሳቢዎች እንዴት እንደሚሠሩ
  • ጣቢያዎችን እንዴት እንደሚጠቁሙ እና እንዴት ደረጃቸውን በደረጃ እና መልካም ስም እንደሚሰጡ
  • የተጠቆሙ ጣቢያዎችን በመረጃ ቋት ውስጥ እንዴት ማከማቸት እና ከመረጃ ቋት ጋር እንዴት እንደሚሰራ

የሙዚቃ ማጫወቻ (ስፖትፋይ፣ አፕል ሙዚቃ)

ሁሉም ሰው ሙዚቃን ያዳምጣል - እሱ የሕይወታችን ዋና አካል ነው። የዘመናዊ የሙዚቃ ዥረት መድረክ መሰረታዊ መካኒኮች እንዴት እንደሚሰራ በተሻለ ለመረዳት የሙዚቃ ማጫወቻን እንገንባ።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
Spotify

የራስዎን የሙዚቃ ዥረት መድረክ በመፍጠር ምን ይማራሉ፡-

  • ከኤፒአይ ጋር እንዴት እንደሚሰራ። ከSpotify ወይም Apple Music ኤፒአይዎችን ይጠቀሙ
  • ወደ ቀጣዩ/የቀደመው ትራክ እንዴት መጫወት፣ ማቆም ወይም መመለሾ እንደሚቻል
  • ድምጹን እንዴት እንደሚቀይሩ
  • የተጠቃሚ ማዘዋወርን እና የአሳሽ ታሪክን እንዴት ማስተዳደር እንደሚቻል

የፊልም መፈለጊያ መተግበሪያ በReact (ከመንጠቆዎች ጋር)

ሊጀምሩት የሚችሉት የመጀመሪያው ነገር በReact የፊልም ፍለጋ መተግበሪያን መገንባት ነው። የመጨረሻው መተግበሪያ ምን እንደሚመስል የሚያሳይ ምስል ከዚህ በታች አለ።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ
ይህን መተግበሪያ በመገንባት፣ በአንጻራዊ ሁኔታ አዲሱን Hooks API በመጠቀም የእርስዎን React ችሎታ ያሻሽላሉ። የናሙና ፕሮጄክቱ React ክፍሎች፣ ብዙ መንጠቆዎች፣ ውጫዊ ኤፒአይ እና በእርግጥ አንዳንድ የሲኤስኤስ አጻጻፍ ይጠቀማል።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • በመንጠቆዎች ምላሽ ይስጡ
  • ፍጠር-ምላሽ-መተግበሪያ
  • JSX
  • የሲ ኤስ ኤስ

ምንም አይነት ክፍሎችን ሳይጠቀሙ እነዚህ ፕሮጀክቶች ወደ ተግባራዊ ምላሽ ትክክለኛ የመግቢያ ነጥብ ይሰጡዎታል እና በእርግጠኝነት በ 2020 ይረዱዎታል። ማግኘት ትችላለህ ናሙና ፕሮጀክት እዚህ. መመሪያዎቹን ይከተሉ ወይም የእራስዎ ያድርጉት።

መተግበሪያን ከVue ጋር ይወያዩ

ሌላው ለእርስዎ በጣም ጥሩ ፕሮጀክት የእኔን ተወዳጅ የጃቫ ስክሪፕት ቤተ-መጽሐፍትን በመጠቀም የቻት መተግበሪያ መገንባት ነው-VueJS። አፕሊኬሽኑ እንደዚህ ያለ ነገር ይመስላል።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ
በዚህ ማጠናከሪያ ትምህርት ውስጥ የVue መተግበሪያን ከባዶ እንዴት እንደሚሠሩ ይማራሉ - አካላትን ይፍጠሩ ፣ ግዛቶችን ይቆጣጠሩ ፣ መንገዶችን ይፍጠሩ ፣ ከሶስተኛ ወገን አገልግሎቶች ጋር ይገናኙ እና ማረጋገጫን እንኳን ይይዛሉ ።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • እይታ
  • vuex
  • Vue ራውተር
  • Vue CLI
  • Usሺር
  • የሲ ኤስ ኤስ

በ2020 ወደ ልማት ለመግባት ይህ በVue ለመጀመር ወይም ያሉትን ክህሎቶች ለማሻሻል በጣም ጥሩ ፕሮጀክት ነው። ማግኘት ትችላለህ መማሪያ እዚህ.

ቆንጆ የአየር ሁኔታ መተግበሪያ ከ Angular 8 ጋር

ይህ ምሳሌ አንግል 8ን በመጠቀም የሚያምር የአየር ሁኔታ መተግበሪያ እንዲገነቡ ያግዝዎታል፡-

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ
ይህ ፕሮጀክት ከባዶ ጀምሮ አፕሊኬሽኖችን በመገንባት ጠቃሚ ክህሎቶችን ያስተምረዎታል - ከንድፍ እስከ ልማት ፣ እስከ ዝግጁ-ወደ-ተዘጋጀ መተግበሪያ ድረስ።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • አንጓ 8።
  • Firebase
  • የአገልጋይ ጎን አቀራረብ
  • CSS ከግሪድ እና ፍሌክስቦክስ ጋር
  • የሞባይል ተስማሚ እና መላመድ
  • ጨለማ ሁነታ
  • ቆንጆ በይነገጽ

በዚህ ሁሉን አቀፍ ፕሮጀክት በጣም የምወደው ነገር ነገሮችን ለብቻህ አለማጥናት ነው። ይልቁንስ አጠቃላይ የእድገት ሂደቱን ከዲዛይን እስከ መጨረሻው ማሰማራት ይማራሉ.

የሚሰራ መተግበሪያ ከSvelte ጋር

ስቬልት ልክ እንደ አዲሱ ልጅ በክፍለ-ነገር አቀራረብ - ቢያንስ ከ React, Vue እና Angular ጋር ተመሳሳይ ነው. እና ይህ ለ 2020 በጣም ተወዳጅ ከሆኑት አዲስ ምርቶች ውስጥ አንዱ ነው።

የሚደረጉ መተግበሪያዎች የግድ በጣም ሞቃታማ ርዕሰ ጉዳይ አይደሉም፣ ነገር ግን የSvelte ችሎታዎትን እንዲያሳድጉ ይረዱዎታል። ይህን ይመስላል።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ
ይህ መማሪያ Svelte 3 ን በመጠቀም አፕሊኬሽን እንዴት መፍጠር እንደሚችሉ ከመጀመሪያ እስከ መጨረሻ ያሳየዎታል። አካላትን፣ የቅጥ አሰራርን እና የክስተት ተቆጣጣሪዎችን ትጠቀማለህ

የቴክኖሎጂ ቁልል እና ባህሪያት

  • ስቬልቴ 3
  • ክፍለ አካላት
  • ከሲኤስኤስ ጋር ማስጌጥ
  • አገባብ ES6

ብዙ ጥሩ የስቬልቴ ጀማሪ ፕሮጀክቶች የሉም፣ ስለዚህ አገኘሁ ይህ ለመጀመር ጥሩ ቦታ ነው.

የኢኮሜርስ መተግበሪያ ከ Next.js

Next.js የአገልጋይ ጎን ከሳጥን ውጭ ማድረግን የሚደግፉ React መተግበሪያዎችን ለመገንባት በጣም ታዋቂው ማዕቀፍ ነው።

ይህ ፕሮጀክት ይህን የሚመስል የኢ-ኮሜርስ መተግበሪያን እንዴት መፍጠር እንደሚችሉ ያሳየዎታል፡-

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ
በዚህ ፕሮጀክት በ Next.js እንዴት ማዳበር እንደሚችሉ ይማራሉ—አዲስ ገጾችን እና አካላትን ይፍጠሩ፣ ውሂብ ሰርስረው ያግኙ እና የቀጣይ መተግበሪያን ያሰማሩ።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • ቀጣይ
  • አካላት እና ገጾች
  • የውሂብ ናሙና
  • የቅጥ አሰራር
  • የፕሮጀክት ዝርጋታ
  • SSR እና SPA

አዲስ ነገር ለመማር እንደ ኢ-ኮሜርስ መተግበሪያ የእውነተኛ ህይወት ምሳሌ መኖሩ ሁልጊዜ ጥሩ ነው። ትችላለህ አጋዥ ስልጠና እዚህ ያግኙ.

ሙሉ ባለብዙ ቋንቋ ብሎግ ከNuxt.js ጋር

Nuxt.js ለ Vue ነው፣ ልክ እንደ Next.js ለ React ነው፡ ከአገልጋይ ጎን ማሳየት እና ባለአንድ ገጽ መተግበሪያዎችን ለማጣመር ጥሩ ማዕቀፍ ነው።
መፍጠር የሚችሉት የመጨረሻው መተግበሪያ ይህን ይመስላል።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ

በዚህ የናሙና ፕሮጀክት Nuxt.jsን በመጠቀም እንዴት የተሟላ ድህረ ገጽ መገንባት እንደሚቻል ከመጀመሪያው ማዋቀር ጀምሮ እስከ መጨረሻው ማሰማራት ድረስ ይማራሉ።

ኑክስት የሚያቀርባቸውን እንደ ገፆች እና አካላት እና በ SCSS ማስዋብ ያሉ ብዙ ጥሩ ባህሪያትን ይጠቀማል።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • Nuxt.js
  • አካላት እና ገጾች
  • የታሪክ እገዳ ሞዱል
  • ቅልቅል
  • Vuex ለግዛት አስተዳደር
  • ኤስ.ሲ.ኤስ.ኤስ
  • Nuxt middlewares

ይህ በጣም አሪፍ ፕሮጀክት ነው።ብዙ የNuxt.js ምርጥ ባህሪያትን ያካተተ። እኔ በግሌ ከNuxt ጋር መስራት እወዳለሁ ስለዚህ እሱን ይሞክሩት ምክንያቱም እርስዎንም ጥሩ የ Vue ገንቢ ያደርግዎታል።

ብሎግ ከጌትስቢ ጋር

Gatsby React እና GraphQLን በመጠቀም ጥሩ የማይንቀሳቀስ ጣቢያ ጀነሬተር ነው። ይህ የፕሮጀክቱ ውጤት ነው.

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ

በዚህ ማጠናከሪያ ትምህርት ውስጥ React እና GraphQLን በመጠቀም የራስዎን ጽሑፎች ለመጻፍ የሚጠቀሙበት ብሎግ ለመፍጠር ጋትቢን እንዴት እንደሚጠቀሙ ይማራሉ ።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • ጋትስቢ።
  • ምላሽ
  • ግራፍQL
  • ተሰኪዎች እና ገጽታዎች
  • MDX/Markdown
  • ማስነሻ CSS
  • አብነቶች

ብሎግ ለመጀመር ከፈለክ፣ ይህ ትልቅ ምሳሌ ነው። React እና GraphQLን በመጠቀም እንዴት እንደሚሰራ።

ዎርድፕረስ መጥፎ ምርጫ ነው እያልኩ አይደለም፣ ነገር ግን በ Gatsby አማካኝነት React ን በመጠቀም ከፍተኛ አፈፃፀም ያላቸውን ድረ-ገጾች መገንባት ይችላሉ - ይህ አስደናቂ ጥምረት ነው።

ብሎግ በ Gridsome

ግሪድሶም ለVue… እሺ፣ ከቀጣይ/Nuxt ጋር አስቀድመን አግኝተናል።
ግን ለግሪድሶም እና ለጋትስቢ ተመሳሳይ ነው። ሁለቱም GraphQLን እንደ የውሂብ ንብርብር ይጠቀማሉ፣ ነገር ግን Gridsome VueJSን ይጠቀማል። እንዲሁም ምርጥ ብሎጎችን እንዲፈጥሩ የሚያግዝዎ ድንቅ የማይንቀሳቀስ ጣቢያ ጀነሬተር ነው።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ

ይህ ፕሮጀክት በ Gridsome፣ GraphQL እና Markdown ለመጀመር እንዴት ቀላል ብሎግ መፍጠር እንደሚችሉ ያስተምርዎታል። በNetlify በኩል ማመልከቻን እንዴት ማሰማራት እንደሚቻልም ያብራራል።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • ግሪድሶም
  • እይታ
  • ግራፍQL
  • ስትቀንስ
  • እንደገና አረጋግጥ

ይህ በእርግጥ በጣም የተሟላ አጋዥ ስልጠና አይደለም፣ ነገር ግን የ Gridsome እና መሰረታዊ ፅንሰ ሀሳቦችን ይሸፍናል። ምልክት ማድረጊያ እና ጥሩ መነሻ ሊሆን ይችላል።.

Quasar ን በመጠቀም ከSoundCloud ጋር ተመሳሳይ የሆነ የድምጽ ማጫወቻ

Quasar ሌላው የሞባይል አፕሊኬሽኖችን ለመገንባት የሚያገለግል የVue ማእቀፍ ነው። በዚህ ፕሮጀክት ውስጥ የድምጽ ማጫወቻ መተግበሪያን እንደ፡-

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ትማራለህ

ሌሎች ፕሮጄክቶች በአብዛኛው የሚያተኩሩት በድር መተግበሪያዎች ላይ ቢሆንም፣ ይህ Vue እና Quasar frameworkን በመጠቀም የሞባይል መተግበሪያን እንዴት እንደሚገነቡ ያሳየዎታል።
ቀድሞውኑ አንድሮይድ ስቱዲዮ/Xcode በማቀናበር የሚሰራ Cordova ሊኖርዎት ይገባል። ካልሆነ፣ መመሪያው ሁሉንም ነገር እንዴት ማዋቀር እንደሚችሉ ወደሚያሳዩበት የኳሳር ድህረ ገጽ አገናኝ አለው።

የቴክኖሎጂ ቁልል እና ባህሪያት

  • ኳሳር
  • እይታ
  • Cordova
  • ሞገድ ሰርፈር
  • የዩአይ ክፍሎች

አነስተኛ ፕሮጀክትየሞባይል አፕሊኬሽኖችን ለመገንባት የኳሳርን አቅም በማሳየት ላይ።

የክሬዲት ካርድ ቅጽ

አሪፍ የክሬዲት ካርድ ቅርጽ ለስላሳ እና ጥሩ ጥቃቅን መስተጋብሮች። የቁጥር ቅርጸት፣ ማረጋገጫ እና አውቶማቲክ የካርድ አይነት ማወቅን ያካትታል። በVue.js ላይ ነው የተሰራው እና ሙሉ ለሙሉ ምላሽ ሰጭ ነው። (ማየት ትችላለህ እዚህ.)

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

የክሬዲት ካርድ ቅጽ

ምን ይማራሉ፡-

  • ቅጾችን ያካሂዱ እና ያረጋግጡ
  • ክስተቶችን ይያዙ (ለምሳሌ፣ መስኮች ሲቀየሩ)
  • እንዴት እንደሚታይ ይረዱ እና በገጹ ላይ ክፍሎችን ያስቀምጡ፣ በተለይም በቅጹ ላይ ያለው የክሬዲት ካርድ መረጃ

የአሞሌ ገበታ

የአሞሌ ገበታ መደብ ውሂብን የሚወክል ቻርት ወይም ግራፍ ሲሆን ቁመታቸው ወይም ርዝመታቸው ከሚወክሉት እሴቶች ጋር የሚመጣጠን አራት ማዕዘን ቅርጽ ያላቸው አሞሌዎች ያሉት ነው።

በአቀባዊ ወይም በአግድም ሊተገበሩ ይችላሉ. የቁም ባር ገበታ አንዳንዴ የመስመር ገበታ ይባላል።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ይማራሉ፡-

  • መረጃን በተደራጀ እና ለመረዳት በሚያስችል መንገድ አሳይ
  • አማራጭ፡ ኤለመንቱን እንዴት እንደሚጠቀሙ ይወቁ canvas እና ከእሱ ጋር ንጥረ ነገሮችን እንዴት መሳል እንደሚቻል

ይህ ነው የአለም ህዝብ መረጃ ማግኘት ይችላሉ። በዓመት ይደረደራሉ።

የትዊተር የልብ እነማ

እ.ኤ.አ. በ2016 ትዊተር ይህን አስደናቂ እነማ ለትዊቶች አስተዋውቋል። ከ 2019 ጀምሮ ፣ አሁንም ጥሩ ይመስላል ፣ ታዲያ ለምን እራስዎ አይፈጥሩም?

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
ምን ይማራሉ፡-

  • ከሲኤስኤስ አይነታ ጋር ይስሩ keyframes
  • የኤችቲኤምኤል አካላትን ያቀናብሩ እና ያሳምሩ
  • ጃቫ ስክሪፕት ፣ HTML እና CSS ያዋህዱ

የ GitHub ማከማቻዎች ከፍለጋ ተግባር ጋር

እዚህ ምንም ያልተለመደ ነገር የለም - የ GitHub ማከማቻዎች የከበረ ዝርዝር ናቸው።
ግቡ ማከማቻዎቹን ማሳየት እና ተጠቃሚው እንዲያጣራ መፍቀድ ነው። ተጠቀም ኦፊሴላዊ GitHub API ለእያንዳንዱ ተጠቃሚ ማከማቻዎችን ለማግኘት.

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

GitHub መገለጫ ገጽ github.com/indreklasn

ምን ይማራሉ፡-

Reddit ቅጥ ውይይቶች

ቻቶች በቀላልነታቸው እና በአጠቃቀም ቀላልነታቸው ምክንያት የመግባቢያ መንገዶች ናቸው። ግን ለዘመናዊ ቻት ሩም ኃይል የሚሰጠው ምንድን ነው? የድር ሶኬቶች!

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ይማራሉ፡-

  • WebSockets ን ተጠቀም፣ የእውነተኛ ጊዜ ግንኙነት እና የውሂብ ማሻሻያዎችን ተግብር
  • ከተጠቃሚ መዳረሻ ደረጃዎች ጋር ይስሩ (ለምሳሌ የውይይት ቻናል ባለቤት ሚናው አለው። adminእና ሌሎች በክፍሉ ውስጥ user)
  • ቅጾችን ያሂዱ እና ያረጋግጡ - ያስታውሱ ፣ መልእክት ለመላክ የውይይት ሳጥን ነው። input
  • የተለያዩ ቻቶችን ይፍጠሩ እና ይቀላቀሉ
  • ከግል መልእክቶች ጋር ይስሩ። ተጠቃሚዎች ከሌሎች ተጠቃሚዎች ጋር በግል መገናኘት ይችላሉ። በመሰረቱ፣ በሁለት ተጠቃሚዎች መካከል የዌብሶኬት ግንኙነት መመስረት ይሆናል።

የጭረት ዘይቤ አሰሳ

የዚህ አሰሳ ልዩነቱ የፖፖቨር ኮንቴይነር ከይዘቱ ጋር እንዲስማማ መቀየሩ ነው። አዲስ ብቅ-ባይ የመክፈት እና የመዝጋት ባህላዊ ባህሪ ጋር ሲነፃፀር ለዚህ ሽግግር ውበት አለ።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምን ይማራሉ፡-

  • የሲኤስኤስ እነማዎችን ከሽግግሮች ጋር ያጣምሩ
  • ይዘትን ጥላ እና ንቁ ክፍልን ለተንሳፋፊ አካል ተግብር

ፓክማን

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

የራስዎን የፓክማን ስሪት ይፍጠሩ። ጨዋታዎች እንዴት እንደሚዳብሩ ፣ መሰረታዊ ነገሮችን ለመረዳት ጥሩ መንገድ ነው። የጃቫ ስክሪፕት ማዕቀፍ፣ ምላሽ ወይም Vue ይጠቀሙ።

እርስዎ ይማራሉ-

  • ንጥረ ነገሮች እንዴት እንደሚንቀሳቀሱ
  • የትኞቹን ቁልፎች እንደሚጫኑ እንዴት እንደሚወስኑ
  • የግጭት ጊዜ እንዴት እንደሚወሰን
  • ተጨማሪ መሄድ እና የእንቅስቃሴ መቆጣጠሪያን ለመናፍስት ማከል ይችላሉ።

የዚህ ፕሮጀክት ምሳሌ ሊገኝ ይችላል በማጠራቀሚያው ውስጥ የፊልሙ

የተጠቃሚ አስተዳደር

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ፕሮጀክቱ በማጠራቀሚያው ውስጥ የፊልሙ

ለተጠቃሚ አስተዳደር የ CRUD አይነት መተግበሪያ መፍጠር የእድገት መሰረታዊ ነገሮችን ያስተምርዎታል። ይህ በተለይ ለጀማሪ ገንቢዎች ጠቃሚ ነው።

እርስዎ ይማራሉ-

  • ማዘዋወር ምንድን ነው
  • የውሂብ ማስገቢያ ቅጾችን እንዴት እንደሚይዝ እና ተጠቃሚው ያስገባውን ያረጋግጡ
  • ከመረጃ ቋቱ ጋር እንዴት እንደሚሰራ - ድርጊቶችን መፍጠር, ማንበብ, ማዘመን እና መሰረዝ

በአካባቢዎ ያለውን የአየር ሁኔታ መፈተሽ

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
ፕሮጀክቱ በማጠራቀሚያው ውስጥ የፊልሙ

መተግበሪያዎችን መፍጠር ከፈለጉ በአየር ሁኔታ መተግበሪያ ይጀምሩ። ይህ ፕሮጀክት ስዊፍትን በመጠቀም ሊከናወን ይችላል.

መተግበሪያን በመፍጠር ልምድ ከማግኘት በተጨማሪ ይማራሉ፡-

  • ከኤፒአይ ጋር እንዴት እንደሚሰራ
  • የጂኦግራፊያዊ አካባቢን እንዴት መጠቀም እንደሚቻል
  • የጽሑፍ ግብዓት በማከል መተግበሪያዎን የበለጠ ተለዋዋጭ ያድርጉት። በእሱ ውስጥ ተጠቃሚዎች በተወሰነ ቦታ ላይ የአየር ሁኔታን ለመፈተሽ ወደ አካባቢያቸው መግባት ይችላሉ.

ኤፒአይ ያስፈልግዎታል። የአየር ሁኔታ መረጃን ለማግኘት የOpenWeather API ተጠቀም። ስለ OpenWeather API ተጨማሪ መረጃ እዚህ.

የውይይት መስኮት

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
የእኔ የውይይት መስኮት በተግባር ፣ በሁለት አሳሽ ትሮች ውስጥ ይክፈቱ

የቻት መስኮት መፍጠር በሶኬቶች ለመጀመር ትክክለኛው መንገድ ነው። የቴክኒካዊ ቁልል ምርጫ በጣም ትልቅ ነው. Node.js ለምሳሌ በጣም ጥሩ ነው።

ሶኬቶች እንዴት እንደሚሠሩ እና እንዴት እንደሚተገበሩ ይማራሉ. ይህ የዚህ ፕሮጀክት ዋነኛ ጥቅም ነው.

ከሶኬቶች ጋር መስራት የምትፈልግ የላራቬል ገንቢ ከሆንክ እባኮትን አንብብ ጽሑፍ

GitLab CI

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምንጭ

ለቀጣይ ውህደት (CI) አዲስ ከሆኑ ከ GitLab CI ጋር ይጫወቱ። ጥቂት አካባቢዎችን ያዘጋጁ እና ሁለት ሙከራዎችን ለማሄድ ይሞክሩ። በጣም አስቸጋሪ ፕሮጀክት አይደለም, ነገር ግን ከእሱ ብዙ እንደሚማሩ እርግጠኛ ነኝ. ብዙ የልማት ቡድኖች በአሁኑ ጊዜ CI እየተጠቀሙ ነው። እንዴት እንደሚጠቀሙበት ማወቅ ጠቃሚ ነው.

እርስዎ ይማራሉ-

  • GitLab CI ምንድን ነው?
  • እንዴት ማዋቀር እንደሚቻል .gitlab-ci.ymlምን ማድረግ እንዳለበት ለ GitLab ተጠቃሚ የሚነግረው
  • ወደ ሌሎች አካባቢዎች እንዴት ማሰማራት እንደሚቻል

የድር ጣቢያ ተንታኝ

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

የድረ-ገጾችን ትርጓሜ የሚመረምር እና ደረጃቸውን የሚፈጥር ጥራጊ ይስሩ። ለምሳሌ በምስሎች ላይ የጠፉ alt tags ካለ ማረጋገጥ ትችላለህ። ወይም ገጹ SEO ሜታ መለያዎች እንዳለው ያረጋግጡ። Scraper ያለ የተጠቃሚ በይነገጽ ሊፈጠር ይችላል።

እርስዎ ይማራሉ-

  • ማጠፊያው እንዴት እንደሚሰራ
  • የ DOM መምረጫዎችን እንዴት መፍጠር እንደሚቻል
  • አልጎሪዝም እንዴት እንደሚፃፍ
  • እዚያ ማቆም ካልፈለጉ የተጠቃሚ በይነገጽ ይፍጠሩ። እንዲሁም ለእያንዳንዱ ለሚመለከቱት ድር ጣቢያ ሪፖርት መፍጠር ይችላሉ።

የማህበራዊ ሚዲያ ስሜትን መወሰን

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ምንጭ

የማህበራዊ ሚዲያ ስሜትን መወሰን ከማሽን መማር ጋር ለመተዋወቅ ጥሩ መንገድ ነው።

አንድ ማህበራዊ አውታረ መረብን ብቻ በመተንተን መጀመር ይችላሉ። ብዙውን ጊዜ ሁሉም ሰው የሚጀምረው በትዊተር ነው።

የማሽን የመማር ልምድ ካሎት ከተለያዩ ማህበራዊ አውታረ መረቦች መረጃን ለመሰብሰብ እና እነሱን ለማጣመር ይሞክሩ።

እርስዎ ይማራሉ-

  • ማሽን መማር ምንድነው?

Trello ክሎን።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

Trello ክሎሎን በ Indrek Lasn።

ምን ይማራሉ፡-

  • የጥያቄ ማቀናበሪያ መንገዶች አደረጃጀት (ራውቲንግ)።
  • ጎትት እና ጣል.
  • አዲስ ዕቃዎችን (ቦርዶች, ዝርዝሮች, ካርዶች) እንዴት መፍጠር እንደሚቻል.
  • የግቤት ውሂብን ማካሄድ እና ማረጋገጥ።
  • ከደንበኛው ወገን: የአካባቢ ማከማቻን እንዴት መጠቀም እንደሚቻል, መረጃን በአካባቢያዊ ማከማቻ ውስጥ እንዴት ማከማቸት እንደሚቻል, ከአካባቢያዊ ማከማቻ መረጃን እንዴት ማንበብ እንደሚቻል.
  • ከአገልጋይ ወገን፡ የውሂብ ጎታዎችን እንዴት መጠቀም እንዳለብን፣ በመረጃ ቋቱ ውስጥ እንዴት ውሂብ ማከማቸት እንደሚቻል፣ ከውሂብ ጎታ ውስጥ መረጃን እንዴት ማንበብ እንደሚቻል።

እዚህ አንድ ምሳሌ ማከማቻ አለ።በReact+Redux የተሰራ።

የአስተዳዳሪ ፓነል

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
Github ማከማቻ።

ቀላል CRUD መተግበሪያ፣ መሰረታዊ ነገሮችን ለመማር ፍጹም። እንማር፡

  • ተጠቃሚዎችን ይፍጠሩ ፣ ተጠቃሚዎችን ያስተዳድሩ።
  • ከመረጃ ቋቱ ጋር ይገናኙ - ተጠቃሚዎችን ይፍጠሩ ፣ ያንብቡ ፣ ያርትዑ ፣ ይሰርዙ።
  • የግቤት ማረጋገጫ እና ከቅጾች ጋር ​​ይስሩ።

ክሪፕቶ ምንዛሬ መከታተያ (ቤተኛ የሞባይል መተግበሪያ)

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
Github ማከማቻ።

ማንኛውም ነገር፡ Swift፣ Objective-C፣ React Native፣ Java፣ Kotlin

እናጠና፡-

  • ቤተኛ መተግበሪያዎች እንዴት እንደሚሠሩ።
  • ከኤፒአይ ውሂብን እንዴት ማምጣት እንደሚቻል።
  • የቤተኛ ገጽ አቀማመጦች እንዴት እንደሚሠሩ።
  • ከሞባይል ማስመሰያዎች ጋር እንዴት እንደሚሰራ።

ይህን ኤፒአይ ይሞክሩት።. የተሻለ ያግኙ - በአስተያየቶች ውስጥ ይፃፉ.

ፍላጎት ካሎት፣ እዚህ እዚህ አጋዥ ስልጠና አለ።.

ከባዶ ሆነው የራስዎን የዌብፓክ ማዋቀር ያዘጋጁ

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
በቴክኒካዊ, ይህ መተግበሪያ አይደለም, ነገር ግን ዌብፓክ ከውስጥ እንዴት እንደሚሰራ ለመረዳት በጣም ጠቃሚ ተግባር ነው. አሁን "ጥቁር ሳጥን" አይሆንም, ነገር ግን ሊረዳ የሚችል መሳሪያ ነው.

መስፈርቶች

  • es7 ወደ es5 (መሰረታዊ) ያጠናቅቁ።
  • jsx ወደ js - ወይም - .vue ወደ .js ሰብስብ (ሎደሮችን መማር አለቦት)
  • የዌብፓክ ዴቭ አገልጋይ እና ትኩስ ሞጁል ዳግም መጫንን ያዋቅሩ። (vue-cli እና create-react-app ሁለቱንም ይጠቀማሉ)
  • Herokuን ተጠቀም፣ now.sh ወይም Github፣የዌብፓክ ፕሮጀክቶችን እንዴት ማሰማራት እንደምትችል ተማር።
  • css - sss, less, stylus - ለማጠናቀር የእርስዎን ተወዳጅ ቅድመ-ፕሮሰሰር ያዘጋጁ።
  • ምስሎችን እና svgsን ከድር ጥቅል ጋር እንዴት መጠቀም እንደሚችሉ ይወቁ።

ይህ ለተሟላ ጀማሪዎች በጣም ጥሩ ምንጭ ነው።

Hackernews ክሎን።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
እያንዳንዱ ጄዲ የራሱን Hackernews እንዲሰራ ይጠበቅበታል።

በመንገድ ላይ ምን ይማራሉ:

  • ከጠላፊው ኤፒአይ ጋር እንዴት እንደሚገናኙ።
  • አንድ ገጽ መተግበሪያ እንዴት መፍጠር እንደሚቻል።
  • እንደ አስተያየቶች ፣ የግለሰብ አስተያየቶች ፣ መገለጫዎች ያሉ ባህሪዎችን እንዴት መተግበር እንደሚቻል።
  • የጥያቄ ማቀናበሪያ መንገዶች አደረጃጀት (ራውቲንግ)።

Tudushechka

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
ቶዶኤምቪሲ

ከምር? ቱዱሽካ? በሺዎች የሚቆጠሩ አሉ። ግን አምናለሁ, ለእንደዚህ አይነት ተወዳጅነት ምክንያት አለ.
የ Tudu መተግበሪያ መሰረታዊ ነገሮችን መረዳትዎን ለማረጋገጥ ጥሩ መንገድ ነው። አንድ መተግበሪያ በቫኒላ ጃቫስክሪፕት እና በሚወዱት ማዕቀፍ ውስጥ ለመፃፍ ይሞክሩ።

ተማር፡

  • አዲስ ተግባራትን ይፍጠሩ.
  • የመስክ ማጠናቀቅን ያረጋግጡ.
  • የማጣሪያ ስራዎች (የተጠናቀቁ, ንቁ, ሁሉም). ተጠቀም filter и reduce.
  • የጃቫስክሪፕት መሰረታዊ ነገሮችን ይረዱ።

መጎተት እና መጣል ዝርዝር ደርድር

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
Github ማከማቻ።

ለመረዳት በጣም አጋዥ API ጎትት እና አኑር.

እንማር፡

  • API ጎትት እና አኑር
  • ሀብታም UI ፍጠር

Messenger clone (ቤተኛ መተግበሪያ)

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)
ሁለቱም የድር መተግበሪያዎች እና ቤተኛ አፕሊኬሽኖች እንዴት እንደሚሰሩ ይገነዘባሉ፣ ይህም ከግራጫ ብዛት የሚለይዎት።

የምናጠናው፡-

  • የድር ሶኬቶች (ፈጣን መልእክት)
  • ቤተኛ መተግበሪያዎች እንዴት እንደሚሠሩ።
  • አብነቶች በቤተኛ መተግበሪያዎች ውስጥ እንዴት እንደሚሠሩ።
  • በቤተኛ መተግበሪያዎች ውስጥ የጥያቄ ማቀናበሪያ መንገዶች አደረጃጀት።

የጽሑፍ አርታዒ

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

የጽሑፍ አርታኢ ዓላማ ተጠቃሚዎች ቅርጸታቸውን ወደ ትክክለኛ የኤችቲኤምኤል ማርክ ለመቀየር የሚሞክሩትን ጥረት መቀነስ ነው። ጥሩ የጽሑፍ አርታኢ ተጠቃሚዎች ጽሑፍን በተለያዩ መንገዶች እንዲቀርጹ ያስችላቸዋል።

ሁሉም ሰው የሆነ ጊዜ የጽሑፍ አርታዒ ተጠቅሟል። ታዲያ ለምን አይሆንም እራስዎ ይፍጠሩ?

Reddit ክሎን።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

Reddit የማህበራዊ ዜና ድምር፣ የድር ይዘት ደረጃ እና የውይይት ጣቢያ ነው።

Reddit - አብዛኛውን ጊዜዬን ይወስዳል፣ ግን በእሱ ላይ መቆየቴን እቀጥላለሁ። Reddit clone መፍጠር እንዴት ኮድ ማድረግ እንደሚቻል ለመማር ውጤታማ መንገድ ነው ( Reddit ን በማሰስ ላይ ሳሉ)።

Reddit በጣም ሀብታም ይሰጥዎታል ኤ ፒ አይ. ምንም አይነት ባህሪ እንዳያመልጥዎት እና በዘፈቀደ አያድርጉት። በገሃዱ ዓለም ከደንበኞች እና ደንበኞች ጋር፣ በዘፈቀደ መስራት አይችሉም፣ ወይም በፍጥነት ስራዎን ያጣሉ።

ብልጥ ደንበኞች ወዲያውኑ ስራው በመጥፎ ሁኔታ እየተሰራ እንደሆነ ይገምታሉ እና ሌላ ሰው ያገኛሉ.

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

Reddit API

ክፍት ምንጭ NPM ጥቅል በማተም ላይ

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

የጃቫስክሪፕት ኮድ እየጻፍክ ከሆነ፣ እድለኞች የጥቅል አስተዳዳሪን እየተጠቀምክ ነው። የጥቅል አስተዳዳሪው ሌሎች ሰዎች የጻፉትን እና ያተሙትን ኮድ እንደገና እንዲጠቀሙ ይፈቅድልዎታል።

ሙሉውን የጥቅል ልማት ዑደት መረዳት በጣም ጥሩ ተሞክሮ ይሰጣል። ኮድ በሚለጥፉበት ጊዜ ማወቅ ያለብዎት ብዙ ነገሮች አሉ። ስለ ደህንነት፣ የትርጉም እትም፣ ልኬታማነት፣ ስምምነቶች እና ጥገና ማሰብ አለብህ።

ጥቅሉ ማንኛውም ሊሆን ይችላል. ሃሳብ ከሌልዎት የእራስዎን Lodash ይፍጠሩ እና ያትሙት።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ሎዳሽ፡ lodash.com

በመስመር ላይ የሰሩት ነገር መኖሩ ከሌሎች 10% በላይ ያደርግዎታል። አንዳንድ አጋዥ ምንጮች እነኚሁና። ስለ ክፍት ምንጮች እና ጥቅሎች.

የፍሪኮድ ካምፕ ሥርዓተ ትምህርት

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

FCC ሥርዓተ ትምህርት

freeCodecamp ብዙ ነገሮችን ሰብስቧል አጠቃላይ የፕሮግራም ኮርስ.

freeCodeCamp ለትርፍ ያልተቋቋመ ድርጅት ነው። በይነተገናኝ የድር መማሪያ መድረክን፣ የመስመር ላይ የማህበረሰብ መድረክን፣ ቻት ሩምን፣ መካከለኛ ልጥፎችን እና የመማር ድር ልማትን ለሁሉም ሰው ተደራሽ ለማድረግ ያሰቡ የሀገር ውስጥ ድርጅቶችን ያካትታል።

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ሙሉውን ኮርስ ማጠናቀቅ ከቻሉ ለመጀመሪያው ስራዎ ብቁ ይሆናሉ።

ከ Scratch የኤችቲቲፒ አገልጋይ ይፍጠሩ

የኤችቲቲፒ ፕሮቶኮል ይዘት በይነመረብ ላይ ከሚገኝባቸው ዋና ፕሮቶኮሎች አንዱ ነው። የኤችቲቲፒ አገልጋዮች እንደ ኤችቲኤምኤል፣ ሲኤስኤስ እና ጄኤስ ያሉ የማይንቀሳቀስ ይዘቶችን ለማቅረብ ያገለግላሉ።

የኤችቲቲፒ ፕሮቶኮልን ከባዶ መተግበር መቻል ሁሉም ነገር እንዴት እንደሚገናኝ እውቀትዎን ያሰፋል።

ለምሳሌ፣ NodeJs እየተጠቀሙ ከሆነ፣ ኤክስፕረስ የኤችቲቲፒ አገልጋይ እንደሚያቀርብ ያውቃሉ።

ለማጣቀሻ፣ ከቻሉ ይመልከቱ፡-

  • ምንም ቤተ-መጽሐፍት ሳይጠቀሙ አገልጋይ ያዘጋጁ
  • አገልጋዩ HTML፣ CSS እና JS ይዘትን ማገልገል አለበት።
  • ራውተር ከባዶ በመተግበር ላይ
  • ለውጦችን ይከታተሉ እና አገልጋዩን ያዘምኑ

ለምን እንደሆነ ካላወቁ ይጠቀሙ ቋንቋ ሂድ እና http አገልጋይ ለመፍጠር ይሞክሩ Caddy ከባዶ.

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ለማስታወሻዎች የዴስክቶፕ መተግበሪያ

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ሁላችንም ማስታወሻ እንይዛለን አይደል?

ማስታወሻ የሚወስድ መተግበሪያ እንፍጠር። አፕሊኬሽኑ ማስታወሻዎችን ማስቀመጥ እና ከመረጃ ቋቱ ጋር ማመሳሰል አለበት። ቤተኛ መተግበሪያን በኤሌክትሮን፣ ስዊፍት፣ ወይም በሚፈልጉት ነገር ይገንቡ እና ለስርዓትዎ የሚስማማ።

ይህንን ከመጀመሪያው ፈተና (የጽሑፍ አርታኢ) ጋር ለማጣመር ነፃነት ይሰማዎ።

እንደ ጉርሻ፣ የዴስክቶፕ ሥሪቱን ከድር ሥሪት ጋር ለማመሳሰል ይሞክሩ።

ፖድካስቶች (የተጨናነቀ ክሎን)

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ፖድካስቶችን የማይሰማ ማነው?

ከሚከተሉት ባህሪዎች ጋር የድር መተግበሪያ ይፍጠሩ።

  • መለያ ፍጠር
  • ፖድካስቶችን ይፈልጉ
  • ለፖድካስቶች ደረጃ ይስጡ እና ይመዝገቡ
  • ያቁሙ እና ይጫወቱ፣ የፍጥነት ለውጥ፣ ወደ ፊት እና ወደ ኋላ ተግባራት ለ 30 ሰከንዶች።

የ iTunes ኤፒአይን እንደ መነሻ ለመጠቀም ይሞክሩ። ሌላ ማንኛውም መገልገያዎችን ካወቁ በአስተያየቶቹ ውስጥ ይፃፉ.

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

affiliate.itunes.apple.com/resources/documentation/itunes-store-web-service-search-api

ስክሪን ቀረጻ

የፊት-መጨረሻ ዶጆ፡ የገንቢ ችሎታዎችን ለማሰልጠን ፕሮጀክቶች (5 አዲስ + 43 አሮጌ)

ሀሎ! ስክሪኔን አሁን እየቀረጽኩ ነው!

ስክሪንዎን እንዲይዙ እና ክሊፑን እንዲቆጥቡ የሚያስችልዎትን የዴስክቶፕ ወይም የድር መተግበሪያ ይፍጠሩ .gif

እዚህ አንዳንድ ምክሮችይህንን እንዴት ማግኘት እንደሚቻል.

ምንጮች

ምንጭ: hab.com

አስተያየት ያክሉ