New Intake – Commenced on 16th November 2025

Transform your project idea into a real web application — with zero hassle.

Many BIT final-year students know the theories but struggle when it comes to applying them in a real project. You’ve learned about databases, interfaces, and programming, yet building a complete web application from scratch still feels confusing. This course is designed to bridge that gap — guiding you from the very beginning to a fully functional system.

You’ll start with system analysis and design, learning how to clearly define requirements and model your ideas using UML diagrams and ERD (Entity Relationship Diagrams). Then, step by step, you’ll move into implementation — building interfaces with HTML, CSS (Bootstrap), adding interactivity through JavaScript and jQuery, and developing a strong back-end using PHP/CodeIgniter 4.

Every topic is carefully aligned with the BIT final-year project process. You’ll not only learn how to code, but also how to plan, analyze, design, and structure a professional-grade web application that meets academic and real-world expectations.

By the end of this course, you’ll have the knowledge, confidence, and practical skills to transform your project topic into a complete, working web application — one you can proudly present as your final-year achievement.

Code | SICT004

Category | BIT

Course Duration | 12 Sessions (3hours per session)

Lecturer | Pradeep Ruckshan

Technologies | HTML, CSS3 & Bootstrap, JavaScript & jQuery PHP, CodeIgniter, MySQL, Etc.

Competency Level | Beginner & Intermediate

Assessment | None

Certificate | e-certificate

Learning Method(s) | Online, VLE-based

Course Fee | 15,000 LKR ( 10,000 + 5,000 )

session 1: Introduction to Web Application Development
  • Introduction to the program & the BIT Final-Year Project.
  • Preparing project specifications.
  • Introduction to the Internet & the WWW.
  • Web Application Development Stack – Tools & Technologies.
  • Setting up the Development Environment.
session 2 – 3: Front-end Development
  • HTML5 – Basics, Semantics, Custom Attributes, Tables, Forms, Links.
  • CSS3 – Selectors, Basic Styles, Box model, Display Properties, CSS3 Styling, Media Queries.
  • Bootstrap – Grid System, Glyphicon, Menus, Tables, Forms, Panels, Models, Pagination.
  • JavaScript & jQuery – Basics, Functions, Event Handling, Client-side Validation, AJAX.
session 4 – 5: Web Application Development Process
  • Analysis – Identifying requirements
  • Modularization and Diagramming (Component, Use Case, Class, Activity diagrams)
  • Essentials of Database Modeling & ERD
session 6 – 11: Back-end Development
  • PHP – Basics, Control Structures, Functions, Array Manipulation, Essential Built-in Functions.
  • Essentials of OOP – Basics, Inheritance, Encapsulation, Polymorphism, Abstraction.
  • Essentials of Database Manipulation.
  • CodeIgniter4 – Basics-MVC, Routing, Configuration, Sessions, Libraries, DB interaction, Server-side Validation.
session 12: Selected Topics & Conclusion
  • Handling Third-party Services – email, spreadsheet, pdf.
  • Security – Authentication & Authorization.
  • Essential Programming Techniques.
  • Conclusion.