Scribd
Upload
5 views3 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views3 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
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