አንዱ በሚያደርግበት ጊዜ አሳሽዎ ወደ የኮዲንግ ጓደኛ ሲለዋወጥ
በትክክል ቦታ እንዳለዎትና በእርስዎ አእምሮ ያለዎትን ሲያስታውሱ በታቦችና በክላስ ያለውን ልዩነት ለማስታወስ ሞክረዋል? እርሱ እንደሚሰማዎት ኮድ መማር ነው፣ ብዙጊዜ ኮድ አርታኢዎች፣ ሰነዶች፣ Stack Overflow እና በዩቱብ ትዩቶሪያል በመካከላችሁ በሚሄዱ ጊዜ የተቀመጡት እርስዎ ናቸው፣ የሚመስለው ድምጽ እንደ በነፋስ ጉዞ የተመዘገበ ነው።
እነሆ ተለዋዋጭ ነገር፡ በአሳሽዎ ላይ ላሉድ ኮድን ማጠቀም እና አባባሎችን በማስተዋል በትክክል ማስተካከል ይችላሉ። ማንኛውም የተዘጋጀ እንዲሁም ማንኛውም የማህበረሰብ ትምህርት የለም። እርስዎና አንድ ትር እና አንድ የAI ግንዛቤ ጓደኛ ይኖራል የማይገምት ስምንት ነጥቦች ያላቸው የማይተወው ሰው ነው። እንWhether you’re a total beginner or a "I once made a GeoCities site" comeback kid, this guide walks you through how to use Claude Code in the browser—step by step, with real-world examples, copy-paste snippets, and a few guardrails so you don’t turn your CSS into abstract art.
ከእኛ በፊት ይጠነቀቁ: ይህ መመሪያ ለጀማሪዎች ነው። ቃላትን በአስተላላፊ መንገድ እና እንደ “ትልቅ አዝራር” በግልጽ ሁኔታ እንደሚነገሩ እሰጥዎታለሁ።
ላሉድ ኮድ ምንድነው (እና ለምን አሳሽዎ ይወዳዳል)
ላሉድ ኮድ ከAnthropic እና ላሉድ AI የተነሳ በማህበረሰብ ውስጥ የተለያዩ ኮዲንግ ክፍሎችን ያሳያል። አሳሽዎች እንደ ጸጥ ተዋዋይ ጓደኛ አስተናጋጅ አስማተኝነት እና ትክክለኛ ኮድ ይጽፋሉ። እነሱ ይችላሉ፦
- ስህተቶችን አስተካክል ሲሰጥ እይታ አልሰጥም
- ከፍልኮች፣ API እና ፕሮጀክት አዋቂነት ማግኘት
እና ከሁሉም የበለጠ ክፍል? በአሳሽዎ ውስጥ ማስክበር ይችላሉ። የVS Code እና አስተባባሪ ወዳጅ በአንድ ትር ማገናኘት እንደሚመስል ነው።
ይህ እንደ ምን ነው - አሰሳ መመሪያ ወይም አስማሚ ቁልፍ?
አጭር መልስ፡ መመሪያ ትምህርት። እርስዎ የሚፈልጉት "ቁልፎችን አሳይኝ" ነው። በአሳሽዎ ላይ ላሉድ ኮድን እንገናኝባቸዋለን፣ ከዚያም ከጀማሪዎች ስራዎች እንደ ግንባታ የትንሽ ድር ገፅ፣ ኤረርን ማጽዳት እና እንደ ትንታኔ መምህር ላሉድ መጠየቅ እንሄዳለን።
እርስዎ ለላሉድ ኮድ የሚመስሉ በአሳሽዎ የድራማ ቦታ ምረጥ
በአሳሽዎ ውስጥ ላሉድ ኮድን ለመጠቀም በጣም ተለዋዋጭ መንገዶች አሉ። የስራዎን ፍላጎት የሚስተናግድ እንደሆነ ይምረጡ፦
- በድህረገፅ ላይ ላሉድ: ላሉድ የድህረገፅ መተግበሪያን ተጠቀም፣ ከዚያም በኮዲንግ ተወላጅዎችና ፋይሎች በመወያየት ይቆይ። ለጀማሪዎች ቀላል መንገድ።
- በድህረ መስመር የተመሠረቱ አይዲኢዎች ውስጥ ላሉድ: Replit, Codesandbox, ወይም GitHub Codespaces እንደ አካባቢዎች ይጠቀሙ እና ላሉድን በኤክስተንሽኖች፣ ቻት ቅርጾች ወይም API ጥራት አካል ያነጋግሩ።
- በአሳሽዎ ውስጥ ላሉድ ማስተዋል ያላቸው ኮድ ኖቲቦኮች: Jupyter በደመና ወይም Observable ኖቲቦኮች ላይ ላሉድን ይጠይቁና እባክዎን እዚያ ውስጥ ያስከትሉ።
የመጀመሪያ ተምሪ ከሆነ ለላሉድ ድህረ መስመር መተግበሪያ እና Replit ያሉ በአሳሽ የተመሠረተ ኮድ አርታኢ ማስጀመር። በአንድ ትር ቻት እና በሌላው ትር ኮድ ይኖራል። አንዳንድ ጭንቀት አይኖርም፣ እጅግ ትምህርት ይሰጣል።
እርስዎ ለመጀመሪያ ላሉድ ኮድ ስብስብ እንቀርባለን
እነሆ ከዜማ እስከ መጀመሪያ ስኬት ድረስ ስብስብ፦
- በአሳሽዎ ላይ ላሉድን ክፈት። ይግቡ። ተለፉ።
- አዲስ ቻት ጀምር። ግብሩን አሳየው፡ “አንተ የኮዲንግ እገዛዬ ነው። እኔ ጀማሪ ነኝ። በHTML/CSS እና ትንሽ የJavaScript መለያየት ቀላል ራንዲንግ ገፅ ለማዘጋጀት እፈልጋለሁ.”
- ማንኛውም አካባቢ ውስጥ ፎልደር ፍጠር ወይም Replit እንደ አሳሽ አይዲኢ ተጠቀም። በኋላ ትጨንቀውም በማይገባ ስም ስጥው።
- ላሉድን ምን ዓይነት ፋይሎች ማፍጠር እንደሚፈልጉ ንገሩት፡ index.html, styles.css, script.js.
- የኮድ ምክሮቹን ወደ አርታኢዎ ቅጽበው ከዚያም ይስራ/ይይዙ።
እሱ ብቻ ነው። እንኳን በአሳሽዎ ላይ ላሉድ ጋር ኮድ የሚያደርጉ ሰው ናችሁ።
መርምሩን ሰው እንደሆንና እንደሚወድ ትክክለኛ ትንሽ ያደርጉ
ላሉድ ኮድ በሁኔታ ይተኮራል። እንደ ቡና የሚያዘዝ ሰው አስባለሁ። “ቡና” አትል፣ “አይስ ላትቴ፣ አንድ ፓምፕ ቫኒላ፣ ምንም አልፈልግም” ንገሩ። ሚናት እንዲሁ ነው።
ይህን አወቃቀር ይሞክሩ:
- ተልዕኮ: “አንተ የኮዲንግ መምህር ነህ.”
- ግብ: “ቀላል ሪስፖንሲቭ ራንዲንግ ገፅ ለማዘጋጀት እገዛ ለማግኘት እፈልጋለሁ.”
- አገዳዳሚዎች: “አንድም CSS ፍሬምወርክ አትጠቀም። አንዳንድ አንቀጽ አርከት ያለው.”
- ፋይሎች: “index.html, styles.css, script.js”
- የውጥል ቅርጸ ተለዋዋጭ: “ለእያንዳንዱ ፋይል ኮድ እቃ እና ቅን ማብራሪያ አብራሪ.”
እንደ ናሳም፦
"አንተ የኮዲንግ መምህር ነህ። እኔ ጀማሪ ነኝ። ቀላል ሪስፖንሲቭ ራንዲንግ ገፅ ከindex.html, styles.css, እና script.js ጋር ፍጠር። ንዑስ እና ሞባይል-መጀመሪያ ዕቃ ቅርጸት አጠቀም። ስቲኪ ራዕይ እና CTA ቁልፍ ይጨምር በሚጠቀመው ፋይል ሞዳል ያነሳል. ኮድ ውስጥ አስተምህሮችን አክል እና ቁልፍ ክፍሎችን በቀላሉ አስረድብ."
ላሉድ ንፁህ ኮድ እና አስረዳ ያለው እንደተለመደ ይመልሳል እና ማስተዋል የሚከብደው አይሆንም።
እርምጃ 3: የመጀመሪያዎ ትንሽ ፕሮጀክት፡ ትንሽ ራንዲንግ ገፅ
እነሆ ለትንሽ ድር ገፅ የላሉድ ኮድ ሁኔታ እንዴት እንደሚሆን ነው።
- እርስዎ: “index.html, styles.css, እና script.js ለቀላል የምርት ራንዲንግ ገፅ ፈጥር። ፎንቶች ስርዓት-ቤተ መዝገቦችን ብቻ ጠቀም። አርሶ ክፍል፣ ባለጠጋዎች እና ቁልፍ ክፍል ያክል.”
- ላሉድ: ሦስት ፋይሎች ከሰሙና ሪስፖንሲቭ እና አስተምህሮችን ይደርሳል።
- እርስዎ: እነሱን ወደ አርታኢዎ ቅጽበው። እይ። ቅናሽ አድርግ።
- እርስዎ (በእይታ ከዚያ በኋላ): "በiPhone SE መጠን የሚቀጥለው የራዕይ ጽሑፍ በተለምዶ አይሰጥም። አርከት ምንም ተስማሚ እንዲሆን እና ከ360px በታች ራዕይ ፓዲንግን አነስ."
- ላሉድ: በሚዲያ ጥሬ ውስጥ CSS ያሻሻል።
ተጨማሪ: ለተሳሳተ የተንቀሳቃሽነት ረድት። “አሰሳ ትክክለኛ ማስታወሻዎችን, ARIA መለያያት ለሞዳል እና እለታት ቁልፎች መንቀሳቀስ እንዲሰራ ያረጋግጡ.”
ላሉድ በተለምዶ በትክክል ያደርጋል፣ የታቦች ትኩረት ማዕከል እና ለመዝጋት Escape እንደገና ቅርንጫፍ እንደሚሰራ ነው። ይህ እንደሚሰራ በአንድ ወቅት በተከላከሎ እንደሚኖር ነው።
እርምጃ 5: ከላሉድ ጋር ኤረርን አንተና ጓደኛ (የመደገፊያ ሙከራ)
ነገር እንደሚሰበስብ - እና ይሰበስባል - ላሉድ ኮድ እንደ ፈለገ ተመን ተጠቃሚነት እንደሚያደርግ ታያለ።
- የስህተት መልእክት ያስገቡ፦ "Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') in script.js መስመር 12"።
- ሁኔታ ያክሉ፦ "በid 'openModal' ያለውን ቁልፍ በindex.html አለ፣ ነገር ግን ስህተቱ በማውጫ ላይ ይከሰታል."
- ምክንያት እና ማርከር ጠይቁ፦ "ለምን እንደዚህ ነው እና ስክሪፕት ታጣቂውን አልቀረበም እንደማይሆን እንቀይር?"
ላሉድ ምናልባት የDOMContentLoaded መጠበቅ ወይም የሚስተካከል አሳሰብ ይሰጣል። ከዚያ ምንም እንደሚሰራ የሚሰጠውን ኮድ ክፍል ያቀርባል።
ሙያ ምክር፦ "የሚያስገርም ከሆነ የእርምጃ-በ-እርምጃ ዳይን እንዲሠራ ጠይቅ። "እንደሚያገኙ መርምሮ መከታቂያዎችን አዘዝና ዝርዝር እንዲሰጥ."
እርምጃ 6: ላሉድን ኮድ ተተርጓሚ ያድርጉ
አንድ ፋንክሽን ምን እንደሚደርስ አላውቅም? እንደዚህ ጠይቁ፦
"ይህን ፋንክሽን መስመር በመስመር እንደ ሰላምታ አስረድብኝ። ከዚያም በአንድ ሐረግ አጠቃላይ አድርግ። እንዲሁም አንድ ማሻሻያ እና አንድ ፈተና ክስተት አሳስብ."
ፋንክሽኑን ያስገቡ። እንደ ትንታኔ አሰሪ እና እንደ 1997 ዘመን የተጻፈ መጽሐፍ አይደለም።
እርምጃ 7: ከምርት ያልተሰራ መቀየር
ኮድዎ ይሰራል ነገር ግን እንደ የመኪና ጭነት ቤት ነው? ላሉድ ኮድን ማጠቀም ይችላሉ።
- ለማንኛውም ትንሽ ማሻሻያ ጠይቁ፦ "የተለያዩ ተለዋዋጮች ስም አርከት እና ይህን 50-መስመር ፋንክሽን ወደ ትንሽ ተለያዩ ፋንክሽኖች ከፍለኝ."
- ለምሳሌ አሳሽዎች ጥያቄ አቅርቡ፦ "አዲስ እና ቀላል ፋይብላሸር-ሳብስክራይበር አካል አዘጋጅ እንዲቀጥል። እንዲህ ተጨማሪ ባህሪያት እንዲጨመር እችላለሁ."
- ለእንቅስቃሴ ጥያቄ፦ "DOM እንቅስቃሴዎችን ቀነስና ኢቨንት ዲሌጌሽን በትክክል ተጠቀም."
ቁልፍ: ያለማንኛውም ማብራሪያ ቅርንጫፍ አቀዝቅዝ። ተስማማን ያድርጉት። እርስዎ የኮድ ቤተሰብዎ አስተዳደር እና አስተዳደር ነው - ምንም እንኳን በጠበቃ የሚሆን ሮቦት ቢሆንም።
እርምጃ 8: በቀላሉ ግሩፕ እና እድገት
በአሳሽ አይዲኢ ከሆኑ ጊት በፈለግነው መልእክት መመልከት ይችላሉ፦
"የተሻሽሉት ፋይሎች እና አስተያየቶች እነሆ፡ በማክሰኞ በመንገድ መግለጫዎችና ሚናት አሰጥ."
እንደ ምሳሌ፦
- fix: ሞዳል ትኩረት እንዳይወጣ አስተካክል
- chore: CSS ተለዋዋጮችን እና አስተምህሮችን ያነሳል
እንደ ስነ-ድህረ ቀለም እና አላጋጣሚ ለወደፊት እርስዎ ነው።
እርምጃ 9: ላሉድን እንደ ፕሮጀክት አስተዳደር ጠይቅ (ጥፋት በጣም)
ከምን ማድረግ እንዳታውቅ በዚህ ጊዜ ላሉድ እንደ ማውጣት ይጠይቁ፦
"ይህን ቀላል ራንዲንግ ገፅ አንድ ሳምንት የሚቆይ እድገት እቅድ አቅርብ። እያንዳንዱ ቀን አዲስ ገለጻ፣ አንድ የኮድ መስራት ተግባር እና አንድ ማስተዳደር ጥያቄ ይኖረው። ለጀማሪዎች ቀላል ይሁን."
አገልግሎት በሚስጡት እንደሚል የተሳካ ስለሆነ ተሰማምተዋል።
እንቀሳቀስ: እውነተኛ ለጀማሪዎች እንቀሳቀስ የሚችሉት እንደሚያስተዋወቅ ዝርዝር
እንሠራ ትንሽ መተግበሪያ: ከፍተኛ ፈልጋዊ የመርጠት ዝርዝር እንዲሁም ማጣሪያ ተጠቃሚ። የDOM መሠረታዊ ነገሮች, ኢቨንትን እና ትንሽ የሁኔታ አስተዳደር ትምህርት ትሰጣለህ።
ጥያቄ:
"index.html, styles.css, እና script.js ለጀማሪዎች ቀላል የሚሆን የምርጫ ዝርዝር መተግበሪያ ፈጥር። ባህሪያት፦ አክል፣ ጠብቅ፣ ሰርከት፣ በሁሉና/እንቅስቃሴ/ጨርስ ያሉ ማጣሪያ ፈላጊ። ኪቦርድ እና ትክክለኛ ማስታወሻዎች ጨምር። ሰነዶቹን በlocalStorage ያስቀምጥ። JS ከ120 መስመር በታች ይጠብቅ እና አስተምህሮችን አክል."
የምትያዙት ነገሮች፦
- index.html ከቅርጸ እቃ, ዝርዝር እና ማጣሪያ ቁልፎች
- styles.css ቅርጸተ ተንቀሳቃሽ እና ጥንቃቄ ስታትስ
- script.js ከመስራት እና ከlocalStorage ጋር የሚሰራው ፋንክሽኖች
ከዚያ መታደግ:
- "ከማስወገድ በፊት እርግጠኛ አውጥቅ አብረህ ግን Shift+Delete በመጠቀም ማፍቀር እንደምትችል."
- "የሁኔታው አስተዳደር ወደ ቀላል እና በተደጋጋሚ ማዘጋጃ ፋንክሽን አሻሽል."
- "በግልጽ ጄኤስ ላይ ከንዑስ ፈተና አስአማሪ ጋር ትንሽ የአንድነት ፈተና ፈጥር."
አንዳንድ ኮድ ብቻ አትቅዱ፤ እጅግ የአእምሮ አካል እንደሆነ አእምሮን በጥቅም ላይ አውርዱ።
ላሉድ ኮድርን እንዴት እንደሚያስተናግድ (እንደ እንደሚታወቀው የጥያቄ ፍላጎት)
ላሉድ መልካም ነው ነገር ግን ግምት አልደርስም። እነሆ እንዴት እንደሚያስተዋውቅ ነገር:
- ቀድሞ አካል ያዉቁ፡ ቋንቋ, እትም, ፋይሎች ስም, መስመር ብዛት ወይም ስርጭቶች ገደብ።
- ከኮድ በኋላ አስረድብ ጠይቁ: አጭር፣ ቢለአዎን እና በመግለጫ እንግሊዝኛ።
- ሽህረት እንዲያደርጉ ጠይቁ፦ "እንዲሰጥ እንደ እጅ ታሪክ እናቀርባለን 5 እርምጃ"
- ትክክለኛ ሁኔታ አስታውሱበት፦ የምትሰሩትን እያስታወሱ በጥቂት እንቆቅልሽ ውስጥ ይሰሩ።
- "ድግግሞሽን ብቻ አድርግ" ወይም "ሞዳል ሎጂክ ብቻ አሻሽል" ብለው ጠይቁ እንዲሁ በመቀየር ጊዜ ጥሩ ክፍሎች እንዳይጠፉ ይረዳል።
ከጋር ለጀማሪዎች የተደጋጋሚ ስህተቶች (እና ላሉድ እንደምትረዳው)
- ኮድን በሌላ ፋይል ወይም በትክክለኛው ቦታ ማቅረብ። ማስተካከል፦ ላሉድ በተጠቃሚ ፋይል የመጨረሻ ፋይል ዝርዝር ይገልጻል።
- በጣም አስጸፍት፦ React, Tailwind, እና የጭነት ትእዛዝ ከፈለጉ። መልስ፦ በነባር HTML/CSS/JS ጀምርና ከዚያ ተለዋዋጭ ከሁሉም ይውሰድ።
- ጸጥታ ኤረር: የተሸፈነ ኮንሶል አትከፍትም። መልስ፦ ላሉድ የሚታወቀውን የኮንሶል ስህተቶችን እና እንዴት እንደሚያስተዳድር ይዘጋጁ።
- አካል-አዜማዎች ተሰብስበው CSS በዴስክቶፕ መግለጫ ይስራሉ፣ ነገር ግን በሞባይል ይከሰታል። መልስ፦ ላሉድ ለሞባይል-መጀመሪያ ሚዲያ ጥሬዎች እና ትንሽ መሣሪያ አጠቃቀም ጥሪ ያድርግ።
ላሉድ ኮድ እና ሌሎች አማራጮችዎ (ምክንያቶች ምክንያት)
- ChatGPT ወይም Gemini፦ ኮድ በጣም ጠንካራ ናቸው። ከትክክለኛ ስር የምትኖሩበት ትር ውስጥ ያሉ ከሆነ ተመሳሳይ ምንጭ አቅርቡ እና ግልጽ ማስረታቸው እንዴት እንደሚሆን ይነጋገሩ። አእምሮዎ የሚገባውን ይምረጡ።
- VS Code በAI ኤክስተንሽኖች ጋር፦ መሳሪያዎችን ለመጫን እና በመስመር ላይ እንግዳ ምክር ሲያስፈልግ ጥሩ ናቸው። በመጀመሪያ ቀን መምራት በቀላሉ አይደለም።
- ከAI ተቀማጭ ከተለመዱ አይዲኢዎች፦ ተጠቃሚ ናቸው፣ ነገር ግን እንደ ማንኛውም የማያስተካከል ምግብ ከተከራዩ ካርድ ይመስላል።
ላሉድ ለጀማሪዎች እጥረት፦ ግልጽ ማብራሪያዎች፣ ጠንካራ አዋቂነት እና በጣም የሚገርም የኤረር ማስተካከያ መንገድ።
በአሳሽ ብቻ ኮድ መስራት፡ ደህንነት እና አእምሮ ምክር
- ምንም አልተረዳም የሚሉትን ድርጊቶች አልስራችሁ። በፈተና ከመጫኑ በፊት ላሉድን ላይ እያንዳንዱ ክፍል ምን እንደሚያደርግ ያስረዱ።
- ፋይሎችዎን ትንሽና በተደጋጋሚ ይያዙ። አጭር ቻቶች፣ አጭር ልዩ ልዩ ቅርንጫፎች፣ ጥቂት እርምጃዎች።
- ስሪቶችን ያስቀምጡ። አሳሽዎ ሲንጀራ በነበረው አይሸጥም እንደ Snapchat መልእክት።
- ማጣሪያ ማስታወሻ (Replit/Codesandbox) ይዘው ላሉድን በሚቻልበት ትር ፈንታ አቆሙ። ሁለት ትሮች የሚያሠራ ጨዋታ።
እንዴት ከላሉድ ኮድ ጋር ፈጣን መማር
- ማብራሪያዎችን ወደ ፍላሺካርድ ቀየር። ጠይቅ፦ "ቁልፎች አምስት ጥያቄና መልስ ካርድ ማጠቃለያ."
- መመሳሰል ጠይቅ። "ኢቨንት ቡብሊንግን እንደ ስታዲየም ማወቅ አብራ ያለ."
- ደረጃ አሻሻል። "አሁን ዝርዝሩን በድርጊት በመያዝ ያድርግ። አስተምህሮችን ይቀርቡ."
- መምህር-ለመሆን ዘዴ። "እባክህ ኮድን እንድስረዳህ እማርሃለሁ፤ ብትሰርድኝ እርስዎን እረዳለሁ."
እውነት ነው፣ የሚበላሽ አስተማሪ ለማንም ከፊል ስለማያስፈልግ።
ከአሳሽ ወደ አካባቢ መሳሪያዎች መቀየር በመንገድ ላይ ሲሆን
አሳሽዎ ጥሩ ነው ነገር ግን
- ፍሬምወርኮች ክሊ (React, Next.js, SvelteKit) ከአካባቢ ዲበልክ አገልግሎቶች
ላሉድ ለውጥ እቅድ ጠይቁ። "ይህን ፕሮጀክት ከአሳሽ አይዲኢ ወደ አካባቢ ልምድ እንዴት እንደሚከተል እና ለmacOS/Windows ቀላል ማክሰኞ እንዲሰራ እና ስያሜዎች."
አስተያየት፡ እንደ ተከታታይ ግንዛቤ ለማድረግ የሚረዳ
ከኮድ፣ ሰነዶች እና አስተያየቶች በመካከል ሲሄዱ የአገልግሎት በኩል የተለይቶ እገዛ የሚሰጥ አስሪ እንደሚሆን ከዚህ ለውጥ Sider.AI መሆን ይችላል። በገፅ ላይ ያሉትን ጥያቄዎች መጠየቅ፣ የኮድ ምክሮችን መነባበር እና ምንም ከአሥራ አራት ትርጉሞችና አንድ ጸሎት በማይፈልግ አንድ ቦታ ያያዙ ነው። እንደሚያስተዋል አሳሽዎን አእምሮ መስጠት ነው - እንጂ ሌላ የሚአድርገው የመስኮት-ስክሪን አይደለም። ፈጣን ሰንደቆች፦ እንደሚችሉት ጠይቅ የሚችሉ ጥያቄዎች
- ስህተት አስረድብ፦ "’CORS policy: No ‘Access-Control-Allow-Origin’ header’ በAPI ማግኘት ጊዜ ተቀብሎኛል። ምን ማለት እንደሆነ አስረድብኝ እና ሁለት ቀላል የጀማሪዎች አስተካከያዎች - አንዱ ለአካባቢ ሙከራ፣ ሌላ ለአምራች."
- ክፍል ፈጥር፦ "የሚስራ ክፍል ከምስል, ርዕስ, መግለጫ እና ቁልፍ ጋር ክፍል ፈጥር። HTML, CSS ተለዋዋጮች እና JS ለማስታወሻ በትክክል ይጠቀሙ። CSS ከ80 መስመር በታች ይጠብቅ."
- ፈተናዎች አክል፦ "በግልጽ ጄኤስ ለዚህ ፋንክሽን ሶስት የአንድነት ፈተናዎች ጻፍ። ፍሬምወርክ አትጠቀም። አንድ ቀላል አሰሪ ስለመጠቀም እና አሳሳቢ ውጤት አሳይ."
- ሰነድ አዘጋጅ፦ "እንዲበከት README.md ማፍጠር የማዘጋጃ እርምጃዎች፣ ባህሪያት እና 5-ደቂቃ የሙከራ ክፍል."
ቅድሚያ፣ ጽሁፍ፣ ብሩህ ይታያል።
ችግሮች፦ ላሉድ ሲስማማ ሲደርስ
- አልተለያዩ መልሶች፦ ምንጭዎ አልተጠበቀም። ፋይሎች ስም፣ ግቦችና ገደቦች ያክሉ።
- የሃሉሲኔችን APIs፦ ወደ መሥሪያ ዶኩመንት ይጠይቁ ወይም "ብቻ ፍቺ አጠቃላይ DOM API አጠቀም" ብሉ።
- አልተሳካ ኮድ፦ "የፋይል ሙሉ ዝርዝር" በተከፈተ ኮድ ቅርጽ ይጠይቁ።
- እንደነበረው መታጠቢያ፦ አልተቀየረ እንዳይሆን እያስታወስ ይጠብቁ።
ልምድ ያሳስበዎት ሲሆን ማጠቃለያ ጽሁፍ በብስክሪን ያድርጉ ማስታወሻ እና ቦታ እያስተዋወቅ ይቀጥሉ።
ጀማሪዎች የአንዴት ግንባታ (60–90 ቀን)
- 10 ደቂቃ፦ በአሳሽዎ ላይ ላሉድ ተመን ይክፈቱ እና አንድ አርታኢ መስክ ክፈት።
- 20 ደቂቃ፦ ትንሽ ራንዲንግ ገፅ ሠርተው እና በዴስክቶፕ እና ሞባይል ላይ ይመልከቱ።
- 15 ደቂቃ፦ ሞዳል እና ኪቦርድ አካልነት ጨምር።
- 10 ደቂቃ፦ መሠረታዊ ፈተናዎች ይፍጠሩ (በእጅ ወይም ትንሽ እንደ JS አሰሪዎች).
- 15 ደቂቃ፦ በላሉድ እገዛ README ይጻፉ።
- 10 ደቂቃ፦ አስተያየት፦ ምን ተማሩ? ምን እንደ ገና አይነቅም?እነዚያን ጥያቄዎች በቀጥታ ለላሉድ ጠይቁ።
እርስዎ ከእውነተኛ ፕሮጀክት ጋር ይጨምራሉ። ምናልባት ዳይዛይን ሽልማት አያሸንፍም፣ ነገር ግን ይጫናል፣ ይሰራል እና ነገሮችን ይማራል።
ያልታወቀው የተፈለገው ነገር
- በአሳሽዎ ላይ ላሉድ ኮድ እሱ ለጀማሪዎች ቀላል ማስተከቻ ነው—ምንም የማትጫኝ ነገር ከፍተኛዎችን ትንሽ የፕሮሞች እና የማስተዋል።
- ትክክል ሁኑ፡ ግቦች፣ ፋይሎች፣ ገደቦች። ላሉድ የጥሩ ዝርዝር ይወዳል።
- ትንሽ ሠራጭ ፈጣን እና ኮንሶልውን ክፈት።
- እንደ መምህር አጠቀም፣ እንጂ እንደ ኮድ ማሰናጃ መንገድ ብቻ አይደለም። ለምን ትንታኔ ጠይቅ።
- ከአሳሽ ውጭ ትክክለኛ መሳሪያዎች ሲፈልጉ ላሉድን ትቀየራለህ።
ኮድ ማማር ማለት ሁሉንም API ማስታወስ አላማ አይደለም። ጥሩ ጥያቄዎች ማቅረብና ውጤቶችን ማጥላት ነው። ላሉድን በአንድ ትር እና አርታኢዎን በሌላ ትር ማስተዋል ያግኙ፣ የመጀመሪያ ትንሽ መተግበሪያዎን ፈጣን በፍጥነት ትለቀቁ፣ እንደ “እንባለኝ፣ ይህ ቦታ ማቆም ይመስላል?” ብትሉ ያስቀድሙ።
አሁን ትር ክፈት። የወደፊት እናተኛዎ ቆይታ በመጨረሻ እና በሰምንት ቦታ አንዳንድ ሌሎች የሰምንት አልነበሩም።
ተደጋጋሚ ጥያቄዎች
Q1:ላሉድ ኮድ ምንድነው እና በአሳሽዎ እንዴት እንደሚሰራ?
ላሉድ ኮድ ላሉድ የተለመደ ስራዎች ከተፈጥሮ ቋንቋ የሚያደርጋቸውን እና ማብራሪያ እና ኤረር አንዳንድ ሊሰጥ የሚችለው የኮዲንግ የተቀየረ ሁኔታ ነው። በአሳሽዎ ውስጥ ቻት እና ኮድ በቀላሉ ከኤስቢንድ የድህረ መስመር አይዲኢ ወይም ማሳየት መስክ ውስጥ ማቅረብ ይችላሉ - ማንኛውም የመጫን ስራ የለም፣ ትሮችና በፍጥነት እይታ ለጀማሪዎች።
Q2: ላሉድ ኮድ ለማጠቀም ማንኛውንም ማጫን አስፈላጊ ነው?
አይደለም። ላሉድ የድህረ መስመር መተግበሪያን እና Replit ወይም Codesandbox እንደ አሳሽ የተመሠረተ አርታኢ ተጠቀም። ፋይሎች እንፈጥር፣ ኮድ እንስራ፣ እና እንደገና እንቀይር - ሁሉ ከአሳሽዎ፣ ለጀማሪዎች በትክክል ሂደት።
Q3: ላሉድ ኮድ በማመልከቻዎች እንዴት ማጽዳት ማበርከት ርዳታ ሊሰጥ ይችላል?
አዎ፣ እና እንደ ለበለጠ በፍርሃት የማይሰጥ። የስህተት መልእክትዎን፣ አስፈላጊ ቅጾችን እና የተስፋት ውጤት ያስገቡ። ላሉድ የሚታወቀውን ምክንያት፣ ማስተካከያዎችና በማስተዳደር ሂደት የሚከተሉ እቅድ ይሰጣል።
Q4: ለላሉድ ኮድ ፕሮምፕቶች ምን ዓይነት የሚሆኑ ነገሮች አሉ?
ተወላጅ እና ምርጥ ነው። ግቦት፣ የፋይል ስሞች፣ ገደቦች (ማለት “ሰለሲና JS” ያሉት) እና የትክክለኛው ውጤት ቅርጸ ተለዋዋጭ አካትተው። ኮድ ንፁህ ማስረጃዎች ግልጽ እና “ምን ሆነ?” የማይባል ጊዜያትን ያገኙ።
Q5: AI እገዛን በአሳሽዎ ጋር በአንድ ጎን የሚያስቀምጥ መሣሪያ አለ?
እንደሚታወቀው፦ Sider.AI አጠቃላይ ገፆች አማካይ እንዲሆኑ ይፈቅደዋል፣ ኮድ ምክሮችን ማነቃቂያን እና ሰነዶችን ማጠቃለያን እንዲያስቀምጥ ይረዳል። ከላሉድ ኮድ ጋር ለጀማሪዎች ሂደት እንዲረሳ ጥሩ መጣጥፍ ነው። 
