ይሁን እንጂ ማንኛውም ቅድመ-ጫፍ የማሻሻያ ስራ የሚያስፈልገው ጥቂት ክህሎቶች - «መሰረታዊ» ክሂሎቶች - እና ሌሎች በአስፈላጊ ትርጉማቸው ላይ በቁም ነገር ማከል ያለባቸው ሌሎች ጥቂት ክህሎቶች አሉ.
ማወቅ የሚፈልጉት
ለድህረ-ጫፍ ገንቢዎች ቁልፍ ምን እንደሆነ ለማወቅ ከፈለጉ በመስመር ላይ የሥራ ዝርዝርን ያስሱ. ሦስት ዋና ዋና ነገሮች አሉ.
ለድርድር የማይቀርብ.
እነዚህም ናቸው-
እነዚህ መሰረታዊ ነገሮች ናቸው. እንደ እድል ሆኖ, በአሁኑ ጊዜ እርስዎ እስካላወቁዋቸው ድረስ እነዚህን ክህሎቶች መማር የሚችሉባቸው በርካታ ነጻ እና ርካሽ የመስመር ላይ የመማሪያ መድረኮች አሉ .
HTML
HyperText Markup Language, ወይም HTML, በኢንተርኔት ላይ በሁሉም ድር ጣቢያዎች ውስጥ ቁልፍ መዋቅር አካል ነው. ጄኒፈር ኪርኒን እንዳሉት,
"የድረ-ገፆች ቋንቋ-የአሳሾች ድረ ገፆችን ለማዘጋጀት የሚነበቡበት የማውጫ ቋንቋ."
የድር ገጾች ያለ ኤች ቲ ኤም ኤል ሊኖሩ አይችሉም.
CSS
ሲ.ኤስ.ኤስ እና ኤች ቲ ኤም በጋራ ይሰራሉ: ኤስኤስኤል ቅጥ ኤች ቲ ኤም ኤል ያክላል ኤች ቲ ኤም ኤል እንደ ፊት ያለው ምስያ መጠቀም እፈልጋለሁ, እና ሲኤስኤል እንደ ውበት ነው.
ምንም እንኳን በዌብሳይት ላይ ድርጣቢያ ድር ጣቢያ ለማቅረብ አስፈላጊ ባይሆንም, በእያንዳንዱ መስመር ላይ እያንዳንዱ ጣቢያ በመስመር ላይ አንድ አይነት ቅጥ ይጠቀማል.
አለበለዚያ ግን በጣም አሰልቺ ይሆናል. በጣም የቅርብ ጊዜ የሲኤስኤስ ስሪቶች, ቀደም ባሉት ጊዜያት ጃቫስክሪፕት ወይም ፍላሽ ብቻ ሊሆኑ የሚችሉ እንደ እነማዎች እና ይበልጥ የተራቀቀ ቅጥሰ ነገሮችን ማድረግ ይችላሉ.
JavaScript
ጃቫ ስክሪፕት, ወይም ጂ.ኤስ. ዛሬ ዛሬ ብዙ አላማዎች ያሉት እና በፊት ወይም በጀርባው ላይ ጥቅም ላይ ሊውል ይችላል.
ከፊት-መጨረሻ እድገትን አንጻር ሲታይ, JS በጣም አስፈላጊ ነው, ምክንያቱም ድረ-ገጾችን በይነተገናኝ (web interaction) ለማገዝ ይረዳል. እንደ የድምጽ መስጫ ቅስቀሳዎችን, ጥያቄዎች ወይም ቅጽ ማስገባትን የመሳሰሉ አስገራሚ ነገሮችን ማድረግ ይችላሉ.
በአሁኑ ጊዜ የድረ-ገጾችዎን ወደሚቀጥለው ደረጃ ለመያዝ እንዲያግዙዎ በርካታ የ JS ቤተመጻሕፍት አሉ.
ሆኖም ግን, የፊት-ዳር ገንቢ ለመሆን, መሰረታዊ የጃቫስክሪፕት እና በጣም የታወቀው የ JS ቤተ-መጽሐፍትን - jQuery ን መረዳት ብቻ ነው.
ኒዮ-ሆ ሆድስ
እነዚህን መሰረታዊ ነገሮች ካስወገዱ በኋላ እነዚህ ጥሩ የሚባሉ ክህሎቶች ናቸው. (እና በርካታ የቅድመ-ማኑህ የሥራ እድሎች እነሱን ይፈልጓቸዋል.)
ኤም.ቪ * የጃቫስክሪፕት መዋቅር
የጃቫስክሪፕት ማዕቀፍ ኮድዎን እንዲያደራጁ እና እንዲያኮራኑ ያግዝዎታል.
እስከ MV * (ወይም MVC) አማራጮች የሚሄዱት, እዚያ ያሉት ሠላሳ እዚያ አሉ; ከሁሉም በጣም ታዋቂው ጀርባ ቦርድ. Js እና angular.js.
የ JS መዋቅሩን መማር እውነተኛው የፊት-ዳር ገንቢ ለመሆን በጣም የከፋው ክፍል ቢሆንም, ግን ክህሎቶቹን ወደ ቀጣዩ ደረጃ ለመውሰድ ምርጡ መንገድ ነው.
የሲኤስኤስ መሣሪያዎች
ከዚህ በላይ ካለው የጃቫስክሪፕት ማዕቀፍ ጋር ሲነጻጸር, ከታች የሲ.ኤስ.ኤስ. መሳሪያዎች ለመማር በአንፃሩ ቀላል ናቸው. ለመፈለግ ሶስት ዓይነቶች አሉ:
ቅድመ ማቀናበሪያዎች (ኮንዶሚኒየርስ): የኮድ ማጽዳት (ደካማ) ወደ ድርጅታዊ ድርጅት (ዲጂታል) አሠራር ከማድረግ አንፃር ቅድመ ማቀናበሪያ (ወይም ቅድመ-ፕሮሴተር) መጠቀም ብዙ ጥቅሞች አሉት. CSS ለመጻፍ እና DRY (ራስን መድገም) መርሆዎች ማበረታታት ቀላል መንገድ ነው. ታዋቂ የሲ.ኤስ.ኤስ ቅድመ መዋሪያዎች Sass, Less እና Stylus ናቸው. ለመጀመር ከጀመሩ, ለመማር ጥረት ያድርጉ.
የሲ.ኤስ.ኤስ. ማዕቀፍ- የሲ.ኤስ.ኤስ. ማእቀፍ የስራዎ ፍሰትዎን በተገቢው ፍርዶች እና ሌሎች የሲ ኤስ ኤል አካላት ውስጥ የበለጠ ለማገዝ ያግዛል. ሁለት የታወቁ ታዋቂ ምሳሌዎች Bootstrap and Foundation.
ምላሽ ሰጪ ንድፍ- ዛሬ, ጣቢያዎ ከሁሉም ጋር ማስተካከያ ማድረግ የሚችልባቸው በርካታ የተለያዩ መሳሪያዎች አሉ. ምላሽ ሰጪ ንድፍ በሁሉም ማያ ገጽ መጠኖች ላይ የሚሰሩ ጣቢያዎችን እንዲገነቡ ያግዝዎታል - ዴስክቶፕ, ጡባዊ እና ስማርትፎን. እንደ Bootstrap and Foundation የመሳሰሉት መሰል ቅርጸቶች በውስጣቸው ምላሽ ሰጪ ንድፍ አሏቸው, ስለዚህ ከእነሱ ውስጥ አንዱን ከተማሩ ያዘጋጁት.
የፊት-መጨረሻ ግንባታ መሣሪያዎች
እንደ ገንቢ የፋይል መጠን ማመቻቸት እና የስራ ፍሰት ውጤታማነትን ማስተዳደር መቻል አለብዎት. እነዚህ መሣሪያዎች ሊረዱዎት ይችላሉ.
ፓኬጅ ማኔጅመንት ሁሉንም ቤተ-መጻሕፍት, ንብረቶች ወዘተ, በተለይ ለትልቅ ፕሮጀክቶች ወይም ከቡድን ጋር አብረው እየሰሩ ከሆነ ለማደራጀት አስቸጋሪ ሊሆን ይችላል.
ሁሉንም ነገር ለመለያየት እና የእርስዎን ዝማኔዎች ምዝግብ ለማስቀመጥ እንደ Bower ያሉ የጥቅል አስተዳዳሪን ይጠቀሙ.
Yeoman.io: አንዳንድ ጊዜ ፕሮጀክቶችን ከመሬት ላይ ማምጣት ችግር ከገጠም, ጁአን በፕሮጀክቶች በፍጥነት ለመጀመር እና ፍሬያማ ሆኖ ለመቆየት ይጠቀሙ. በትእዛዝ መስመር ላይ ይሰራል.
Task Rangers: ፋይሎችን ለመጨፍ እና የስራ ፍሰት ለማሻሻል በትርጉም መስመር ላይ የሚሠራውን Grunt ወይም Gulp ን ይጠቀሙ. ለ Sass ወይም ለቅድመ-ፕሮሴክተሮች እንደ ኮምፖልተር ሊሆኑ ይችላሉ, እንዲሁም ሌሎች ባህሪያት በጉርሻዎች የተሞሉ ሰፋሪዎች አሉት.
ማጠቃለያ
ብዙ ሃብትን መስለው ቢታዩም በጊዜ ሂደት ሊጨመሩ የሚገባዎትን ክህሎቶች ያስቡ. ማወቅ ያለብዎት ዋና ዋና ነገሮች HTML, CSS እና ጃቫስክሪፕት ናቸው.
ሌሎች የድረ-ገጽ ክህሎቶች ካለዎት, ከፊት-መጨረሻ ጋር ዝምድና ያላቸው ባይሆኑም እንኳ ወደ ጠረጴዛ ይዘው ይምጡ - እንደ ንድፍ, ቪዲዮ አርትዖት, ሶፍትዌተር, ወዘተ. ወዘተ ኩባንያ ምን እንደሚፈልግ አታውቁም.
እና ምን ይገመታ? እርስዎ ፍጹም ምቹ መሆን ይችላሉ.