WEB APPLICATION

DEVELOPMENT
PROFESSIONAL CERTIFICATE

Art & Design | Creative Dept.

E xcell e n c e T r a i n i n g C e n tr e

OVERVIEW
The course covers in-depth computer science and software
engineering concepts for web application development.

By the end of this course students will be:

• Prepared to fully design and implement full-stack web applications for
their own or industry projects such as: e-commerce, portfolios,
chatbots, etc.
• Prepared for web application development certifications such as Microsoft
and Google Developers

PREREQUISITE
• Having a laptop/computer for in-class activities.
• Eagerness to learn web application development.
 E xcell e n c e T r a i n i n g C e n tr e

APPROACH
Students will get development and programming hands-on experience to
get the best out of the course. For this reason, students will be involved in
the following activities:
 E xcell e n c e T r a i n i n g C e n tr e

LECTURES (ATTENDANCE 30%)

There will be two lectures per week each lecture spans 3 hours. Lectures will cover theory
and practical examples to explain the material. The first half of the lecture will be explaining
theoretical aspects of the topic followed by a set of student. Students are expected to finish
and submit the exercises by the end of the class or the beginning of the next class to receive
a grade.

IN-CLASS EXERCISES (45%)

Following a set of conceptually related topics, students will be assigned a set of exercises
to complete during lecture time or to be submitted before the next lecture starts. In-class
activities can be individual or group work depending on the complexity of it and will be
under the observation and assistance of the instructor.

ASSIGNMENTS (20%)
Following a set of conceptually related topics, students will be assigned take-home
theory and/or practice exercises. These are normally more complex exercises than
in-class activities, for students to practice logical thinking and problem solving.

There are two types of assignments:

• Theory assignments can be problem solving, technology trends,
development tools, analysis or critique questions.
• Practice assignments will require the student to do and submit pieces of
code. Assignment percentage might differ depending on their complexity.

Final project (15%)

This will be a project by the end of each level of the course. It will prepare students to
practice “Development Life Cycle”: planning, analysis, design,
implementation, testing and other aspects such as software documentation,
deployment, user experience, etc.:

• Planning and project idea (5%)

• Project/Requirements analysis (5%)
• User interface designs for desktop and mobile (10%)
• Application design: high-level and low-level designs of both frontend and
backend (20%) Implementation (40%)
• Testing and analysis (5%)
• Fixes (10%)
• Deployment (5%)
 E xcell e n c e T r a i n i n g C e n tr e

CERTIFICATION
A student will receive course completion
and certification if s/he attain 75% or higher
as per the below grade distribution.

In-class Exercises 35%

Attendance 30%
Engagement 5%
Assignment 15%
Final Project 15%

COURSE
MATERIAL
The instructor will share relevant online
references, assignments, labs and lecture
presentation with the students for
reference via email or online hub
depending on the availability of resources.

COURSE
STRUCTURE
This course is structured into two levels
(Introductory and Advanced) to introduce
students from different educational
backgrounds and objectives to web
application development.
 E xcell e n c e T r a i n i n g C e n tr e

STRUCTURE & TIMELINE

This course is structured into two levels (Introductory and Advanced) to
introduce students from different educational backgrounds and objectives
to web application development

LEVEL 1 LEVEL 2
Introductory Level Advanced Level

4 MONTHS 2 MONTHS
This level is designed for students with This level prepares students for
no prior web application development mastering web application
experience. development in-depth backend
concepts.
 E xcelle n c e T r a i n i n g C e n tr e

WHO IS THIS COURSE FOR?

This course is designed to fulfill various students’ motivations and goals.

CERTIFICATIONS
This course will help you develop the required
web application development and software
engineering aspects that are necessary for web
application development certifications such as
Microsoft and Google certifications.

START-UPS
You will practice the full development life cycle of
a project (planning, designing, user experience,
testing, deployments, etc.) during in-class
exercises, assignments, and projects, which will
help you understand the steps needed for
starting your own web app business.

INDUSTRY
In this course, you will practice technical and non-
technical concepts that are needed in industry:
* Managing large scale projects
* Working in teams
* Development life cycle
 E xcell e n c e T r a i n i n g C e n tr e

WHY IS THIS COURSE UNIQUE?

24/7 SUPPORT
You will receive 24/7 support from the center,
instructor and peers via online collaboration tools.

THE “KNOW-HOW”
The class will apply modern teaching methodologies
ACTIVE LEARNING INVERTED CLASSROOMS
to let you learn the “Know- how” of
web development.

PERSONALIZED SUPPORT
If you have a specific goal for the course
(for example, using node.js instead of Django), you
will receive support from the instructor (specifically
in level 2 of the course.)

UNIQUE E-COMMERCE
TOPICS
ONLINE BOTS
COVERED
 E xcell e n c e T r a i n i n g C e n tr e

WHAT EACH LEVEL COVERS?

LEVEL 1 - 4 LEVEL 2 - 2
MONTHS MONTHS

The introductory level covers how This level prepares students for
to build a web application from mastering web application
scratch. It is focused more on development in-depth backend
frontend concepts and less on concepts. Main topics of
complicated backend aspects this level are: performance,
such as web security, scalability, concurrency,
performance, etc. 70% of architecture, other web
frontend and 30% of backend development frameworks,
concepts is covered in this e-commerce, content
course. By the end of this level, management systems.
students will be able to develop a
full web application (user
interface, application logic,
servers and databases).
 E xcell e n c e T r a i n i n g C e n tr e

SYLLABUS
LEVEL 1 - INTRODUCTORY LEVEL

CLASS 1: INTRODUCTION
Course overview
• Students introduction
• Latest technology trends
• Web applications architecture, flow of events, frontend, backend,
application logic, middleware.

