CS412 Web Application Development

Referencing Curricula Print this page

Course Code Course Title Weekly Hours* ECTS Weekly Class Schedule
T P
CS412 Web Application Development 3 2 6 Monday 12:00-14:50; Wednesday 12:00-14:50
Prerequisite CS105 It is a prerequisite to

None
Lecturer Ali Almisreb Office Hours / Room / Phone
Monday:
9:00-10:00
Thursday:
13:00-17:00
Friday:
9:00-11:00
Saturday:
8:00-18:00 Via Teams
Sunday:
8:00-18:00 Via Teams
A F2.6
E-mail aalmisreb@ius.edu.ba
Assistant Assistant E-mail
Course Objectives

  1. To provide students with a comprehensive understanding of web development technologies, including HTML5, CSS3, and the Tailwind CSS framework, enabling them to create visually appealing and responsive web interfaces.

  2. To equip students with in-depth knowledge and practical skills in JavaScript, emphasizing its role as a dynamic scripting language for web development, enabling them to build interactive and user-friendly web applications.

  3. To introduce students to the fundamentals of React.js, guiding them in creating reusable and efficient user interface components and fostering proficiency in single-page application development.

  4. To explore Node.js as a back-end framework, enabling students to build server-side applications, handle data storage and retrieval, and understand the principles of asynchronous programming and API development.

  5. To assess student learning through a balanced evaluation approach, including final and end-term exams that test theoretical knowledge and two comprehensive projects that require the practical application of web development concepts, from basic HTML/CSS to advanced React.js and Node.js integration, encouraging hands-on experience and problem-solving skills development.
Textbook
  1. Duckett, Jon. HTML & CSS: design and build websites. Vol. 15. Indianapolis, IN: Wiley, 2011.
  2. Duckett, Jon, Gilles Ruppert, and Jack Moore. JavaScript & jQuery: interactive front-end web development. Hoboken, NJ: Wiley, 2014.
  3. Brown, Ethan. Web development with node and express: leveraging the JavaScript stack. O'Reilly Media, 2019.
Additional Literature
  • York, Richard. Beginning JavaScript and CSS Development with jQuery. John Wiley & Sons, 2011.
  • Connolly, Randy. Fundamentals of web development. Pearson Education, 2015.
  • Luke Welling, and Laura Thomson. PHP and MySQL Web Development, Fifth Edition, Pearson Education, 2017.
  • Casciaro, Mario, and Luciano Mammino. Node.js Design Patterns. Third Edition, Packt Publishing Ltd, July 2020.
Learning Outcomes After successful  completion of the course, the student will be able to:
  1. Develop dynamic websites
  2. Apply HTML, CSS and JavaScript for website design. Usage of a web application framework (e.g. Bootstrap).
  3. Apply the a scripting language and database system to design dynamic website (e.g. PHP and MYSQL)
  4. Build basic security mechanisms for protection of dynamic websites
Teaching Methods Class discussions with examples. Active tutorial sessions for engaged learning and continuous feedback on progress. Individual projects that involve nontrivial, dynamic web application development
Teaching Method Delivery Face-to-face Teaching Method Delivery Notes
WEEK TOPIC REFERENCE
Week 1 Introduction to HTML : Structure, Text, Links Chapter 1-7 (Duckett, 2011)
Week 2 Introducing CSS, Color, Text, Boxes, Lists,Tables,Forms Chapter 10-14 (Duckett, 2011)
Week 3 Layout and Images Chapter 15 and 16 (Duckett, 2011)
Week 4 Basics of the Javascript, Functions, Mehod&Objects,Decision Loops Chapter 2-4 (Duckett, 2014)
Week 5 Document Object Model, Events, Ajax&JSON Chapter 5-6,8 (Ducket, 2014)
Week 6 Content Panels, Form Enhancement and Validation Chapter 11 and 13 (Ducket, 2014)
Week 7 Introducing Bootsrap Framework Hands-on
Week 8 Midterm
Week 9 React 1
Week 10 React 2
Week 11 React 3
Week 12 Getting Started with Node Chapter 2 [3]
Week 13 Templating with Handlebars Chapter 7 [3]
Week 14 Form Handling Chapter 8 [3]
Week 15 Cookies and Sessions Chapter 9 [3]
Assessment Methods and Criteria Evaluation Tool Quantity Weight Alignment with LOs
Final Exam 1 40 3,4
Semester Evaluation Components
Endterm Exam 2 20 1,2,3,4
Project 1 1 15 1,2,3,4
Project 2 1 25 1,2,3,4
***     ECTS Credit Calculation     ***
 Activity Hours Weeks Student Workload Hours Activity Hours Weeks Student Workload Hours
Lecture Hours 3 14 42 Labs 2 11 22
Home Study 2 15 30 Final exam study 4 5 20
Projects 4 9 36
0
        Total Workload Hours = 150
*T= Teaching, P= Practice ECTS Credit = 6
Course Academic Quality Assurance: Semester Student Survey Last Update Date: 09/11/2023
QR Code for https://ecampus.ius.edu.ba/course/cs105-advanced-programming

Print this page