top of page
ICON - Web Application Development_edited.jpg

Web Application Development (HTML, CSS, & JS)

This course will give you the basic up to the intermediate level background, terminology and fundamental concepts that you need to understand in order to build modern full stack web applications. A full stack web developer is familiar with each "layer" of the software technologies involved in a web application, including data modeling and database technologies, the web server environment and middleware components, network protocols, the user interface and basic visual design and user interaction concepts. In this course we will learn by doing.  We will start by learning the major components of web application architectures, along with the fundamental design patterns and philosophies that are used to organize them.  You will build and continually refine a fully functional full-stack web application as we progress through the modules in this course.

Logo HRDF Claimable.png
_edited_edited_edited.jpg

Targeted Groups:

This course was designed to fit everyone who is interested in learning web application development. We will start teaching from the very basic up to the intermediate level. Thus, no perquisites are required to join this course.

Course Objectives:

Logo HRDF Claimable.png

This course was designed to let the participants able to:

  • Understand and describe the Web Development Context

  • Learn the Hyper Text Markup Language (HTML)

  • Build the web application structure using the HTML Tags

  • Learn and Understand the Cascade Style Sheets (CSS)

  • Use CSS to Beautify the structure built by HTML

  • Learn and understand JavaScript framework to integrate the web application components together.

  • Eventually, develop a fully functional Web Application.

Course Contents

Unit 1: Introduction Web Site Developments

  • Introduction to Websites

  • Web Development context

  • Internet, Web Servers and websites

  • Website vs Webpage vs Web Application

  • Setting up the Development Environment

 

Unit 2: Hyper Text Markup Language (HTML)

  • What HTML?

  • Why HTML?

  • HTML5 Files

  • Comprehensive List of HTML Tags

  • Developing a complete website architecture using HTML

 

Unit 3: Cascade Style Sheets (CSS)

  • What is CSS?

  • Why CSS?

  • CSS Files

  • Link HTML and CSS files

  • Main CSS Properties

  • Using CSS to beautify the website Built using HTML

 

Unit 4: JavaScript (JS) – Basics

  • What is JS?

  • Why JS?

  • JS Essential programming commands

  • Linking HTML and JS Files

  • Integrating HTML components with CSS properties using JS

  • HTML Forms

 

Unit 5: JavaScript (JS) – Intermediate

  • JS Math Library

  • JS Date Library

  • JS Strings

  • Events in JS

  • Handling Errors

  • NodeJS

  • AJAX

bottom of page