சிங்கப்பூரில் வலை வடிவமைப்பு டியூஷன்
சிங்கப்பூரில் வலை வடிவமைப்பு டியூஷன் என்பது வலைத்தளங்களை வடிவமைக்கவும் கட்டவும் காட்சி மற்றும் முன்-முனை திறன்களில் கைகளால் செய்யும் பயிற்சியாகும் — வடிவமைப்புக் கொள்கைகள், HTML மற்றும் CSS, பதிலளிக்கும் தளவமைப்பு, மற்றும் Figma மற்றும் குறியீடு-இல்லாத கட்டுபவர்கள் போன்ற கருவிகள். கற்பவர்கள் பள்ளி, இன்டர்ன்ஷிப் அல்லது தொழில்-மாற்ற விண்ணப்பங்களுக்கு ஒரு போர்ட்ஃபோலியோ வலைத்தளத்துடன் முடிக்கின்றனர்.
Last updated May 2026
வலை வடிவமைப்பு, எளிய சொற்களில்
வலை வடிவமைப்பு டியூஷன் உண்மையில் எதை உள்ளடக்குகிறது
சிங்கப்பூரில் வலை வடிவமைப்பு டியூஷன் வலைத்தளங்களை வடிவமைக்கவும் கட்டவும் காட்சி மற்றும் முன்-முனை திறன்களைக் கற்பிக்கிறது: வடிவமைப்புக் கொள்கைகள், HTML மற்றும் CSS, பதிலளிக்கும் தளவமைப்பு, மற்றும் Figma, Adobe Creative Cloud மற்றும் குறியீடு-இல்லாத கட்டுபவர்கள் போன்ற கருவிகள். இது NP, NYP, RP, SP மற்றும் TP-இல் உள்ள பாலிடெக்னிக் வடிவமைப்பு மற்றும் கம்ப்யூட்டிங் டிப்ளோமாக்களை நிறைவு செய்கிறது, மேலும் SkillsFuture Credit, IMDA TeSA டிஜிட்டல் பாதைகள் மற்றும் WSQ-வரைபடமிடப்பட்ட திறன் மேம்பாட்டைப் பயன்படுத்தும் வயதுவந்தோருக்கு ஆதரவளிக்கிறது — O-Level Computing 7155 போர்ட்ஃபோலியோ வேலையை விரிவுபடுத்தும் இடைநிலை மாணவர்கள், பொழுதுபோக்காளர்கள், மற்றும் சிங்கப்பூர் சந்தைக்கு போர்ட்ஃபோலியோவை கட்டியெழுப்பும் தொழில் மாற்றுபவர்களுக்கு பயனுள்ளது.
- 01வடிவமைப்புக் கொள்கைகள்: தளவமைப்பு, எழுத்துரு, நிறம்
- 02HTML மற்றும் CSS அடிப்படைகள்
- 03பதிலளிக்கும் மற்றும் மொபைல்-முதல் வடிவமைப்பு
- 04Figma மாதிரிகளிலிருந்து கட்டுதல்
- 05குறியீடு-இல்லாத கட்டுபவர்கள் (WordPress, Webflow)
- 06போர்ட்ஃபோலியோ வலைத்தளத் திட்டம்
நாம் கற்பிக்கும் திறன்கள்
எங்கள் சிங்கப்பூர் பயிற்சி உள்ளடக்கும் வலை வடிவமைப்பு திறன்கள்
வெறுமையான Figma பலகையிலிருந்து நேரடி, பதிலளிக்கும் தளம் வரை
வடிவமைப்பு அடித்தளங்கள்
சரியாகத் தோற்றமளிக்கச் செய்தல்
தளவமைப்பு மற்றும் கட்டங்கள்; எழுத்துருவியல்; நிறம் மற்றும் முரண்பாடு; காட்சி படிநிலை மற்றும் UX அடிப்படைகள்
HTML & CSS
பக்கத்தை கட்டியெழுப்புதல்
HTML கட்டமைப்பு; CSS ஸ்டைலிங்; Flexbox மற்றும் கட்டம்; பதிலளிக்கும் பிரேக்பாயிண்டுகள்
கருவிகள் & திட்டம்
மாதிரியிலிருந்து வெளியீடு வரை
Figma மாதிரிகள்; குறியீடு-இல்லாத கட்டுபவர்கள் (WordPress/Webflow); அணுகல் அடிப்படைகள்; போர்ட்ஃபோலியோ வலைத்தளம் உருவாக்குதல்
தொடக்கநிலை முதல் போர்ட்ஃபோலியோ-தயார் வரை
வலை வடிவமைப்பு திறன் பாதை
தொடக்க நிலை முதல் போர்ட்ஃபோலியோ-தயார் வரையிலான திறமை கட்டங்கள் (திறன்-அடிப்படையில், MOE நிலை அல்ல)
- 1
அடித்தளம்
வடிவமைப்புக் கொள்கைகள் — தளவமைப்பு, எழுத்துருவியல், நிறம், முரண்பாடு மற்றும் காட்சி படிநிலை.
- 2
கட்டுதல் அடிப்படைகள்
உண்மையான பக்க தளவமைப்புகளுக்கு Flexbox மற்றும் கட்டம் உட்பட HTML கட்டமைப்பு மற்றும் CSS ஸ்டைலிங்.
- 3
பதிலளிக்கும் & கருவிகள்
மொபைல்-முதல் பிரேக்பாயிண்டுகள், Figma மாதிரிகள் மற்றும் குறியீடு-இல்லாத கட்டுபவர்களுக்கு ஒரு அறிமுகம்.
- 4
போர்ட்ஃபோலியோ திட்டம்
மாதிரியிலிருந்து வெளியீடு வரை ஒரு முழுமையான பதிலளிக்கும் வலைத்தளத்தை வடிவமைத்தல் மற்றும் கட்டியெழுப்புதல்.
- 5
மெருகூட்டல் & அணுகல்
பள்ளி அல்லது முதலாளி மீள்பார்வைக்கு அணுகல் அடிப்படைகள், செயல்திறன் மற்றும் வழங்குதல் தரம்.
உறுதியளிப்பதற்கு முன்
வலை வடிவமைப்பு கற்பவர்கள் முதலில் எடைபோடுவது
இங்கு போர்ட்ஃபோலியோ சான்றிதழைத் தாண்டுகிறது
சிங்கப்பூர் வலைச் சந்தையில், ஒரு நேரடி, பதிலளிக்கும் போர்ட்ஃபோலியோ தளம் ஒரு பாடநெறி சான்றிதழை விட அதிகம் காட்டுகிறது. பள்ளிகள், முதலாளிகள் அல்லது ஃப்ரீலான்ஸ் வாடிக்கையாளர்களுக்கு நீங்கள் காட்டக்கூடிய ஒரு உண்மையான திட்டத்தை வழங்குவதைச் சுற்றி பாடங்கள் கட்டமைக்கப்பட்டுள்ளன.
வலை வடிவமைப்பு மற்றும் வலை மேம்பாடு வேறுபடுகின்றன
வலை வடிவமைப்பு தோற்றம், தளவமைப்பு மற்றும் முன்-முனை HTML/CSS-இல் கவனம் செலுத்துகிறது; வலை மேம்பாடு நிரலாக்கம் மற்றும் பின்-முனை தர்க்கத்திற்குள் ஆழமாகச் செல்கிறது. ஒரு கற்றல் திட்டத்திற்கு உறுதியளிப்பதற்கு முன் நீங்கள் எந்த விளைவை விரும்புகிறீர்கள் என்பதை அறிந்துகொள்ளுங்கள்.
மொபைல்-முதல் இயல்புநிலை
சிங்கப்பூரில் பெரும்பாலான வலை போக்குவரத்து மொபைலில் உள்ளது. பிற்சேர்க்கையாக சேர்க்கப்படாமல், ஆரம்பத்திலிருந்தே பதிலளிக்கும், மொபைல்-முதல் தளவமைப்பு கற்பிக்கப்படுகிறது.
குறியீடு-இல்லாத கருவிகளுக்கும் வடிவமைப்பு அடிப்படைகள் தேவை
WordPress அல்லது Webflow போன்ற கருவிகள் கட்டுவதை வேகப்படுத்துகின்றன, ஆனால் தளவமைப்பு, எழுத்துருவியல் மற்றும் படிநிலை தீர்ப்பை மாற்ற முடியாது. வடிவமைப்பு அடித்தளங்களைத் தவிர்ப்பது வேலை செய்கின்ற ஆனால் அமெச்சூராகத் தோன்றும் தளங்களை உருவாக்குகிறது.
கையால் குறியீடு vs குறியீடு-இல்லாத
கையால் குறியீடு, குறியீடு-இல்லாத அல்லது கலப்பு — பாதைகள் எவ்வாறு ஒப்பிடப்படுகின்றன
உங்கள் இலக்குக்கு சரியான அணுகுமுறையைத் தேர்ந்தெடுத்தல்
| Approach | Best for | Control & depth | Speed to first site |
|---|---|---|---|
| கையால் குறியீடு செய்யப்பட்ட HTML/CSS | போர்ட்ஃபோலியோ வலிமை மற்றும் முன்-முனை பணிகள் | உயர்ந்த கட்டுப்பாடு மற்றும் புரிதல் | மெதுவான |
| குறியீடு-இல்லாத (WordPress/Webflow) | விரைவான வெளியீடு, பொழுதுபோக்காளர்கள், சிறு வணிகம் | குறைந்த கட்டுப்பாடு, வேகமான வெளியீடு | வேகமான |
| கலப்பு (Figma + குறியீடு) | வடிவமைப்பு-முதல்-கட்டுதல் பணிப்பாய்வு திறமை | சமச்சீர் வடிவமைப்பு மற்றும் கட்டுதல் திறன் | மிதமான |
நாம் வழிகாட்டுபவர்கள்
சிங்கப்பூரில் வலை வடிவமைப்பு டியூஷன் யாருக்கானது
உங்கள் தொடக்கப் புள்ளி மற்றும் இலக்குக்கு வழிகாட்டியையும் திட்டத்தையும் பொருத்துகிறோம்
இடைநிலை & JC மாணவர்கள்
பள்ளி, CCA, அல்லது பாலிடெக்னிக் அல்லது பல்கலைக்கழகத்திற்கு முன் ஆரம்ப போர்ட்ஃபோலியோ ஆர்வத்திற்கு ஒரு திட்டத்தை உருவாக்குகிறார்கள்.
- பூஜ்யம் குறியீட்டிலிருந்து தொடங்குதல்
- திட்டங்கள் தொழில்முறையாகத் தோற்றமளிக்கச் செய்தல்
- பதிலளிக்கும் தளவமைப்பு அடிப்படைகள்
பாலிடெக்னிக் & ITE மாணவர்கள்
தொகுதிகள், இன்டர்ன்ஷிப்கள் மற்றும் வடிவமைப்பு-பாடநெறி விண்ணப்பங்களுக்கு வடிவமைப்பு அல்லது IT போர்ட்ஃபோலியோவை வலுப்படுத்துகிறார்கள்.
- போர்ட்ஃபோலியோ-தரம் வாய்ந்த திட்டங்கள்
- Figma-முதல்-குறியீடு பணிப்பாய்வு
- அணுகல் மற்றும் தரநிலைகள்
தொழில் மாற்றுபவர்கள்
வலை அல்லது வடிவமைப்பு வேலையை நோக்கி நகரும் பணியில் உள்ள வயதுவந்தோர், பகுதி நேரத்தில் போர்ட்ஃபோலியோ-தயார், வேலைக்குப் பொருந்தும் திறன்கள் தேவை.
- முழுநேர வேலையைச் சுற்றி கற்றல்
- வேகமாக நம்பத்தகுந்த போர்ட்ஃபோலியோ
- எந்தக் கருவிகள் முக்கியம் என்பதை அறிதல்
சிறு-வணிக உரிமையாளர்கள் & பொழுதுபோக்காளர்கள்
ஒரு ஏஜென்சியை முழுமையாக சார்ந்திராமல் தங்கள் சொந்த தளத்தை வடிவமைக்க மற்றும் பராமரிக்க விரும்புபவர்கள்.
- குறியீடு-இல்லாத vs குறியீட்டைத் தேர்ந்தெடுத்தல்
- மொபைல்-நட்பு வடிவமைப்பு
- தளத்தை தாங்களே பராமரித்தல்
கைவினைக்குள்
ஒரு வலைப் பக்கம் உண்மையில் எவ்வாறு வடிவமைக்கப்பட்டு கட்டப்படுகிறது
வேண்டுமென்றே தோற்றமளிக்கும் ஒரு தளத்தின் பின்னணியில் உள்ள பணிப்பாய்வு மற்றும் முடிவுகள்.
நாம் கற்பிக்கும் மொபைல்-முதல் கட்டுமான முறை
பெரும்பாலான தொடக்கநிலையாளர்கள் ஒரு டெஸ்க்டாப் தளத்தை வடிவமைத்து, பின்னர் அதை ஒரு போனில் அடைக்க போராடுகிறார்கள். நாம் அதைத் தலைகீழாக்குகிறோம். பெரும்பாலான சிங்கப்பூர் வலை போக்குவரத்து மொபைலில் இருப்பதால், ஒவ்வொரு தளவமைப்பு முடிவும் நேர்மையாக இருக்க கட்டாயப்படுத்தப்படும் மிகக் குறுகிய காட்சிப் பகுதியில் தொடங்குகிறோம், பின்னர் டேப்லெட் மற்றும் டெஸ்க்டாப்பிற்காக படிப்படியாக மேம்படுத்துகிறோம்.
- 1
முதலில் மொபைல் தளவமைப்பை வரையுங்கள்
எந்தக் குறியீட்டையும் திறப்பதற்கு முன் 375px-அகல போனுக்காக ஒற்றை-நெடுவரிசை அடுக்கை — தலைப்பு, ஹீரோ, உள்ளடக்கம், செயல்-அழைப்பு — வரையறுக்கவும். அது ஒரு நெடுவரிசையில் நன்றாகப் படித்தால், மற்றவை கூட்டலே.
- 2
சொற்பொருள் HTML-ஐ மார்க்அப் செய்யுங்கள்
எந்த ஸ்டைலிங்கும் தொடுவதற்கு முன் உள்ளடக்கத்திற்கு ஒழுங்கும் பொருளும் இருக்கும்படி பொருள்வாய்ந்த குறிச்சொற்களுடன் (header, nav, main, section, footer) பக்க கட்டமைப்பை எழுதுங்கள்.
- 3
அடிப்படையை ஸ்டைல் செய்து, பின்னர் பிரேக்பாயிண்டுகளைச் சேர்க்கவும்
மீடியா வினவல் இல்லாமல் மொபைல் ஸ்டைல்களைப் பயன்படுத்துங்கள், பின்னர் திரை வளரும்போது பல-நெடுவரிசை தளவமைப்பு, பெரிய எழுத்துரு மற்றும் அதிக வெண்வெளியை அறிமுகப்படுத்த min-width பிரேக்பாயிண்டுகளை அடுக்குங்கள்.
- 4
சரியான இடத்தில் தளவமைப்பை Flexbox அல்லது கட்டமாக மாற்றவும்
ஒரு அடுக்கப்பட்ட கார்டு பட்டியலை — பொதுவாக டேப்லெட் மேலே — இடம் இருக்கும் பிரேக்பாயிண்டில் மட்டுமே பதிலளிக்கும் கட்டமாக மாற்றுங்கள், இதனால் போன் காட்சி தூய்மையாக இருக்கும்.
- 5
உலாவியில் மட்டுமல்ல, உண்மையான சாதனத்தில் சோதிக்கவும்
உள்ளூர் வலைப்பின்னல் வழியாக ஒரு உண்மையான போனில் தளத்தைத் திறக்கவும். தட்டும் இலக்குகள், எழுத்துரு அளவுகள் மற்றும் ஸ்க்ரோல் நடத்தை, ஒரு டெஸ்க்டாப் முன்னோட்டம் மறைக்கும் சிக்கல்களை வெளிப்படுத்துகின்றன.
ஒரு ஹீரோ கார்டை மையப்படுத்துதல், நாம் கற்பிக்கும் வழியில்
The problem
ஒரு தொடக்கநிலையாளர் ஒரு முழு-உயர பகுதிக்குள் ஒற்றை 'ஹீரோ' கார்டை கிடைமட்டமாகவும் செங்குத்தாகவும் மையப்படுத்த விரும்புகிறார், உரையும் அடுக்கி மையப்படுத்தப்பட்டிருக்க வேண்டும். அவர்கள் margin: auto-ஐ முயற்சித்தனர், கார்டு மேல்-இடதில் அமர்ந்துள்ளது. தூய்மையான, நவீன தீர்வு என்ன?
Worked solution
- 1பகுதியை ஒரு ஃப்ளெக்ஸ் கொள்கலனாக்கி அதற்கு காட்சிப்பகுதி உயரத்தைக் கொடுங்கள்: பகுதிக்கு display: flex மற்றும் min-height: 100vh கிடைக்கிறது.
- 2முதன்மை (கிடைமட்ட) அச்சில் கார்டை justify-content: center-உடன் மையப்படுத்துங்கள்.
- 3குறுக்கு (செங்குத்து) அச்சில் align-items: center-உடன் மையப்படுத்துங்கள் — இந்த இரண்டு வரிகளும் சேர்ந்து கார்டை இரு திசைகளிலும் மையப்படுத்துகின்றன, இதை margin: auto மட்டும் செங்குத்தாக செய்ய முடியாது.
- 4கார்டுக்குள், தலைப்பு, உரை மற்றும் பொத்தானை அடுக்கி மையப்படுத்த display: flex; flex-direction: column; align-items: center அமைக்கவும்.
- 5கார்டுக்குள் பல-வரி உரை மையப்படுத்தப்பட்டு படிக்க text-align: center-ஐ சேர்க்கவும், மேலும் அகலமான திரைகளில் வரி நீளம் வசதியாக இருக்க கார்டில் ஒரு max-width-ஐ சேர்க்கவும்.
Answer: justify-content: center மற்றும் align-items: center கொண்ட ஒரு ஃப்ளெக்ஸ் பெற்றோர், கூடவே ஒரு நெடுவரிசை-ஃப்ளெக்ஸ் கார்டு — ஒவ்வொரு திரை அளவிலும் தாங்கும் ஐந்து வரிகள்.
மையப்படுத்துதல் என்பது தொடக்கநிலையாளர்கள் சிக்கிக்கொள்ளும் மிகப் பொதுவான ஒரே விஷயம். Flexbox ஒரு முதன்மை அச்சையும் ஒரு குறுக்கு அச்சையும் கட்டுப்படுத்துகிறது என்பதை நீங்கள் புரிந்தவுடன், செங்குத்து மையப்படுத்துதல் ஒரு புதிராக இருப்பதை நிறுத்தி இரண்டு கணிக்கக்கூடிய வரிகளாக மாறுகிறது.
நாம் கற்பவர்களை அமைக்கும் வலை வடிவமைப்பு கருவித்தொகுப்பு
திறன்கள் நேரடியாக ஒரு சிங்கப்பூர் ஸ்டுடியோ, ஏஜென்சி அல்லது ஃப்ரீலான்ஸ் வேலைக்கு மாற்றப்படும் வகையில் தொழில்-தரநிலை, பெரும்பாலும் இலவச கருவிகளை வேண்டுமென்றே கற்பிக்கிறோம் — ஒரு குறிப்பிட்ட தளத்திற்குப் பின்னால் பூட்டப்பட்டது எதுவும் இல்லை.
Figma
பெரும்பாலான சிங்கப்பூர் ஸ்டுடியோக்கள் மற்றும் தயாரிப்பு குழுக்கள் பயன்படுத்தும் வடிவமைப்பு மற்றும் முன்மாதிரி கருவி. ஒரு வரி குறியீட்டை எழுதுவதற்கு முன் இங்கு மாதிரிகள், வடிவமைப்பு அமைப்புகள் மற்றும் கூறு நூலகங்களைக் கட்டுகிறோம்.
VS Code
மாற்றங்கள் உலாவியில் உடனடியாகத் தோன்றும் நேரடி-முன்னோட்ட நீட்டிப்புகளுடன் HTML மற்றும் CSS-ஐ கையால் எழுதும் இலவச குறியீடு எடிட்டர்.
Browser DevTools
பெட்டி மாதிரியைப் படிக்க, பதிலளிக்கும் பிரேக்பாயிண்டுகளைச் சோதிக்க மற்றும் தளவமைப்பைப் பிழைதிருத்த உள்ளமைக்கப்பட்ட இன்ஸ்பெக்டர் — மிகவும் குறைவாகப் பயன்படுத்தப்படும் தொடக்கநிலை திறன்.
Git & GitHub
பதிப்புக் கட்டுப்பாடு மற்றும் உங்கள் குறியீட்டிற்கான ஒரு பொது இல்லம். ஒரு நேர்த்தியான GitHub சுயவிவரம் தானே நம்பத்தகுந்த சிங்கப்பூர் போர்ட்ஃபோலியோவின் ஒரு பகுதி.
WordPress அல்லது Webflow
விரைவான வாடிக்கையாளர் தளங்களுக்கான குறியீடு-இல்லாத மற்றும் குறைந்த-குறியீடு கட்டுபவர்கள், வடிவமைப்பு அடிப்படைகள் உறுதியானவுடன் அறிமுகப்படுத்தப்படுகின்றன, இதனால் வெளியீடு இன்னும் வேண்டுமென்றே தோற்றமளிக்கிறது.
Netlify அல்லது GitHub Pages
உங்கள் போர்ட்ஃபோலியோ தளத்தை ஒரு உண்மையான, பகிரக்கூடிய URL-இல் வைக்கும் இலவச ஹோஸ்டிங் — கோப்புகளின் கோப்புறைக்கும் ஒரு முதலாளிக்கு அனுப்பக்கூடிய ஒன்றுக்கும் இடையிலான வேறுபாடு.
வேலையை மதிப்பிடுதல்
ஒரு அமெச்சூர் தளத்தை ஒரு தொழில்முறை தளத்திலிருந்து எது பிரிக்கிறது
ஒரு சிங்கப்பூர் போர்ட்ஃபோலியோ மீள்பார்வையாளர் உண்மையில் பயன்படுத்தும் தரநிலைகள்.
ஒரு போர்ட்ஃபோலியோ தளம் முதிர்ச்சியடையும்போது நாம் அதை எவ்வாறு மதிப்பிடுகிறோம்
ஒரு பாலிடெக்னிக் ஆசிரியர், பணியமர்த்தும் மேலாளர் அல்லது ஃப்ரீலான்ஸ் வாடிக்கையாளர் பயன்படுத்தும் அதே பரிமாணங்களுக்கு எதிராக ஒவ்வொரு திட்டத்தையும் மதிப்பிடுகிறோம். இதுவே ஒரு கற்பவர் ஏறும் ஏணி.
| Criterion | Beginner | Competent | Portfolio-ready |
|---|---|---|---|
| தளவமைப்பு & படிநிலை | கூறுகள் நெருக்கமாக அல்லது சீரற்ற முறையில் வைக்கப்பட்டுள்ளன; தெளிவான மையப்புள்ளி இல்லை. | சீரான இடைவெளி மற்றும் படிக்கக்கூடிய கட்டம்; கண்ணுக்கு எங்கு தொடங்குவது என்று தெரியும். | வேண்டுமென்ற படிநிலை மற்றும் தாளம்; வெண்வெளி தற்செயலாக அல்லாமல் ஒரு வடிவமைப்புத் தேர்வாகப் பயன்படுத்தப்படுகிறது. |
| எழுத்துருவியல் | இயல்புநிலை எழுத்துருக்கள், சீரற்ற அளவுகள், வசதியாகப் படிக்க முடியாத அளவு நீண்ட வரிகள். | ஒரு நியாயமான எழுத்துரு அளவீடு மற்றும் இணைப்பு; வரி நீளம் மற்றும் வரி உயரம் கட்டுப்பாட்டில். | எழுத்துரு பிராண்டைச் சுமக்கிறது; அளவீடு, எடை மற்றும் இடைவெளி உள்ளடக்கத்தின் கட்டமைப்பை வலுப்படுத்துகின்றன. |
| பதிலளிக்கும் தன்மை | ஒரு போனில் உடைகிறது அல்லது வழிகிறது; கிடைமட்ட ஸ்க்ரோலிங் தேவை. | வழிதல் இல்லாமல் போன், டேப்லெட் மற்றும் டெஸ்க்டாப் முழுவதும் தூய்மையாகத் தழுவுகிறது. | புத்திசாலித்தனமாக மறுஓட்டம் செய்கிறது — வழிசெலுத்தல், படங்கள் மற்றும் கட்டங்கள் ஒவ்வொன்றும் சிந்தனையுள்ள வழியில் பதிலளிக்கின்றன. |
| குறியீட்டுத் தரம் | உள்வரிசை ஸ்டைல்கள், நகலெடுக்கப்பட்ட துணுக்குகள், கட்டமைப்பு இல்லை; எதையும் மாற்றுவது கடினம். | சொற்பொருள் HTML, மறுபயன்படுத்தக்கூடிய CSS வகுப்புகள், நியாயமான கோப்பு ஒழுங்கமைப்பு. | ஒரு குழு உறுப்பினர் எடுத்துக்கொள்ளக்கூடிய தூய்மையான, கருத்திடப்பட்ட, பராமரிக்கக்கூடிய குறியீடு — மற்றும் ஒரு நேர்த்தியான Git வரலாறு. |
| அணுகல் | குறைந்த முரண்பாடு, விடுபட்ட alt உரை, பெயரிடப்படாத இணைப்புகள் மற்றும் பொத்தான்கள். | போதுமான நிற முரண்பாடு, படங்களில் alt உரை, விசைப்பலகை-வழிசெலுத்தக்கூடியது. | முழுவதும் WCAG அடிப்படைகளைச் சந்திக்கிறது; ஒரு திரை வாசகர் மற்றும் விசைப்பலகை மட்டுமே கொண்டு சோதிக்கப்பட்டது. |
சிங்கப்பூரில் தொடக்கநிலை வலை வடிவமைப்பாளர்கள் எங்கே மதிப்பெண்களை இழக்கிறார்கள்
ஒரு முதல் அமர்வில் நாம் கண்டறியும் தொடர்ச்சியான பழக்கங்கள் இவை — ஒவ்வொன்றும் கணிக்கக்கூடியது மற்றும் சரிசெய்யக்கூடியது.
டெஸ்க்டாப்-முதல் வடிவமைத்து, பின்னர் தளம் ஒரு போனில் சரிந்துவிடுவதைக் கண்டுபிடித்தல்.
ஆரம்பத்திலிருந்தே மொபைல்-முதல் வடிவமைத்து குறியீடு செய்யுங்கள், பின்னர் பெரிய திரைகளுக்கு வெளியே நோக்கி மேம்படுத்துங்கள்.
ஒவ்வொரு கூறையும் கையால் வைக்க முழுமையான நிலைப்படுத்தலை நாடுதல்.
Flexbox மற்றும் CSS கட்டத்தை இயல்புநிலை தளவமைப்பு கருவிகளாகக் கற்றுக்கொள்ளுங்கள்; உண்மையான மேலடுக்குகளுக்கு நிலைப்படுத்தலை ஒதுக்குங்கள்.
மூச்சு விட இடமில்லாமல் பக்கத்தை விளிம்பு-முதல்-விளிம்பு அடைத்தல்.
வெண்வெளியை ஒரு வேண்டுமென்ற கூறாகக் கருதுங்கள் — சீரான திணிப்பு மற்றும் ஓரங்கள் ஒரு தளத்தை உடனடியாக தொழில்முறையாகத் தோற்றமளிக்கச் செய்கின்றன.
எந்த அமைப்பும் இல்லாமல் தனிப்பட்ட ரசனையால் நிறங்கள் மற்றும் எழுத்துருக்களைத் தேர்வு செய்தல்.
முன்கூட்டியே ஒரு சிறிய தட்டு மற்றும் ஒரு எழுத்துரு அளவீட்டை வரையறுத்து, பின்னர் முழு தளத்திலும் அவற்றைச் சீராகப் பயன்படுத்துங்கள்.
அணுகலைப் புறக்கணித்தல் — குறைந்த முரண்பாடு, alt உரை இல்லை, சிறிய தட்டும் இலக்குகள்.
நீங்கள் செல்லும்போதே முரண்பாடு சோதனைகள், alt உரை மற்றும் விசைப்பலகை வழிசெலுத்தலை உருவாக்குங்கள்; பின்னர் பொருத்துவது மிகவும் கடினம்.
உள்ளூர் சித்திரம்
சிங்கப்பூர் சந்தை மற்றும் படிப்புப் பாதைகளில் வலை வடிவமைப்பு
சிங்கப்பூரின் பள்ளிகள், நிதியளிப்பு மற்றும் வேலைச் சந்தைக்கு வலை வடிவமைப்பு எவ்வாறு பொருந்துகிறது
சிங்கப்பூரில் வலை வடிவமைப்பு முறையான படிப்பு, அரசு-ஆதரவு திறன் மேம்பாடு மற்றும் ஃப்ரீலான்ஸ் வேலை முழுவதும் அமர்ந்துள்ளது — ஒரு கற்றல் திட்டத்தைத் தேர்ந்தெடுப்பதற்குப் பயனுள்ள சூழல்.
O-Level Computing 7155
GCE O-Level Computing (பாடத்திட்டம் 7155) எடுக்கும் இடைநிலை மாணவர்கள் Python மற்றும் கம்ப்யூட்டிங் அடிப்படைகளைக் கட்டுகிறார்கள்; ஒரு சுயமாகக் கட்டப்பட்ட பதிலளிக்கும் வலைத்தளம் பரந்த போர்ட்ஃபோலியோவை வலுப்படுத்தி, தேர்வைத் தாண்டி பயன்படுத்தப்பட்ட முன்-முனை திறனைக் காட்டுகிறது.
பாலிடெக்னிக் வடிவமைப்பு டிப்ளோமாக்கள்
முன்-முனை மற்றும் வடிவமைப்பு திறன்கள் NYP-இன் Diploma in Communication & Motion Design, Temasek Poly-வின் Diploma in Communication Design, SP மற்றும் NP வடிவமைப்பு டிப்ளோமாக்கள் போன்ற பாடநெறிகளுக்கான விண்ணப்பங்களுக்கு ஆதரவளிக்கின்றன — இவை அனைத்தும் ஒரு விண்ணப்பதாரரின் போர்ட்ஃபோலியோவை எடைபோடுகின்றன.
வயதுவந்தோருக்கு SkillsFuture & WSQ
25 வயது மற்றும் அதற்கு மேற்பட்ட சிங்கப்பூரர்கள் S$500 SkillsFuture Credit (இடைநிலை-தொழில் கற்பவர்களுக்கு அதிகம்) பெறுகிறார்கள், இது அங்கீகரிக்கப்பட்ட WSQ-சான்றளிக்கப்பட்ட பாடநெறிகளில் பயன்படுத்தக்கூடியது; தனியார் ஒன்றுக்கு-ஒன்று பயிற்சி தனிப்பயனாக்கப்பட்ட வழிகாட்டுதலுக்காக இவற்றுடன் நன்றாக இணைகிறது.
IMDA TeSA டிஜிட்டல் பாதை
NTUC, WSG மற்றும் SSG உடனான ஒரு முத்தரப்பு IMDA முயற்சியான TechSkills Accelerator, மென்பொருள் பொறியியல் உட்பட தொழில்நுட்ப மறுதிறன்மேம்பாட்டிற்கு ஆதரவளிக்கிறது — வலை மற்றும் தயாரிப்பு வேலைக்கு நீண்ட நகர்வைத் திட்டமிடும் தொழில் மாற்றுபவர்களுக்கான சூழல்.
ஃப்ரீலான்ஸ் & சிறு-வணிக தேவை
பல சிங்கப்பூர் SME-கள் மற்றும் ஹாக்கர்கள் ஒரு தூய்மையான, மொபைல்-நட்பு தளம் அல்லது லேண்டிங் பக்கத்தை விரும்புகிறார்கள்; ஒரு வலுவான போர்ட்ஃபோலியோ ஒரு முழுநேர பணிக்கு பக்கத்தில் அல்லது முன் நிலையான ஃப்ரீலான்ஸ் மற்றும் திட்ட வேலையைத் திறக்கிறது.
Why Eduprime
வலை வடிவமைப்புக்கு கற்பவர்கள் Eduprime-ஐ ஏன் தேர்வு செய்கிறார்கள்
ஒரு பொதுவான ஆன்லைன் பாடநெறியிலிருந்து உண்மையான பயிற்சியாளர் வழிகாட்டுதலை எது பிரிக்கிறது
ஸ்லைடுஷோ ஆசிரியர்கள் அல்ல, பணியில் உள்ள வலை பயிற்சியாளர்கள்
சிங்கப்பூர் வாடிக்கையாளர்களுக்காக உண்மையான தளங்களை வடிவமைத்து வழங்கும் வழிகாட்டிகள் — எனவே ஒரு பாடநெறி வீடியோ ஒருபோதும் காட்டாத முடிவுகளையும் குறுக்குவழிகளையும் நீங்கள் கற்றுக்கொள்வீர்கள்.
கோட்பாடு-முதல் அல்ல, திட்டம்-முதல்
நீங்கள் கற்கும்போதே ஒரு உண்மையான, பதிலளிக்கும் போர்ட்ஃபோலியோ தளத்தை உருவாக்குகிறீர்கள், எனவே ஒவ்வொரு கருத்தும் நீங்கள் உண்மையில் காட்டக்கூடிய ஒன்றில் இறங்குகிறது.
உங்கள் இலக்குக்கு பொருத்தப்பட்ட திட்டம்
மாணவர் போர்ட்ஃபோலியோ, பொழுதுபோக்கு தளம் அல்லது தொழில் மாற்றம் — நீங்கள் எங்கு செல்கிறீர்கள் என்பதைப் பொறுத்து கையால் குறியீடு, குறியீடு-இல்லாத அல்லது கலப்பை நோக்கி பாடத்திட்டத்தைச் சாய்க்கிறோம்.
நீங்கள் காணக்கூடிய முன்னேற்றம்
மைல்கல் மீள்பார்வைகள் மற்றும் ஒரு கட்டுமான பதிவு உங்கள் போர்ட்ஃபோலியோவை டுடோரியல் தடுமாற்றத்தில் நிறுத்தாமல் நகர்த்திக்கொண்டே வைக்கின்றன.
நியாயமான ஊதியம் நல்ல வழிகாட்டிகளைத் தக்கவைக்கிறது
வழிகாட்டிகளுக்கு நியாயமாகவும் சரியான நேரத்திலும் ஊதியம் வழங்கப்படுகிறது, எனவே வலுவானவர்கள் சுழற்சியாகிப் போகாமல் முழு திட்டம் முழுவதும் உங்களுடன் இருக்கிறார்கள்.
தீவு முழுவதும், வீடு அல்லது ஆன்லைன்
சிங்கப்பூர் முழுவதும் நேரில் அல்லது திரை-பகிர்வுடன் நேரடி ஆன்லைன் — உங்கள் அட்டவணை மற்றும் வேகத்திற்கு பொருத்தப்பட்டது.
Lesson formats
எங்களுடன் வலை வடிவமைப்பைக் கற்க வழிகள்
உங்கள் இலக்கு மற்றும் அட்டவணைக்கு பொருந்தும் வடிவத்தைத் தேர்ந்தெடுங்கள்
1-க்கு-1 வீட்டு டியூஷன்
உங்கள் கணினியில் முற்றிலும் தனிப்பயனாக்கப்பட்ட, கைகளால் செய்யும் பயிற்சிக்காக ஒரு பயிற்சியாளர் வழிகாட்டி உங்களிடம் வருகிறார்.
- முழுமையாக தனிப்பயனாக்கப்பட்ட வேகம்
- உங்கள் சொந்த லேப்டாப் மற்றும் அமைப்பில் வேலை
- கவனம் செலுத்திய போர்ட்ஃபோலியோ கட்டுமானத்திற்கு சிறந்தது
- உங்கள் குறியீடு மற்றும் வடிவமைப்பின் நேரடி மீள்பார்வை
1-க்கு-1 ஆன்லைன்
திரை பகிர்வு வழியாக நேரடி ஒன்றுக்கு-ஒன்று, குறியீடு மற்றும் Figma நிகழ்நேரத்தில் மீள்பார்வை செய்யப்படுகிறது.
- வேலை அல்லது பள்ளியைச் சுற்றி நெகிழ்வான நேரம்
- நேரடி பிழைதிருத்தத்திற்கு பகிரப்பட்ட திரை
- பயண நேரம் இல்லை
- அதே பயிற்சியாளர் வழிகாட்டிகள்
சிறு குழு (2–4)
செலவைப் பகிர்ந்துகொள்ளும் ஒரு சிறிய, இலக்கு-பொருந்திய குழு, ஒருவருக்கொருவர் கட்டுமானங்கள் மீது சக விமர்சனத்துடன்.
- ஒரு கற்பவருக்கு குறைந்த செலவு
- சக வடிவமைப்பு விமர்சனம்
- இலக்கு-பொருந்திய குழுவாக்கம்
- கட்டமைக்கப்பட்ட வாராந்திர கட்டுமான சவால்கள்
Fees
சிங்கப்பூரில் வலை வடிவமைப்பு டியூஷன் கட்டணங்கள்
வெளிப்படையான, சந்தை-விலை தொகுப்புகள் — இலவச ஆலோசனைக்குப் பிறகு உறுதிப்படுத்தப்படுகிறது
தொடக்கம்
ஒரு வழிகாட்டியை முயற்சித்து உங்கள் தொடக்கப் புள்ளியைக் கண்டறியுங்கள்
S$200–400
4 sessions · ~S$50–100 / அமர்வு
- இலவச இலக்கு மற்றும் திறன் ஆலோசனை
- தனிப்பயனாக்கப்பட்ட கற்றல் வழித்திட்டம்
- வடிவமைப்பு அடித்தளங்கள் மற்றும் முதல் HTML/CSS கட்டுமானம்
- கருவி அமைப்பு (Figma, VS Code, Git)
போர்ட்ஃபோலியோ பாதை
முடிக்கப்பட்ட தளத்தை நோக்கி தொடர்ச்சியான வாராந்திர பயிற்சி
S$50–100 / hr
மாதந்தோறும் sessions · மாதந்தோறும் கட்டணம்
- வாராந்திர 1-க்கு-1 அல்லது சிறு குழு
- கட்டுமான பதிவு மற்றும் மைல்கல் மீள்பார்வைகள்
- பதிலளிக்கும், கையால் குறியீடு செய்யப்பட்ட போர்ட்ஃபோலியோ திட்டம்
- ஒரு நேரடி URL-க்கு ஹோஸ்டிங் மற்றும் வரிசைப்படுத்தல்
தொழில்-மாற்ற தீவிர பயிற்சி
வேலைக்கு உகந்த போர்ட்ஃபோலியோவை நோக்கி கவனம் செலுத்திய தள்ளுதல்
S$70–130 / hr
நெகிழ்வான sessions · வழிகாட்டி மூப்பின் அடிப்படையில்
- பல-பக்க பதிலளிக்கும் போர்ட்ஃபோலியோ
- Figma-முதல்-குறியீடு பணிப்பாய்வு திறமை
- அணுகல் மற்றும் செயல்திறன் மெருகூட்டல்
- போர்ட்ஃபோலியோ வழங்குதல் மற்றும் குறியீடு மீள்பார்வை
முதல் பாடத்திற்குப் பிறகு பொருத்தம் சரியாக இல்லையெனில் இலவச வழிகாட்டி மறு-பொருத்தம்.
எண்கள் ஒன்றுக்கு-ஒன்று வலை வடிவமைப்பு பயிற்சிக்கான பொதுவான சிங்கப்பூர் சந்தை விகிதங்கள் மற்றும் குறிப்பீட்டுக்கானவை மட்டுமே; உங்கள் சரியான விகிதம் உங்கள் நிலை, வழிகாட்டி அனுபவம், வடிவம் மற்றும் இடத்தைப் பொறுத்தது, மேலும் ஒரு இலவச ஆலோசனைக்குப் பிறகு உறுதிப்படுத்தப்படுகிறது. தொடர்புடைய இடங்களில் GST பொருந்தும். தனியார் டியூஷன் ஒரு SkillsFuture-உரிமை கோரக்கூடிய பாடநெறி அல்ல.
Accountability
வலை வடிவமைப்பு முன்னேற்றத்தை நீங்கள் பார்க்கலாம்
பாடங்களுக்கு இடையில் கற்பவர்களையும் பெற்றோர்களையும் தெரிவித்து வைக்கிறோம் — யூகம் அல்ல, வேகம்
மைல்கல் மீள்பார்வைகள்
ஒவ்வொரு திட்ட கட்டமும் — வடிவமைப்பு, கட்டுமானம், பதிலளிக்கும், மெருகூட்டல் — ஒரு தெளிவான, ஒப்புக்கொள்ளப்பட்ட தரநிலைக்கு எதிராக மீள்பார்வை செய்யப்படுகிறது.
கட்டுமான பதிவு
ஒவ்வொரு அமர்விலும் என்ன கட்டப்பட்டது மற்றும் கற்கப்பட்டது என்பதன் தொடர்ச்சியான பதிவு, எனவே போர்ட்ஃபோலியோவின் முன்னேற்றம் தெரியும்.
திறன் சரிபார்ப்புப் பட்டியல்
எந்த வலை வடிவமைப்பு திறன்கள் — தளவமைப்பு, Flexbox, பதிலளிக்கும், அணுகல் — உறுதியானவை மற்றும் எவை இன்னும் வேலை தேவை.
போர்ட்ஃபோலியோ தயார்நிலை
திட்டம் பள்ளி-விண்ணப்ப அல்லது முதலாளி-மீள்பார்வை தரத்திற்கு எவ்வளவு அருகில் உள்ளது என்பதைப் பற்றிய ஒரு நேர்மையான வாசிப்பு.
Our tutors
திட்டங்களுக்குப் பின்னால் உள்ள வலை வடிவமைப்பு வழிகாட்டிகள்
உங்கள் இலக்கு மற்றும் கற்றல் பாணிக்கு பொருத்தப்பட்ட பணியில் உள்ள பயிற்சியாளர்கள்
- கைகளால் செய்யும் வணிக வலை வடிவமைப்பு மற்றும் முன்-முனை அனுபவம்
- HTML, CSS, பதிலளிக்கும் தளவமைப்பு மற்றும் Figma-இல் சரளம்
- தொடக்கநிலையாளர்கள் மற்றும் தொழில் மாற்றுபவர்களுக்கு வழிகாட்டிய அனுபவம்
- சிங்கப்பூர் போர்ட்ஃபோலியோ மற்றும் ஃப்ரீலான்ஸ் சந்தையுடன் பரிச்சயம்
- Eduprime திரையிடல் மற்றும் ஒரு நடைமுறை கட்டுமான மதிப்பீட்டில் தேர்ச்சி
Mr Tan W.
9+ ஆண்டுகள்
B.Sc Computer Science (NUS); 9+ ஆண்டு முன்-முனை & UI
கையால் குறியீடு செய்யப்பட்ட HTML/CSS, பதிலளிக்கும் தளவமைப்பு, தொழில்-மாற்ற போர்ட்ஃபோலியோக்கள்
“வலை வடிவமைப்பு என்பது CSS பண்புகளை மனப்பாடம் செய்வது என்று தொடக்கநிலையாளர்கள் நினைக்கிறார்கள். அது பக்கத்தை ஒரு தளவமைப்பு சிக்கலாகப் பார்ப்பதைப் பற்றியது — அது புரிந்தவுடன், குறியீடு எளிதாகிறது.”
Ms Chua L.
7 ஆண்டுகள்
Diploma in Communication Design (TP); ஃப்ரீலான்ஸ் வலை & பிராண்ட் வடிவமைப்பாளர்
Figma, வடிவமைப்பு அமைப்புகள், எழுத்துருவியல் மற்றும் காட்சி படிநிலை
“வேலை செய்கின்ற ஆனால் அமெச்சூராகத் தோன்றும் ஒரு தளம் இன்னும் தோல்வியடைகிறது. முதலில் வடிவமைப்பு தீர்ப்பை சரியாகப் பெறுகிறோம், பின்னர் கட்டுமானம் இயல்பாகப் பின்தொடர்கிறது.”
Mr Raj K.
6 ஆண்டுகள்
B.A. Design (NTU ADM); WordPress & Webflow நிபுணர்
குறியீடு-இல்லாத மற்றும் கலப்பு கட்டுமானங்கள், சிறு-வணிக மற்றும் பொழுதுபோக்கு தளங்கள்
“குறியீடு-இல்லாத என்பது ஒரு சக்திவாய்ந்த கருவி, ரசனையைச் சுற்றி ஒரு குறுக்குவழி அல்ல. உரிமையாளர்கள் உண்மையிலேயே பெருமையுடன் பகிரக்கூடிய ஒரு தளத்தை வழங்கக் கற்பிக்கிறேன்.”
What families say
எங்கள் வலை வடிவமைப்பு பயிற்சி பற்றி சிங்கப்பூர் கற்பவர்கள் என்ன சொல்கிறார்கள்
நாங்கள் வேலை செய்த கற்பவர்களின் பிரதிநிதித்துவ அனுபவங்கள்
நான் பூஜ்யம் குறியீட்டுடன் தொடங்கினேன், இது என் தலைக்கு மேல் இருக்கும் என்று நினைத்தேன். என் வழிகாட்டி ஒரு உண்மையான திட்டத்தைச் சுற்றி அனைத்தையும் கட்டினார், மேலும் என் பாலிடெக்னிக் விண்ணப்பத்தில் பயன்படுத்திய ஒரு பதிலளிக்கும் போர்ட்ஃபோலியோ தளத்துடன் முடித்தேன்.
Wei Jie L.
இடைநிலை 4 மாணவர் · Bishan · 1-க்கு-1 ஆன்லைன்
ஒரு முழுநேர வேலையைச் சுற்றி கற்கும் ஒரு தொழில் மாற்றுபவராக, எனக்கு வீடியோக்களை விட கட்டமைப்பு தேவைப்பட்டது. வாராந்திர மைல்கல் மீள்பார்வைகள் என்னை தடுமாற விடாமல் வைத்தன, மேலும் Figma-முதல்-குறியீடு பகுதி இறுதியாக பணிப்பாய்வை அர்த்தமுள்ளதாக்கியது.
Mdm Farah binte A.
தொழில் மாற்றுபவர் · Tampines · 1-க்கு-1 வீடு
என் டெஸ்க்டாப் வடிவமைப்புகள் எப்போதும் மொபைலில் உடைந்தன. வழிகாட்டி பயிற்றுவித்த மொபைல்-முதல் முறை அதை முழுமையாக சரிசெய்தது, மேலும் என் திட்ட மதிப்பெண்கள் கணிசமாக உயர்ந்தன.
Mr Daniel Ong
பாலிடெக்னிக் மாணவர் · Clementi · சிறு குழு
என்ன யதார்த்தமானது என்பதைப் பற்றி நேர்மையாக இருந்தது — ஆறு-இலக்க வேலை பற்றிய வாக்குறுதிகள் இல்லை, நிலையான திட்ட வேலை மற்றும் தெளிவான பின்னூட்டம் மட்டுமே. நான் இப்போது ஒரு சிறிய ஃப்ரீலான்ஸ் தளம்-கட்டும் பக்க வருமானத்தை நடத்துகிறேன்.
Ms Priya N.
பணியில் உள்ள வயதுவந்தோர், பொழுதுபோக்கு-முதல்-ஃப்ரீலான்ஸ் · Serangoon · 1-க்கு-1 ஆன்லைன்
ஒரு ஏஜென்சி இல்லாமல் என் சொந்த கஃபேயின் வலைத்தளத்தை உருவாக்க விரும்பினேன். Webflow-இல் செய்தோம், ஆனால் வழிகாட்டி இன்னும் முதலில் தளவமைப்பு மற்றும் எழுத்துருவியலைக் கற்க வைத்தார், எனவே அது உண்மையில் நன்றாகத் தோன்றுகிறது.
Mr Kenneth Yeo
சிறு-வணிக உரிமையாளர் · Katong · 1-க்கு-1 வீடு
சிறு குழு வடிவம் சிறந்த மதிப்பு, மேலும் சக விமர்சன அமர்வுகள் வழிகாட்டி கற்பித்த அளவுக்கே எனக்குக் கற்பித்தன. மற்றவர்கள் அதே தளவமைப்பை எவ்வாறு தீர்த்தார்கள் என்பதைப் பார்ப்பது கண்திறப்பதாக இருந்தது.
Hui Min T.
JC மாணவர் · Ang Mo Kio · சிறு குழு
Student journeys
வலை வடிவமைப்பு பயணங்கள்
வெறுமையான பக்கத்திலிருந்து நேரடி போர்ட்ஃபோலியோ வரையிலான பிரதிநிதித்துவ பாதைகள்
ஒரு பாலிடெக்னிக் வடிவமைப்பு விண்ணப்பத்திற்கு ஒரு போர்ட்ஃபோலியோ தளத்தை விரும்பிய ஆனால் ஒருபோதும் குறியீடு எழுதியிராத ஒரு முழுமையான தொடக்கநிலையாளர்.
- வடிவமைப்பு அடித்தளங்களைக் கற்று HTML/CSS-இல் முதல் நிலையான பக்கத்தைக் கட்டினார்
- அதை மொபைல்-முதல் மீண்டும் கட்டி முழுமையாக பதிலளிக்கச் செய்தார்
- விண்ணப்பத்தில் சேர்க்க முடிக்கப்பட்ட தளத்தை ஒரு நேரடி URL-க்கு வரிசைப்படுத்தினார்
விண்ணப்பத்தின் ஒரு பகுதியாக ஒரு மெருகூட்டப்பட்ட, பதிலளிக்கும் போர்ட்ஃபோலியோ தளத்தைச் சமர்ப்பித்து, அது எவ்வாறு கட்டப்பட்டது என்பதைப் பற்றி விவாதிப்பதில் நம்பிக்கையாக உணர்ந்தார்.
இடைநிலை 4 மாணவர் · ~4 மாதங்கள்
டுடோரியல்களைப் பின்தொடரக்கூடிய ஆனால் தாங்களாகவே எதையும் புதிதாகக் கட்ட முடியாத தொழில் மாற்றும் ஒரு பணியில் உள்ள வயதுவந்தோர்.
- டுடோரியல்-நகலெடுப்பதை ஒற்றை வழிநடத்தப்பட்ட உண்மையான-திட்ட கட்டுமானத்துடன் மாற்றினார்
- Figma-முதல்-குறியீடு பணிப்பாய்வு மற்றும் ஒரு மறுபயன்படுத்தக்கூடிய CSS அமைப்பில் தேர்ச்சி பெற்றார்
- வேலைக்கு உகந்த தரத்திற்கு அணுகல் மற்றும் செயல்திறன் மெருகூட்டலைச் சேர்த்தார்
ஒரு பல-பக்க பதிலளிக்கும் போர்ட்ஃபோலியோவை முடித்து, வேலை தேடலுக்கு பக்கத்தில் சிறிய ஃப்ரீலான்ஸ் வேலைகளை எடுக்கத் தொடங்கினார்.
தொழில் மாற்றுபவர் · ~6 மாதங்கள்
ஒவ்வொரு மாற்றத்திற்கும் ஒரு ஏஜென்சிக்குப் பணம் செலுத்துவதற்குப் பதிலாக தங்கள் சொந்த தளத்தைப் பராமரிக்க விரும்பிய ஒரு சிறு-வணிக உரிமையாளர்.
- கட்டுபவரைத் தொடுவதற்கு முன் தளவமைப்பு, எழுத்துருவியல் மற்றும் படிநிலையை உள்ளடக்கினார்
- ஒரு குறியீடு-இல்லாத கருவியில் தளத்தைக் கட்டி வெளியிட்டார்
- உள்ளடக்கத்தைப் புதுப்பிக்கவும் பக்கங்களைச் சுயமாகச் சேர்க்கவும் கற்றுக்கொண்டார்
ஒரு தூய்மையான, மொபைல்-நட்பு வணிக தளத்தை வெளியிட்டு, இப்போது வெளியில் உதவியின்றி அதைப் பராமரிக்கிறார்.
சிறு-வணிக உரிமையாளர் · ~3 மாதங்கள்
தொடங்குதல்
முதல் அழைப்பிலிருந்து முதல் பாடம் வரை
Eduprime உடன் வலை வடிவமைப்பு டியூஷனை எவ்வாறு தொடங்குவது
- 1
இலவச ஆலோசனை
உங்கள் தொடக்க நிலை, இலக்கு (போர்ட்ஃபோலியோ, பொழுதுபோக்கு, தொழில் மாற்றம்) மற்றும் ஒவ்வொரு வாரம் கிடைக்கும் நேரம் பற்றி விவாதிக்கிறோம்.
~15 நிமிடம் - 2
திறன் சோதனை
ஏதேனும் முந்தைய குறியீட்டு அல்லது வடிவமைப்பு வெளிப்பாட்டின் விரைவான மீள்பார்வை சரியான தொடக்க கட்டத்தை அமைக்கிறது.
பொருத்துவதற்கு முன் - 3
வழிகாட்டி பொருத்துதல்
உங்கள் இலக்கு, நிலை மற்றும் அட்டவணைக்கு பொருந்தும் பணியில் உள்ள வலை பயிற்சியாளரை — ஆன்லைனில் அல்லது நேரில் — பொருத்துகிறோம்.
1–3 நாட்கள் - 4
வழிநடத்தப்பட்ட கற்றல்
வடிவமைப்புக் கொள்கைகள், HTML/CSS மற்றும் பதிலளிக்கும் தளவமைப்பு சிறிய கட்டுமான பயிற்சிகளுடன் கைகளால் கற்பிக்கப்படுகின்றன.
தொடர்ந்து - 5
போர்ட்ஃபோலியோ திட்ட கட்டுமானம்
ஒவ்வொரு மைல்கல்லிலும் வழிகாட்டி மீள்பார்வையுடன் ஒரு முழுமையான பதிலளிக்கும் வலைத்தளத்தை நீங்கள் வடிவமைத்து கட்டுகிறீர்கள்.
திட்ட கட்டம் - 6
மீள்பார்வை & மெருகூட்டல்
பள்ளிகள் அல்லது முதலாளிகளுக்குக் காட்டத் தயாராக இருக்கும் வகையில் அணுகல், செயல்திறன் மற்றும் வழங்குதல் சீரமைக்கப்படுகின்றன.
இறுதி கட்டம்
ஒரே பார்வையில் வரம்பு
Eduprime உடனான வலை வடிவமைப்பு டியூஷன் உள்ளடக்குவது
நேர்மையான வரம்பு — நடைமுறை திறன்கள் மற்றும் ஒரு போர்ட்ஃபோலியோ திட்டம், வேலை உத்தரவாதங்கள் இல்லை
- Beginner→portfolio
- ஆதரிக்கப்படும் திறன் வரம்பு
- HTML / CSS / Figma
- மைய கருவித் தொகுப்பு
- 1
- போர்ட்ஃபோலியோ வலைத்தளம் கட்டப்பட்டது
- Islandwide
- ஆன்லைன் அல்லது நேரில்
கற்பவர் கேள்விகள்
சிங்கப்பூர் கற்பவர்கள் கேட்கும் வலை வடிவமைப்பு டியூஷன் கேள்விகள்
கருவிகள், போர்ட்ஃபோலியோக்கள் மற்றும் தொழில் மாற்றம் பற்றிய நேரடியான பதில்கள்
வலை வடிவமைப்பு டியூஷனைத் தொடங்குங்கள்
சிங்கப்பூரில் வலை வடிவமைப்பு டியூஷனைத் தொடங்குங்கள்
இலவச ஆலோசனை மற்றும் உங்கள் நிலை மற்றும் இலக்குகளுக்குப் பொருத்தப்பட்ட வழிகாட்டி.
- கையால் எழுதிய HTML, CSS, பதிலளிக்கும் தளவமைப்பு
- Figma மாதிரியிலிருந்து நேரடி போர்ட்ஃபோலியோ தளம்
- மொபைல்-முதல் கட்டமைப்பு, நிஜ URL-ல் வெளியீடு
Eduprime — சிங்கப்பூர் வலை வடிவமைப்பு வழிகாட்டிகள் — வடிவமைப்புக் கொள்கைகள், கையால் குறியீடு செய்யப்பட்ட முன்-முனை மற்றும் ஒரு உண்மையான போர்ட்ஃபோலியோ திட்டம்.
தொடர்ந்து ஆராயுங்கள்