Embark on a transformative journey with our 5 Days Web Development Specialization course, meticulously designed to cater to both beginners and those looking to deepen their knowledge in the dynamic field of web development. This intensive course covers fundamental topics such as HTML5, CSS3, and JavaScript, ensuring a solid foundation in the core aspects of web development. Participants will learn to create responsive designs, understand server-client interaction, and gain hands-on experience with real-world projects.

Our specialized program is crafted to empower learners with the latest industry-standard skills, preparing them for the rapidly evolving digital world. The course goes beyond just coding; it fosters critical thinking and problem-solving skills, equipping students with the ability to tackle various web development challenges. This holistic approach ensures not only skill acquisition but also the development of a robust understanding of web development practices, making our graduates highly competent and market-ready professionals. Join us at Tertiary Courses for this empowering journey and take the first step towards becoming an accomplished web developer.

Certificate

All participants will receive a Certificate of Completion from Tertiary Courses after achieved at least 75% attendance.

Funding and Grant

HRDF SBL Claimable for Employers Registered with HRDF

Course Code: M1247

Day 1
Topic 1 - Basic Web Design with HTML and CSS

Topic 1.1: Create Web Content with HTML5

• HTML5 Web Page Structure

• Basic Tags

• Meta Tags

• Image Tags

• Table Tags

• List Tags

• HTML Attributes

Topic 1.2: Manage Web Navigation and Form

• HTML Blocks

• HTML Layout

• Manage Web Links

• Manage HTML Forms

Topic 3: Manage Multimedia Content

• Embed Image and Video

• Media Tags

• Semantics Tags

Topic 4. Website Styling with CSS3

• CSS3 Syntax

• CSS3 Selectors

• CSS3 Properties

• CSS3 Pseudo Class

• Web Fonts

• CSS Layout

• Media Queries and Responsive Websites

Day 2
Topic 2 - Interactive Web Design with Javascript

Topic 2.1 Basic Javascript Programming

• Overview of Javascript Programming and Syntax

• Data Types & Variables

• Control Structures

• Loop

Topic 2.2 Javascript Functions

• Function Syntax

• Javascript Built In Functions

• Potential Javascript Security Issues

Topic 2.3: DOM

• DOM Elements and Nodes

• Access and Modify DOM Elements

• DOM Events

Topic 2.4. Error Handling and Debugging

• Error Handling

• Debugging

Topic 2.5. Object Oriented Programming

• Javascript Classes and Objects

• Function Calls and Apply

Topic 2.6. Javascript API

• REST API

• HTTP Request and Response

• Forms APIs

Day 3
Topic 3 Responsive Web Desgin with Bootstrap

Topic 3.1. Overview of Responsive Web Interface Design and Bootstrap

• What is Responsive Web Design?

• Introduction to Bootstrap Framework

• Create Responsive Web Layout using Bootstrap

Topic 3.2. Components and Graphics Content

• Create Basic Bootstrap Components

• Design GUI with Style and Content Elements

Topic 3.3. Interactivity and Responsiveness

• Create Interactive Components

• Apply Bootstrap Utilities

• Evaluate Web Interface Interactivity and Responsiveness

• Passing Data via Props

Topic 3.4 Single Page Design

• Web Design Requirement for Single Page

• Implement Single Page Design

Day 4
Topic 4 UI Development with React for Beginners

Topic 4.1 Get Started on React JS

• Introduction to React JS

• Adding React to a Website

• Create a New React App

Topic 4.2 Introducing JSX and Rendering Elements

• Introduction to JSX

• Rendering an Element into the DOM

• Updating the Rendered Element

• Securities Concerns

Topic 4.3 Components and Props

• Introduction to React Components?

• Function and Class Components

• Rendering a Component

• Composing Components

• Import/Export Components

• Passing Data via Props

Day 5
Topic 5 React for Single Page Application

Topic 5.1 State and Lifecycle

• Adding Local State to a Component

• Component Lifecycle

Topic 5.2 Handling Events

• Event Binding

• Passing Arguments to Event Handlers

Topic 5.3 Single Page Application Using React Router

• Single Page Application

• Installing React Router

• Set up React Router