C O U R S E O U T L I N E

Introduction to Web Development with HTML, CSS, JavaScript

Hrs. Total
Course Language English / Arabic Hours Hrs. sessions
Hrs. Self-Study

Description
This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps
students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point
into both the Web application and Windows Store apps training paths. The course focuses on
using HTML5/CSS3/JavaScript to implement programming logic, define and use variables,
perform looping and branching, develop user interfaces, capture and validate user input, store
data, and create well-structured application. The lab scenarios in this course are selected to
support and demonstrate the structure of various application scenarios. They are intended to
focus on the principles and coding components/structures that are used to establish an HTML5
software application.
Benefits of Enrolling in this Course:
developing applications using HTML5 with JavaScript and CSS3
Foundational Skills:
Overview of HTML and CSS
Creating and Styling HTML5 Pages
Introduction to JavaScript
Creating Forms to Collect Data and Validate User Input
Communicating with a Remote Data Source
Styling HTML5 by Using CSS3
Intermediate Skills:
Creating Objects and Methods by Using JavaScript
Creating Interactive Pages using HTML5 APIs
Adding Offline Support to Web Applications
Implementing an Adaptive User Interface
Animating the User Interface

Basics
Overview of HTML and CSS
Creating and Styling HTML5 Pages
Introduction to JavaScript
Creating Forms to Collect Data and Validate User Input
Communicating with a Remote Data Source
Styling HTML5 by Using CSS3

1
Intermediate
Creating Objects and Methods by Using JavaScript
Creating Interactive Pages using HTML5 APIs
Adding Offline Support to Web Applications
Implementing an Adaptive User Interface
Animating the User Interface

2
 C O U R S E O U T L I N E
C O U R S E O U T L I N E

Getting Started with Git and GitHub

Hrs. Total
Course Language English / Arabic Hours Hrs. sessions
Hrs. Self-Study

Description
Source Code Management is one of the key aspects of DevOps. It is the practice of tracking
and managing the versions of your source code.
Benefits of Enrolling in this Course:
Git is considered to be one of the best tools for version control of source codes. It allows
DevOps Engineers to collaborate, manage code, and implement CI/CD pipelines, code quality,
and Infrastructure as a Code.
Foundational Skills:
Introduction and Installation of Git
How Git Version Control Works?
Useful Git Commands and Basic Concepts
Introduction to GitHub
List of useful GitHub Commands
Intermediate Skills:
Difference Between GitLab and GitHub
How to setup GitLab Repo in Windows 10
How to download and install GitLab?
Bitbucket vs GitHub vs GitLab
Introduction
Introduction and Installation of Git
How Git Version Control Works?
Useful Git Commands and Basic Concepts
Introduction to GitHub
List of useful GitHub Commands
GitLab
Difference Between GitLab and GitHub
How to setup GitLab Repo in Windows 10
How to download and install GitLab?
Bitbucket vs GitHub vs GitLab
Self-Study:
Introduction and Installation of Git
Activity :
Create a GitHub repository and practice commands

3
 C O U R S E O U T L I N E

Developing Front-End Apps with React

Hrs. Total 60
Course Language English / Arabic Hours Hrs. sessions
Hrs. Self-Study

Description
Welcome to the Frontend Development using React course! In this program, you will learn the
fundamentals of frontend development and how to build web applications using the React
library.
The course is best suitable for people with familiarity with web development.
Benefits of Enrolling in this Course:
Develop interactive user interfaces (UIs) and web applications using React, JSX, and ES6.
Build dynamic websites and front-end applications quickly and easily with reusable React
components.
Communicate and exchange data with external services using GET, POST, UPDATE, and
DELETE requests.
Employ and work with various React concepts and features including props, states, hooks,
forms, and Redux.
Foundational Skills:
.Chapter 1: Welcome To React
Chapter 2: Emerging JavaScript
Chapter 3: Functional Programming with JavaScript
Chapter 4: Pure React
Intermediate Skills:
Chapter 5: React with JSX
Chapter 6: React State Management
Chapter 7: Enhancing Components with Hooks
Chapter 8: Incorporating Data
Chapter 9: Suspense
Chapter 10: Testing
Chapter 11: React Router
Chapter 12: React and the Server
Introduction
Chapter 1 : Welcome To React
Chapter 2 : Emerging JavaScript
Chapter 3 : Functional Programming with JavaScript
Chapter 4 : Pure React

Advanced
Chapter 5 : React with JSX
Chapter 6 : React State Management
Chapter 7 : Enhancing Components with Hooks
Chapter 8 : Incorporating Data

4
 Chapter 9 : Suspense
Chapter 10 : Testing
Chapter 11 : React Router
Chapter 12 : React and the Server
Self-Study:
Activity: none

5
 C O U R S E O U T L I N E

NodeJS
Hrs. Total 18
Course Language English / Arabic Hours Hrs. sessions
Hrs. Self-Study

Description
Developers use Node. js to create server-side web applications, and it is perfect for data-
intensive applications since it uses an asynchronous, event-driven model. Now that we know
what is Node, let's look at why it is so prevalent in web development.
Benefits of Enrolling in this Course:
Create server-side applications using the Node.js JavaScript run time.
Extend your Node.js applications with third-party packages and frameworks, including Express.
Use npm to manage Node.js packages in your Node.js application.
Develop asynchronous callback functions and promises to complete asynchronous operations.
Foundational Skills:
Setting Up for Node.js Development
Setting Up for Node.js Development
Core Node.js
Events and Streams
Intermediate Skills:
Getting Started with HTTP
Introducing Express
Persisting Data

Introduction
Setting Up for Node.js Development
Setting Up for Node.js Development
Core Node.js
Events and Streams
Advanced
Getting Started with HTTP
Introducing Express
Persisting Data

6
React Time frame
Self
Onli Onli
Physi Physi stu
ne ne
Courses Contents Hours cal cal dy Notes
sessi Hou
sessi Hour hou
on rs
on s rs
Prompt Engineer 9 2 1 6 3 Instructor Led

Prompt Engineer 3 3 Self-Study

Introduction to Web Development JavaScript Self Study
21 21
with HTML, CSS, JavaScript "From NetAcad"
Getting Started with Git and
15 3 2 9 6 Instructor Led
GitHub
Developing Front-End Apps with
60 12 8 36 24 Instructor Led
React
NodeJS 18 18 Self-Study
Introduction to Containers w/
18 4 2 12 6 Instructor Led
Docker, Kubernetes
Full Stack Web Development
15 3 2 9 6 Instructor Led
Project
Total 159 24 15 72 45 42