CLASS 2: WEB DEVELOPMENT

INSPECTION TOOLS
Introducing Google Chrome Dev tools through “Let’s customize
Facebook” session. This includes:

1. Changing content and colors of Facebook page via HTML,

CSS from chrome dev tools.
2. Running performance, progressive web app tests on Facebook,
WhatsApp or Instagram.
3. Introducing responsiveness via chrome dev tools on web
and mobile. 4. What is a DOM?
5. UI
6. UX
7. Responsiveness
8. Cross-browser compatibility 9. Localization

CLASS 3: VERSION CONTROLLING

FRONTEND INTRODUCTION
• Bitbucket walkthrough and how to use it for this project
• Introducing students to
HTML
CSS
JavaScript
Through exporting an existing web page and a walkthrough with some modifications and
using a suitable text editor for development.
 E xcell e n c e T r a i n i n g C e n tr e

CLASS 4-5: HTML

ASSIGNMENT 1
• Explanation of basic HTML structure, attributes, tags, to achieve a simple web page.
• HTML best practices
• Offline-first web experience

CLASS 6: BOOTSTRAP
ASSIGNMENT 2
Introduction to Bootstrap

CLASS 7-8: CSS

ASSIGNMENT 3
This lesson will cover one of the major tools in Photoshop.
• Working with the Pen Tool

CLASS 9-10: CSS

Students are taught how to create special effects using Photoshop.
Furthermore, Students are taught how to complete and export a project
using the proper settings and file type

CLASS 11: CROSS-BROWSER

• Cross browser compatibility explained

CLASS 12: JAVASCRIPT

ASSIGNMENT 4
• Introduction to programming
• What is JavaScript?
• What is the difference between JavaScript and other
programming languages?
• Asynchronous and Synchronous calls.
• Introduction to JavaScript asynchronous nature.
• Pseudocode and problem solving theory and practice.
 E xcell e n c e T r a i n i n g C e n tr e

CLASS 13: JAVASCRIPT

ASSIGNMENT 5
Variables, arithmetic, data types, loops

CLASS 14: JAVASCRIPT

ASSIGNMENT 6
Data structures: arrays, maps, JSON etc.

CLASS 15: JAVASCRIPT

• Functions/Methods
• JavaScript scope

CLASS 16: JAVASCRIPT

• forms and user input
• input validation
• attributes

CLASS 17: JAVASCRIPT

JS and Browsers: cookies, location, window, etc.

CLASS 18: JAVASCRIPT

• Debugging
• Best practices

CLASS 19: JAVASCRIPT

Ajax
 E xcell e n c e T r a i n i n g C e n tr e

CLASS 20: BACKEND

ASSIGNMENT 7
Detailed high-level architecture of a backend system and how
it interacts with frontend:
• Request/response
• APIs
• Databases
• Application servers such as Apache, Django, Nodejs, PHP
Explanation of a URLs

CLASS 21-22: PYTHON

• Solving problems with python to get used to the language.
• Numbers, strings, lists, if statements, loops
• Introduction to classes
• Building a CLI calculator with python

CLASS 23: DATABASE

ASSIGNMENT 8
• Introduction to DB
• Relations vs. non-relational DB
• Query language

CLASS 24: DATABASE AND PYTHON

• Introduction to DB
• Relations vs. non-relational DB

CLASS 25: DJANGO

ASSIGNMENT 9
• Installation, server and DB setup
• Django high-level project walkthrough
• Building a local server: Basic “hello world!” app.

CLASS 26: DJANGO

• Models and databases
 E xcell e n c e T r a i n i n g C e n tr e

CLASS 27: DJANGO

ASSIGNMENT 10
• HTTP requests
• Exposing APIs and rendering HTML pages
• Linking frontend and backend.
• Model View Controller explanation.

CLASS 28: DJANGO

Forms
Templates

ASSIGNMENT 10
Class-based views
Authentication
18n and localization

ASSIGNMENT 11
Heroku, Amazon Web Services, GoDaddy

Final Project
 E xcell e n c e T r a i n i n g C e n tr e

SYLLABUS
LEVEL 2- ADVANCED LEVEL

CLASS 1-3: WEB DEVELOPMENT

FRAMEWORKS
How to be able to use any framework for web development, applying the
concepts learnt in the introductory level to other web development
frameworks. Students will be assigned exercises and take-home
assignments depending on their choice of frameworks. Frameworks differ
according to target certifications.

CLASS 4-6: CLOUD SERVICES

ASSIGNMENT 1
How to use cloud services such as speech recognition weather, forecast,
news, for your application.

CLASS 7-8: CONTENT

MANAGEMENT SYSTEMS
ASSIGNMENT 2
Understanding content management systems concepts Integrating your
website with a content management system

CLASS 9-13: E-COMMERCE

ASSIGNMENT 3
• Covering main building blocks of an e-commerce website.
• Building your e-commerce web site with an open source framework.
 E xcell e n c e T r a i n i n g C e n tr e

CLASS 14: PERFORMANCE

ASSIGNMENT 4
Web performance theory and application.

CLASS 15: CONCURRENCY

ASSIGNMENT 5
Web concurrency theory and application

CLASS 16: SECURITY

ASSIGNMENT 6
Web security theory and application

Final Project

Duration: 6 Months QAR

Course Fee: 12000 QAR
For Inquiries
+974 7442 2210, +974 7745 2105,
+974 7060 3669, +974 3091 1199, +974 3119 2159

[email protected] www.excellence.qa

44 Bilal Bin Rabah Street, Opposite To Ahli Sports Club Gate

No:1, Villa No: 22, Doha Qatar, Qatar