කෙසේ වෙතත්, ඕනෑම පෙරමුනු සංවර්ධන වැඩපිලිවෙලක් අවශ්ය වනු ඇත - "කේන්ද්රීය" කුසලතා - සහ ඔබ ඔබේ රීටරයට එකතු කිරීම සැලකිය යුතු ලෙස සලකා බැලිය යුතු තවත් කිහිප දෙනෙක්.
ඔබ දැනගත යුතු දේ
පළපුරුදු සංවර්ධකයින්ට දැන ගැනීම සහ අවබෝධ කර ගැනීම සඳහා මූලික දේ සොයා ගැනීමට අන්තර්ජාලය හරහා රැකියා ලැයිස්තුගත කරන්න. ප්රධාන කරුණු තුනක් තිබේ.
බැහැර කළ නොහැක.
ඔවුන්:
- HTML
- CSS
- JavaScript (jQuery)
මේවා මූලධර්ම වේ. වාසනාවකට මෙන්, ඔබ දැනටමත් ඒවා දැන නොසිටි නම් මෙම හැකියාවන් ඉගෙන ගත හැකි නිදහස් හෝ දැරිය හැකි මාර්ගගත ඉගෙනුම් වේදිකා ගොඩක් තිබේ.
HTML
අන්තර්ජාලයේ සියලු වෙබ් අඩවිවල ප්රධාන ව්යුහය වන්නේ HyperText Markup Language හෝ HTML ය. ජෙනිෆර් කිර්නිං පවසන ආකාරයට,
"වෙබ් පිටු වල භාෂාව - වෙබ් බ්රවුසරය වෙබ් පිටු සෑදීම සඳහා කියවිය හැකි සලකුණුකරණයකි."
HTML පිටු නොමැතිව වෙබ් පිටු පැවතිය නොහැක.
CSS
CSS සහ HTML එක්ව ක්රියා කරයි: CSS HTML වලට ශෛලිය එකතු කරයි. HTML යනු මුහුම ආකාරයක් ලෙස භාවිතා කිරීමට මා කැමතිය. CSS යනු මකුළුව වැනි ය.
අන්තර්ජාලය ඔස්සේ වෙබ් අඩවියට පිවිසීමට CSS අවශ්ය වුවද, මූලිකවම සෑම වෙබ් අඩවියකින්ම යම් ආකාරයක මෝස්තරයක් භාවිතා කරයි.
එහෙම නැත්නම්, ඒක ගොඩක් අමාරුයි. CSS වඩාත්ම මෑත සංස්කරණ සමග, සජීවීකරණයන් සහ වඩාත්ම උසස් මෝස්තරයක් වැනි දෑ කළ හැකිය, අතීතයේ දී ජාවාස්ක් හෝ ෆ්ලෑෂ් සමග පමණක් හැකි විය.
JavaScript
JavaScript, හෝ JS, වසර ගණනාවක් පුරා වේගයෙන් ඉදිරියට යමින් තිබේ. වර්තමානයේ බොහෝ අරමුණු ඇත. එය ඉදිරිපස හෝ පිටුපසින් භාවිතා කළ හැකිය.
පෙර නිමවුම් සංවර්ධනය සම්බන්ධයෙන්, JS වැදගත් වේ. වෙබ් පිටු අන්තර්ක්රියාකාරී කිරීමට එය උපකාරී වේ. ඔබ විසින් ජනමත විචාරණ, ප්රශ්න පත්ර හෝ ආකෘති ඉදිරිපත් කිරීම් වැනි අතිමහත් දේවල් කළ හැකිය.
දැන් ඔබේ වෙබ් පිටු ඊළඟ මට්ටමට ගෙන යාමට උදව් කිරීමට JS පුස්තකාල විශාල ප්රමාණයක් තිබේ.
කෙසේ වෙතත්, ඉදිරිපස-අන්ත සංවර්ධකයෙක් වීමට, ඔබට මූලික ජාවාස්ක්රිප්ට් මෙන්ම වඩාත් ජනප්රිය JS පුස්තකාලයද තේරුම් ගත යුතුය - jQuery.
නයිට්-හග්ස්
මූලික කරුණු පහලට බැසීමෙන් පසුව, මේවා අනිවාර්යයෙන් තිබිය යුතු වෙනත් හැකියාවන් වේ. (ඉදිරි සංවර්ධන වැඩ ගොඩක් ඔවුන් සොයා බලයි.)
MV * JavaScript සැකැස්ම
JavaScript කේත රචන ඔබේ සංකේතය සංවිධානය කිරීම සහ ඝණීය කිරීම සඳහා උපකාරී වේ.
MV * (හෝ MVC) විකල්පයන් දක්වා ඇති විට, එහි ඇත්තේ තිහක් පමණි. එනම් වඩාත් ජනප්රිය වන්නේ backbone.js සහ angular.js.
නිසැකවම, ජේඑස් රාමුව ඉගෙනීම යනු සැබෑ ඉදිරිපස මෘදුකාංග සංවර්ධකයෙක් වීමේ භයානකම කොටසයි. නමුත් එය ඔබේ මට්ටමේ ඊළඟ මට්ටමට ගෙන ඒමට හොඳම ක්රමයයි.
CSS මෙවලම්
ඉහත සඳහන් ජාවා මූඩ්ල් රාමු වලට සාපේක්ෂව CSS මෙවලම් ඉගෙන ගැනීමට සාපේක්ෂව පහසුය. සොයා ගැනීම සඳහා වර්ග තුනක් තිබේ:
Precompilers: පූර්ව සම්පාදක (හෝ පෙරවරුවේ) භාවිතා කරමින් සංවිධානය නඩත්තු කිරීම සඳහා කේත පිරිසිදු කරන්නෙකුගෙන් වාසි බොහොමයක් ඇත. CSS ලිවීම පහසු වන අතර එය DRY (Do not Repeat Yourself) ප්රවර්ධනය කරයි. ජනප්රිය CSS precompilers Sass, Less, and Stylus වේ. ඔබ පටන් ගත්තොත්, ඉගෙන ගන්න.
CSS රාමුව: CSS රාමු නිර්මාණය කර ඇති ජාල වල සහ අනෙකුත් CSS කොටස් සමඟ ඔබේ වැඩ ප්රවාහය වැඩිදියුණු කිරීමට උපකාරී වේ. ජනප්රිය උදාහරණ දෙකක් වන්නේ Bootstrap සහ Foundation.
අනුකූලතා දක්වන සැලසුම: මේ දිනවල, ඔබගේ වෙබ් අඩවියේ සියලූම ඒවාට අනුවර්තනය වීමට හැකි විවිධ ආකාරයේ උපකරණ තිබේ. ප්රතිචාරාත්මක මෝස්තරය, සියලු තිර ප්රමාණයන් මත වැඩ කරන අඩවි ගොඩනඟා ගැනීමට - ඩෙස්ක්ටොප්, ටැබ්ලටරය සහ ස්මාර්ට්ෆෝන්. Bootstrap සහ Foundation වැනි Frameworks වැනි ආකර්ෂණීය මෝස්තර නිර්මාණය කර ඇත. එබැවින් ඔබ ඒවායින් එකක් ඉගෙන ගත්තොත්, ඔබ සැකසෙනු ඇත.
පෙර-අවසානයි ගොඩ නැගු මෙවලම්
සංවර්ධකයෙකු ලෙස, ඔබ ගොනු විශාලත්වය ප්රශස්තිකරණය සහ කාර්ය ප්රවාහ කාර්යක්ෂමතාව කළමනාකරණය කළ යුතුය. මෙම මෙවලම් උදව් විය හැක.
ඇසුරුම් කළමණාකරණය: විශේෂයෙන් විශාල ව්යාපෘති සඳහා හෝ කණ්ඩායමක් සමඟ වැඩ කරන විට, පුස්තකාල, වත්කම් සහ වෙනත් දේවල් සංවිධානය කිරීම අපහසු විය හැකිය.
සියල්ලම බාරුක් වැනි පැකේජ කළමණාකරුවෙක් භාවිතා කරන්න, සියල්ල ඉවත් කර ඔබගේ යාවත්කාලීන සටහන් තබා ගන්න.
Yeoman.io: සමහර විට ඔබ බිම් වලින් ව්යාපෘති ලබා ගැනීමේ අපහසුතාවයක් තිබේ නම්, ව්යාපෘති සමඟ ඉක්මණින් ආරම්භ කිරීමට හා ඵලදායීව කටයුතු කිරීමට Yeoman භාවිතා කරන්න. එය විධාන රේඛාවේ ක්රියාත්මක වේ.
කාර්යය ධාවකයන්: ලිපිගොනු සම්පීඩනය කිරීම සහ කාර්යය ප්රශස්තකරණය කිරීම සඳහා ද විධාන රේඛාවේ ක්රියාත්මක වන Grunt හෝ Gulp භාවිතා කරන්න. සස් සඳහා සැම්සර් හෝ අඩු සැකසුම්කරුවන් සඳහා සංයුක්ත තැටි ලෙස ක්රියා කළ හැකි අතර, තවත් විශේෂාංග රැසක් පුලුල් පරාසයක ප්ලැටිනම් ඇත.
නිගමනය
සීඝ්රයෙන් සීඝ්රයෙන් සිදු වන බවක් පෙනෙන්නට තිබුණත්, බොහෝ කලක් තිස්සේ ඔබ එකතු කළ යුතුය. ඔබ දැනගත යුතු මූලික දේ වන්නේ HTML, CSS සහ JavaScript.
ඔබට වෙනත් වෙබ් කුසලතා තිබේ නම්, ඔවුන් ඉදිරිපස-අන්ත සම්බන්ධයක් නොතිබුණත්, ඒවා සැලසුම් කිරීම, වීඩියෝ නිර්මාණය, SEO වැනි යනාදියයි. ඔවුන් සමාගම සොයන්නේ කුමක් ද කියා ඔබ නොදන්නවා ඇත .
මොකක්ද? ඔබ පරිපූර්ණ විය හැකිය.