This module introduces students to software development on the Web platforms. Students will be exposed to important computer science concepts, including networking, databases, computer security, user interface design, programming languages, and software engineering. These concepts will be tied together through hands-on practice in building a Web-based application using the current Web development technology. At the end of the module, students are expected to be able to design and develop a Web application, to appreciate the underlying technology needed to build a Web application, and to develop a fundamental understanding of related computer science concepts.
This module was previously known as CP3101B in Academic Years 2013/14 and 2014/15.
Note: This introductory message will not be prominent the next time you visit this URL again. This behavior is normal. You can view it again by scrolling to the top of this page. Btw, you will learn how to use HTML5
localStorage to emulate this behavior in your web application.
The quota of this class (Sem 2 AY2016/17) is 60 students, which is the same as the last three Academic Years.
There is now minor change about the pre-requisites and pre-clusions, see below.
Lab (hands-on) component with low Lab TA to students ratio and the long capstone project are critical to the success of this web programming module.
Useful information to help you decide on whether you should register for CS3226 (see CS3226 in nusmods.com):
(Senior) Lecturer: Dr Steven Halim, the key man behind VisuAlgo who created his first website 17 years ago and actively learning the latest web development techniques to keep this module up-to-date. Lectures are on Tuesdays, 10am-12pm at COM1-2-VCRm.
|Rating (out of 5.00)||Jan-Apr 2017 (n=??/50)||Jan-Apr 2016 (n=20/57)||Jan-Apr 2015 (n=24/57)|
|Module feedback||Hopefully ▲||3.800 ▼||3.958|
|Module difficulty||Hopefully =||3.850||4.083|
|Steven's teaching||Hopefully ▲||3.986 ▼||4.165|
Teaching Assistants (TAs), all lab groups are on Monday at COM1-B111 starting from Week03 onwards, we will focus on Laravel this semester:
|1||10am-12pm||Dr Steven Halim|
|2||12-2pm||Qua Zi Xian|
|3||2-4pm||Tan Mun Aw|
10am-12pm, 12-2pm, 2-4pm
|01, 10 Jan||N/A yet||
Lecture01 - Introduction
Lecture02 - HTTP/S
|02, 17 Jan||N/A yet||
Lecture03 - HTML5
Lecture04 - CSS3
|03, 23+24 Jan||
Lecture05 - JS (jQuery)
Chinese New Year (CNY) on 28-29 Jan
(Monday, 30 Jan will also be a Public Holiday)
Online Lab2: First Version
(@ live web server)
Lecture06 - Front-End
(Bootstrap & Laravel Blade Template)
05, 06+07 Feb
Lab3: Second Version
(Bootstrap & Laravel Blade Template)
Lecture07 - PHP
(Laravel Form, Input Validation)
|06, 13+14 Feb||Lab4: Back-End 1 (PHP/Laravel)||
Lecture08 - SQL
(MySQL, Laravel Eloquent ORM)
|07, 27+28 Feb||Lab5: Back-End 2 (Laravel Eloquent ORM)||
Capstone Project Briefing
Lecture09 - Security
|08, 06+07 Mar||Lab6: A1 (Laravel Auth) and A2||
Lecture10 - Performance & Scalability
|08, 10 Mar||
Steven plans to take parental leave 10-14 Mar (5d 4n)
Steven will very likely pass his Lab TA duty to the other TAs this day
ONLINE? Course Review with past papers:
Steven MAY not be physically present this day
If that is so, he will conduct online review of these past papers
|10, 20+21 Mar||Project-Frontend||
Lecture11 - Web Server
Lecture12 - Miscellaneous Techniques
|11, 27+28 Mar||
Additional: Test Preview (Monday)
30% Theoretical Test
(using Lecture Time)
|12, 03+04 Apr||Project-Tying loose ends||
Lecture13 - The Last Lecture
|13, 10+11 Apr||Project-Last Check (Monday)||
Capstone Project Evaluation Day
(using Lecture Time)
The 10th STePS
(on Wednesday night)
Good Friday and Easter Sunday Week
|Reading Week||No class, no final assessment||No class, no final assessment|
|Lab TA||Project||Student Name|
The table below will contain direct links to selected students' works for CS3226 past labs. Try them. Also please do a 'right click' and select 'view page source' (of the client-side files) to study how your peers managed to come up with a good web application given the same constraints.
The success of module like CS3226 is best evaluated by the abilities of its graduates to produce working web applications that are useful rather than raw knowledge of the ever-changing technology stack (currently HTTP/S, HTML, CSS, JS, jQuery, Bootstrap, PHP, MySQL, Laravel, etc). If your capstone project is successful, you can proudly put a reference of it inside your Curriculum Vitae* that your prospective employer can visit before interviewing you.
Who will build the next useful web application (for NUS community or for worldwide audience) that survives the test of time (defined as this: It is still live and used by people at least one year after its launch)?
In AY 2014/15, it was NUSWhispers.
In AY 2015/16, it was NUS Hacks.
How about this AY 2016/17?...
This sub-section will be updated over time.
|03||Early random pairing/tripling of project groups during Lab1 (Lab1 is still done individually)|
|04-06||Work on Lab2-4 as pairs; by end of Week 06, we will do another random grouping to make up project groups of size 5-6; the usage of version control software like GitHub is recommended|
|Recess-08||Brainstorming of capstone project ideas (medium sized), Lab5-6 will be submitted according to capstone project grouping, i.e. merge the two (or three) versions into one better version per capstone project group.|
|09-13||Capstone project work, ends by Wednesday, 12 April 2017, during the 10th STePS; everyone are expected to avoid Vanilla programming, but rather use a framework (e.g. Laravel for this semester)|
The list of capstone projects will be added when it is available.