Topic outline

  • Welcome to SE322 - Software Engineering Web Application


    Welcome to SE322 - Software Engineering Web Application Lab

    • Instructions/Guideline for the course

      • All the students registered for this course have to enroll in Moodle.
      • Students can find all the course materials from Moodle.
      • All the students have to submit the soft copy of their "Assignment" in Moodle under assignment activities created under each week and for this, they will be graded here.
      • One discussion or feedback forum is created under each of the lecture Students have to give their feedback on this forum and marks will be given for their feedback
      • Any announcement regarding the class will be posted on Moodle. So they have to keep themselves always active on Moodle.
      • All the assessments and presentations will be held using online platforms.
      • Programming Assignment might be submitted using an online IDE or Code sharing Platforms.

    • Meet Your Instructor

      Md. Masum Billah

      Lecturer.
      Department of Software Engineering
      Daffodil International University

      Email: mdmasumbillah.swe@diu.edu.bd
      Contact: 01708611106

  • Course Introduction

    Course Introduction

    • Introduction

      Software Engineering Web Application Lab course will provide you practical experience in analyzing, designing, and developing a web application from user requirements using required web technology. You will gain hands-on experience learning HTML, CSS, and design responsive websites with these technologies. This course is also designed to teach PHP for developing dynamic websites that deal with complex business logic solutions. This course will open the path of web development journey for the students.

      After completion of this course, students will be able to design and develop web applications independently using vanilla PHP and apply software engineering process in their development stages.

    • Course Objective

      1. To learn the technology required for designing a web application (HTML & CSS)
      2. To learn to integrate business logic in a static website to provide dynamic interactions.
      3. To understand the process of developing a complex web application.

    • Course Outcomes

      1. Gain the skill to design responsive websites
      2. Understand the skills needed for exploring the vast areas of web applications.
      3. Attain the ability to build high-quality complex web applications that meets the user requirements

    • Course Content

      1. HTML
      2. CSS
      3. JavaScript
      4. PHP
      5. MySQL

  • Week 1: Hyper Text Markup Language (HTML)

    Week 1: Hyper Text Markup Language (HTML)

    Learning Outcome

    1. Understand the syntax and attributes used in HTML
    2. Achieve the ability to develop any content using HTML
    3. Gain the skills for writing good HTML code

    • Lesson 1: Building Web Content using HTML

      Lecture Content

      1. Basic HTML Tags & Attributes
      2. HTML Tables
      3. HTML Forms
      4. HTML Media

      Videos

      1. HTML Full Course - Build a Website Tutorial (video 1)


    • Assignment 1: Time Table
      View Make a submission

    • Class recording


  • Week 2: Cascading Style Sheet (CSS)

    Week 2: Cascading Style Sheet (CSS)

    Learning Outcome

    1. Understand the syntax and techniques for writing styles for websites
    2. Gain the ability to design impressive modern websites
    3. Achieve the knowledge to design creative websites

  • Week 3: Responsive Web Design

    Week 3: Responsive Web Design

    Learning Outcomes

    1. Understand the importance of responsive web design in modern web applications
    2. Gain the ability to design a responsive website for all device using pure CSS

  • Week 4: Bootstrap

    Week 4: Bootstrap

    Learning Outcomes

    1. Understand the techniques of reading documentation for learning frameworks
    2. Gain the ability to use CSS frameworks & Components to build Responsive Websites.

    • Lesson 1: Building Responsive Website using Twitter Bootstrap

      Lecture Content

      1. Bootstrap Layout
      2. Bootstrap Component
      3. Bootstrap Contents

      Videos

      1. Bootstrap 4 Tutorial Series (Video 1)
      2. Bootstrap 4 Complete Course From Beginner to Pro (Video 2)
      3. Complete Portfolio Website with Bootstrap - HTML/CSS (Video 3)

             

    • Discussion forum
    • Class video Page

  • Week 5: JavaScript & JQuery

    Week 5: JavaScript & JQuery

    Learning Outcomes

    1. Gain the knowledge of JavaScript programming language and its importance in web
    2. Gain the ability to use different JQuery Library according to project needs.

  • Week 6: Basic PHP

    Week 6: Basic PHP

    Learning Outcomes

    1. Able to run PHP scripts on a personal machine
    2. Learn the syntax required for programming in PHP

    • Lesson 1: PHP Syntax

      Lesson Content

      1. Installing XAMPP
      2. Configuring IDE for Programming
      3. Basic PHP syntax
      4. Conditional Logic

      Videos


    • Discussion on The Present and Future of PHP Forum
      View Make forum posts: 1
      Do you think PHP is Dead? Can PHP help you build a successful career? Spread your light on your opinion.

  • Week 7: Advance PHP

    Week 7: Advance PHP

    Learning Outcomes

    1. Able to use PHP for creating dynamic websites
    2. Understand the core functionalities in PHP
    3. Create efficient programs for web applications

    • Lesson 1: Advance PHP

      Lecture Content

      1. Underlying Tips and Tricks in PHP
      2. Data Structures in PHP
      3. Handling Files
      4. Working with Forms
      5. Session
      6. Cookies
      7. Sending Emails
      8. Database Interaction


    • Couse Feedback Form: July 2020 URL

      Visit the above link and fill up the course feedback form: Mandatory for all. This response will only be visible to the Head of the Department.

    • Discussion on PHP Forum
      View Make forum posts: 1

      What do you think the preg_match function is used for? Is there any other function that can be used instead of preg_match in PHP?

  • Week 8: Object Oriented PHP

    Week 8: Object-Oriented PHP

    Learning Outcomes

    1. Gain the ability to use Object-Oriented concepts in PHP programming.
    2. Attain the knowledge and skills to build web applications using industry standard
    3. Build the foundation needed to learn frameworks in the future.

  • Final Project

    Final Project Submission