Table of Contents
Senior Solutions Developer – Front End – John Keells IT (Colombo, Sri Lanka)
Job Overview
John Keells Information Technology (Pvt) Ltd (JKIT) is hiring an experienced, collaborative Senior Solutions Developer – Front End to join its digital consulting team in Colombo, Sri Lanka.
Reporting directly to the Principal Consultant, this position centers on architecting, developing, and maintaining enterprise-grade, responsive user interfaces and modern web applications for multinational clients across Asia, Europe, and the Middle East.
Key responsibilities and technical tasks include:
- Interface Development: Designing and engineering responsive, high-performance web interfaces utilizing HTML5, CSS3, JavaScript (ES6+), and jQuery.
- UI Framework Implementation: Constructing clean layouts and modular components with modern utility and component frameworks like Tailwind CSS and Bootstrap, supplemented by custom styling.
- Cross-Functional Integration: Partnering closely with UI/UX designers and back-end engineering teams to deliver seamless API integrations and intuitive user journeys.
- Performance & Compatibility: Optimizing client-facing applications for rendering speed, DOM execution, scalability, accessibility, and multi-browser compatibility.
- Code Quality & Maintenance: Refactoring existing web assets, conducting peer code reviews, debugging production issues, and maintaining version control standards in Git.
About Us
John Keells Information Technology (Pvt) Ltd (JKIT) is the specialized IT consulting and digital transformation arm of John Keells Holdings PLC, Sri Lanka’s largest conglomerate listed on the Colombo Stock Exchange. Guided by a Cloud-First, Mobile-First, and AI-First strategy, JKIT partners with industry giants like Microsoft, SAP, and Salesforce to deliver enterprise technology solutions for global brands.
Website: https://www.johnkeellsit.com/
Key Requirements & Qualifications
- Core Front-End Proficiency: Expert knowledge of standard front-end technologies: HTML5, CSS3, modern JavaScript, and jQuery.
- CSS Framework Mastery: Extensive hands-on experience using Tailwind CSS and Bootstrap frameworks to rapidly construct responsive layouts.
- Engineering Standards: Solid understanding of cross-browser rendering quirks, responsive design principles, web accessibility, and clean code practices.
- Version Control: Professional experience managing codebases via Git (GitHub, GitLab, or Azure DevOps).
- Collaborative Mindset: Excellent communication and problem-solving skills, with a track record of working effectively alongside consultants, designers, and back-end leads.
Role Benefits & Perks
- Enterprise Exposure: Opportunities to build high-impact digital solutions for large multinational corporations across global markets.
- Prestigious Parent Group: Backed by John Keells Holdings PLC, offering long-term career stability, clear corporate progression, and industry prestige.
- Continuous Learning: Exposure to cloud-native platforms, AI integrations, and enterprise software ecosystems in an agile environment.
- Competitive Local Package: Corporate-tier salary, medical benefits, and performance bonuses benchmarked to Sri Lankan enterprise standards.
Salary Insight
- Estimated Market Benchmark: In the Colombo, Sri Lanka market, base compensation for a Senior Front-End / Solutions Developer (4+ years experience) at an enterprise IT services firm typically ranges between LKR 200,000 and LKR 350,000+ per month, depending on framework versatility, architecture experience, and technical assessment performance.
Career Guide Tips for Senior Front-End Developers
- Transition Beyond Legacy DOM Tools: While jQuery remains essential for legacy enterprise systems, augmenting your skill set with modern reactive frameworks (like React or Next.js) and build pipelines (Vite/Webpack) elevates your long-term consulting value.
- Master Utility-First CSS Architecture: Take full advantage of Tailwind CSS features—such as custom config files,
@applyabstractions, and purging unused CSS—to keep production bundle sizes light. - Optimize Asset Rendering Pipelines: Focus on reducing Cumulative Layout Shift (CLS) and Interaction to Next Paint (INP) to deliver butter-smooth web experiences across both mobile and desktop screens.
How to Prepare a CV for This Position
- Emphasize Front-End Framework Experience: Clearly highlight your expertise with Tailwind CSS, Bootstrap, JavaScript, jQuery, and any modern component frameworks near the top of your resume.
- Demonstrate Enterprise Reach: Mention specific web projects, corporate portals, or e-commerce platforms you engineered, detailing team sizes and client industries.
- Highlight Performance Achievements: Include measurable metrics (e.g., “Redesigned enterprise portal using Tailwind CSS, reducing page load times by 40% and achieving 100% responsive accuracy”).
How to Prepare for the Interview
- Review Modern CSS & Layout Techniques: Be ready to answer questions about Flexbox vs. CSS Grid, Tailwind CSS customization, and managing responsive breakpoints cleanly.
- Prepare for JavaScript & DOM Deep Dives: Review event delegation, asynchronous JavaScript (Promises, Async/Await), DOM manipulation, and performance optimization in jQuery/vanilla JS.
- Brush Up on Enterprise System Integration: Be prepared to discuss how you collaborate with back-end engineering teams to consume REST APIs and handle dynamic data rendering.
Top 3 Interview Questions & How to Answer Them
1. “How do you decide whether to use Tailwind CSS or Bootstrap for a new enterprise web project?”
- Explain that Bootstrap provides pre-built, ready-to-use UI components ideal for rapid prototyping, whereas Tailwind CSS offers utility-first flexibility, making it easier to build highly customized, unique designs with smaller production bundle sizes.
2. “How do you optimize event handling and DOM manipulation when using jQuery in large-scale web applications?”
- Discuss using event delegation (attaching listeners to parent elements), caching jQuery selectors in variables to avoid repeated DOM queries, and minimizing direct layout thrashing.
3. “What steps do you take to guarantee cross-browser compatibility across older and modern browsers?”
- Key Focus: Detail using Autoprefixer for CSS properties, testing across real devices or tools like BrowserStack, using feature detection (
@supports), and applying fallbacks for modern CSS layouts.
How to Apply
To apply for the Senior Solutions Developer – Front End position at John Keells IT:
- Email your updated resume directly to
careers@johnkeellsit.com. - Ensure you state “Application for Senior Solutions Developer – Front End” clearly in the email subject line.
- Alternatively, submit your application through the official John Keells Holdings Careers Portal or verified local job listings.
Disclaimer
This job summary is an independent document created for educational, career guidance, and informational purposes only. It is not an official offer of employment or contract from John Keells IT or John Keells Holdings PLC. Compensation structures, role details, and candidate requirements remain subject to final confirmation by the employer.