DFK20013 Web Design Technologies

COURSE TOPICS

Explore the Learning Topics

Mulakan dengan asas pembangunan web, kemudian bina interface responsif sebelum menambah interaktiviti menggunakan JavaScript.

⌘

Introduction to Web Development

Web concepts, responsive thinking, Bootstrap setup and interface foundations.

Open Chapter →

HTML, CSS & Bootstrap

Semantic HTML, CSS styling, layouts, components and responsive page construction.

Open Chapter →

{ }

JavaScript Fundamentals

Variables, data types, operators, control structures, DOM and event-driven interaction.

Open Chapter →

COURSE OVERVIEW

Plan. Design. Build. Interact.

Web design menggabungkan information architecture, visual hierarchy, responsive layout, accessibility dan client-side interaction untuk menghasilkan pengalaman digital yang jelas dan mudah digunakan.

Structure & Content

Organise meaningful content using semantic HTML and accessible page structures.

Visual & Responsive Design

Apply CSS and Bootstrap to create consistent layouts for mobile, tablet and desktop.

Interaction & User Experience

Use JavaScript and reusable components to build dynamic, user-friendly interfaces.

SOFTWARE & TOOLS

Practical tools for modern web development

Perisian dipilih untuk menyokong coding, testing, debugging, responsive prototyping dan penghasilan visual asset.

Visual Studio CodeSource-code editor

Google ChromeBrowser testing & DevTools

Bootstrap 5Responsive UI framework

CanvaVisual planning & assets

HTML5 & CSS3Structure and presentation

JavaScriptInteraction and behaviour

LEARNING APPROACH

Learn by building, testing and reflecting.

Setiap chapter bergerak daripada guided demonstration kepada latihan, practical, lab activity dan quiz yang merekod pencapaian pelajar.

View Course Introduction