የድር ገጽዎን ፊት ለፊት ለመገንባት ማዕቀፍ መጠቀም ብዙ ጥቅሞች አሉት (ለመጀመር በጣም ቀላል ነው!). የትኛው የፊት-ወርድ ማቅረቢያዎች እና ለምን በድር እድገታ ስራዎ ውስጥ ማካተት እንዳለብዎ ለምን እንመርምር.
Front-End ማዕቀፍ
በተጨማሪም "የሲኤስኤል መዋቅሮች" ይባላሉ, እነዚህ በቅድመ-ወርድ የተጻፈ ኮዶች በፋይሎች እና አቃፊዎች ውስጥ ያካተቱ ናቸው. ከመጨረሻው ዲዛይኑ ጋር አብሮ ለመሥራት የሚያስችል እምብርት ይሰጡዎታል. በተለምዶ የፊት-ዳር ማዕቀቦች የሚከተሉትን ክፍሎች ይይዛሉ:
- የድር ጣቢያዎ የንድፍ እቃቶችን ለማደራጀት የሚያስችለ ፍርግርግ
- የተወሰኑ የቅርፀ-ቁምፊ ቅጦች እና በሂደቱ ላይ ተመስርተው መለካት (በተለያዩ ርእሶችና አንቀጾች የተለያዩ ስነ-ፅሁፍ ወዘተ ...)
- እንደ የጎን ፓነሎች, አዝራሮች, እና የአሳሽ አሞሌዎች ቅድመ-የተገነቡ የድርጣቢያ ክፍሎች
እርስዎ በመረጧቸው ልዩ ማዕቀፍ ላይ በመመስረት, ከዚህም በላይ እንደዚያ ማድረግ ይችላሉ.
ለምን አንድ አገልግሎት ይጠቀሙ
ሁሉንም ኮዶችዎን ከባዶ መጀመር ይልቅ የፊት-መጨረሻ ማዕቀፍ እንዲጠቀሙ በርካታ ጥሩ ምክንያቶች አሉ:
- ጊዜ ቆጥብ! በግልጽ የሚታይ, እያንዳንዱ የኮድ መስመርን እራስዎ የሚጽፉ ከሆነ, ድር ጣቢያዎን ለማስጀመር ብዙ ረጅም ጊዜ ይወስዳል. መሰረታዊ አውታር መሰረታዊ ነገሮችን ለመጀመር ይረዳዎታል.
- ሊተውዎት የማይችሏቸው ተጨማሪ ክፍሎች አክል. ለራስዎ ምንም ተጨማሪ ችግር ለመፍጠር ሳያስፈልግ ሌላ አዝራርን ወይም ሌላን ለመምረጥ አማራጩ ቢኖረውም ሁልጊዜ ጥሩ ይሆናል.
- ኮዱን እንደሚሰራ እርግጠኛ ይሁኑ. የራስዎን ኮድ መጻፍ ብዙ ጊዜ አይወስድብዎትም (ወይም ከ 60% የድር አሳሾች ጋር ተኳሃኝ አለመሆኑን) ለማግኘት ከመሞከር ይልቅ እርስዎ ቅድመ-ተሞከርና የተግባራዊ ኮድ እየተጠቀሙ እንደሆነ ያውቃሉ.
ከመጓዝዎ በፊት የፊት-መጨረሻ ማዕቀፎችን እንዴት መጠቀም እንዳለብኝ ግልጽ ማድረግ እፈልጋለሁ! የኮድ-ግንባታ ችሎታዎችን በመተካት ምትክ አድርገው ማከም ምንም አይነት እገዛ አይሰጥዎትም. መጀመሪያ ከኤችቲኤምኤል እና ከሲ.ኤስ.ኤስ ጋር ይተዋወቁ, ከዚያ አቋራጮችን መጠቀም መጀመር ይችላሉ. የስራ መዋእለ ንዋይህን እንደ ረዳት እንጂ አያደናግር.
የፊት-ከፊል ማዕቀፎች ምሳሌዎች
ሁሉም የሲኤስኤል መዋቅሮች እኩል ናቸው የሚባሉት, ስለዚህ ለእርስዎ ልዩ ፍላጎት የበለጠ የትኛው እንደሆነ ያጣሩትን ጥናትዎን ያረጋግጡ. የአምስቱ አምስት ፈጣን አጭር እይታ እነሆ:
- Bootstrap: በጣም ተወዳጅ ያለው እዚያ ላይ. ጥያቄዎችዎን ለመመለስ በጂቱብ ላይ ብዙ ጠንቋዮች እና ብዙ ምንጮች ይኖራሉ. ሊጠቀሙባቸው ከሚችሉት በጣም ቀላል ከሆኑ አንዳንዶቹ ግን አንዳንድ የተለመዱ የ "Bootstrap" መልክ አላቸው.
- ፋውንዴሽን-ብዙ ቅንጅት እና ብጁነትን ያቀርባል. ለቅድመ-መጨረሻ እድገት ልምድ ላላቸው እና መሰረታዊ ነገሮችን ለመሸፈን እና ብዙ የፈጠራ ቁጥጥርን ለመያዝ ለሚፈልጉ.
- Stylus: Expressive and elegant CSS-language. ይህ ማዕቀፍ በ Node.js መተግበሪያዎች ላይ ብቻ ጥቅም ላይ ሊውል ይችላል.
- Semantic UI: ሰላማዊ, ቀና የሆነ, እና የእርስዎን ኮድ ጥሩ እና ቀላል ያደርገዋል. ብዙ የዲዛይን ነፃነት ይሰጥዎታል እና ለእርስዎ ፍላጎት ያመቻቻል.
- UI ኪስ-iOS መተግበሪያዎች ለማዳበር ፍላጎት ካሎት የሚጠቀሙበት መዋቅር. የራስዎን ጣቢያ ገፅታ ለማዳበር ቀላል የሚያደርገውን መሰረታዊ ቅጥ አለው.
ማጠቃለያ
መዋቅሮች ለፊት-መጨረሻ ዲዛይን, በተለይም በዚያ ጎን ለጎን የሚሠሩበት ሥራ ካላቸው እጅግ በጣም ጠቃሚ የሆኑ መሳሪያዎች ናቸው. ለየት ላለ, ለግል ብጁ ለመመልከት በሩ ክፍት በማድረግ ለወደፊቱ የሥራ ፍሰትዎን ለማፋጠን እና ምርታማነትን ሳያሟሉ ምርትን ሳሳድጉ እንዲጨምሩ ያስችሉዎታል. ችሎታዎችህን ለማሟላት እንጂ እንደ ማጠጫ ማቅለጫ መንገድ ሳይሆን እንደ መጠቀሚያ መሣሪያ አድርገው እንደ መጠቀምህ አስታውስ!