Scribd
Upload
3 views

Web Eng Detail Course File

The document outlines the course structure for 'Web Engineering' (SWE-513) for BS 5th class, detailing both theoretical topics and lab sessions. Key subjects include web development practices, project management, modern UI/UX principles, and web app security, alongside practical labs focusing on HTML5, CSS, Bootstrap 5, and PHP. The curriculum emphasizes a multidisciplinary approach to web engineering, covering both client-side and server-side technologies.

Uploaded by

m10579390
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Web Eng Detail Course File

The document outlines the course structure for 'Web Engineering' (SWE-513) for BS 5th class, detailing both theoretical topics and lab sessions. Key subjects include web development practices, project management, modern UI/UX principles, and web app security, alongside practical labs focusing on HTML5, CSS, Bootstrap 5, and PHP. The curriculum emphasizes a multidisciplinary approach to web engineering, covering both client-side and server-side technologies.

Uploaded by

m10579390
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

National Computing Education Accreditation Council

NCEAC

NCEAC.FORM.001
-D

Table of Contents

Subject: Web Engineering Course Code: SWE-513

Class: BS- 5th


Sr. Topics
1 Theory: Introduction to Web Engineering, Categories of Web Apps, Static &
Dynamic Website, How Web Development is different from other Development
Lab: HTML5 Intro (Elements, Attributes) HTML5 Editors, VS Code Installation,
Extensions Overview, Dev Folder Structure
2 Theory: Web Development Practices, WE is Multidisciplinary, History of Web
Application Framework, Evolution of WE, Future of Web, WWW Importance
Lab: Webpage Layout, Meta Descriptions, Boilerplates, Run and Debug, Browser
Preview, Typography, Favicon, External Page Linking
3 Theory: Web Development Process, Context Analysis, Architecture Design, Web
Page Design, Web Maintenance
Lab: HTML5 Block & Inline, Lists & Tables, Classes and IDs,Media
4 Theory: Web Project Management, Steps to Successful Web Dev, Web System
Design, Web Testing & Evaluation
Lab: HTML5 Forms, Form Inputs, Form Accessibility & Events Constraints,
Assignment Guideline, Report Writing
5 Theory: Knowledge and Skills for Web Development, Web Development Team, WE
Resources
Lab: CSS Intro, Inline CSS, Internal, External, Basic Styling
6 Theory:
Web Dev Status, WEP Reference Model
Lab:
CSS Properties, Selectors, Colors, Styling Units, Web App
Layouts

7 Theory:
Web Architecture, Web Page at Web Client-Side,
Architectures, Development Expert Tips
Online Resources for Downloading Fonts, Images, Icons
Lab:
CSS Fonts (Internal + External) linking, Icons classes, CSS
Box Model, Pixabay, FlatIcon, DaFont, Google Fonts

8 Theory:
Semantic Web Architecture & Core Technologies, Web
National Computing Education Accreditation Council
NCEAC

NCEAC.FORM.001
-D

Services Architecture & Core Technologies, Logical & Physical Architecture


Lab:
Form Styling, Label Linkage, CSS Grids

9 Theory: File Upload, Create & Upload File Forms, Saving the Uploaded File
Lab: Forms, File Uploading, Basic Containers, FlexBox, Color Psychology, Color
Pallets
10 Theory: Web Apps Logical Architectures (Layers & Components), Physical
Components of Web Apps
Lab: Assignments Evaluations, Q & A Session, Feedback Discussion on Learning
Outcomes and Course Objectives
11 Theory: File Downloading, Responsive Web Design Know How
Lab: Bootstrap 5 downloading, connection with existing labs work, Web Page
Responsiveness Checking, Bootstrap 5 Native Front Stack
Theory: No Theory
12 Lab: Bootstrap 5 Containers, Typography Breakpoints, Grid Column, Z-index
13 Theory: Client-Side & Server-Side Technologies, Modern UI/UX Ideas from WWW
Resources Freelancing Can we sell our Web App Design? Web Design Marketplaces
Lab: CSS Grid in Bootstrap 5, Images, Tables, Figures
14 Theory: Principles for Modern Web App Development
Lab: Bootstrap 5 Forms, Floating Labels, Checks & Radios, Buttons, Buttons Group
15 Theory: Bootstrap 5 Documentation Reading Methods
Lab: Bootstrap 5 Accordion, Badge, Breadcrumb, Collapse, Dropdowns, Pagination,
Toasts, Tooltips
16 Theory: No Theory
Lab: Bootstrap 5 Navbar, Carousel Sliders, Models, JavaScript
17 Theory: No Theory
Lab: Landing Page Designing Complete Website Design
18 Theory: Web Platform Constraints, Performance Constraints, Compatibility and
Standardization Constraints, Security Constraints,
Lab: No Lab
19 Theory: Software as a Service (SaaS), Features of SaaS, SaaS Architecture, web
standards
Lab: No Lab
20 Theory: Cookies and Sessions: A Comprehensive Guide, Types of Cookies, Sessions,
Full Stack State Management
21 Theory: Web App Security, Network Attack, Session Attack
23 Theory: No Theory
Lab: Introduction to PHP, PHP Basics, Variables and Data Types, Control Structures,
24 Theory: No Theory
Lab: Forms and User Input, PHP and Arrays, PHP and File Handling
25 Theory: No Theory
Lab: PHP and MySQL, Practical Project
National Computing Education Accreditation Council
NCEAC

NCEAC.FORM.001
-D

You might also like