brochure - web application development · • user interface designs for desktop and mobile (10%)...

WEB APPLICATIONDEVELOPMENT

Art & Design | Creative Dept.

P R O F E S S I O N A L C E R T I F I C A T E

Exce l lence Tra in ing Cent re

O V E R V I E W

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

P R E R E Q U I S I T E• Having a laptop/computer for in-class activities.• Eagerness to learn web application development.

A P P R O A C HStudents will get development and programming hands-on experience to get the best out of the course. For this reason, students will be involved inthe following activities:


A S S I G N M E N T S ( 2 0 % )

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%)

L E C T U R E S ( A T T E N D A N C E 3 0 % )

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.

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.

I N - C L A S S E X E R C I S E S ( 4 5 % )


C E R T I F I C A T I O NA 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%

C O U R S E

M A T E R I A LThe instructor will share relevant online references, assignments, labs and lecture presentation with the students for reference via email or online hubdepending on the availability of resources.

C O U R S E

S T R U C T U R E

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


S T R U C T U R E & T I M E L I N E

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

L E V E L 1

Introductory Level

4 M O N T H S

This level is designed for students withno prior web application development

experience.

L E V E L 2

Advanced Level

2 M O N T H S

This level prepares students formastering web application

development in-depth backendconcepts.


W H O I S T H I S C O U R S E F O R ?

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

C E R T I F I C A T I O N S

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.

S T A R T - U P S

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.

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

I N D U S T R Y


W H Y I S T H I S C O U R S E U N I Q U E ?


2 4 / 7 S U P P O R T

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

P E R S O N A L I Z E D S U P P O R T

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.)

The class will apply modern teaching methodologies ACTIVE LEARNING INVERTED CLASSROOMSto let you learn the “Know- how” ofweb development.

T H E “ K N O W - H O W ”

U N I Q U E

T O P I C S

C O V E R E D

E - C O M M E R C E

O N L I N E B O T S

W H A T E A C H L E V E L C O V E R S ?

L E V E L 1 - 4

M O N T H S

The introductory level covers how to build a web application from scratch. It is focused more on frontend concepts and less on complicated backend aspects

such as web security, performance, etc. 70% of

frontend and 30% of backend concepts is covered in this

course. By the end of this level, students will be able to develop a

full web application (user interface, application logic,

servers and databases).

L E V E L 2 - 2

M O N T H S

This level prepares students for mastering web application

development in-depth backend concepts. Main topics of

this level are: performance,scalability, concurrency, architecture, other web

development frameworks, e-commerce, content management systems.


L E V E L 1 - I N T R O D U C T O R Y L E V E L

S Y L L A B U S

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

C L A S S 1 : I N T R O D U C T I O N

C L A S S 2 : W E B D E V E L O P M E N T

I N S P E C T I O N T O O L S

C L A S S 3 : V E R S I O N C O N T R O L L I N G

F R O N T E N D I N T R O D U C T I O N

• Bitbucket walkthrough and how to use it for this project• Introducing students toHTML CSSJavaScriptThrough exporting an existing web page and a walkthrough with some modifications and using a suitable text editor for development.


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 weband mobile. 4. What is a DOM?5. UI6. UX7. Responsiveness8. Cross-browser compatibility 9. Localization

• 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.

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

Introduction to Bootstrap

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

• Cross browser compatibility explained

C L A S S 1 1 : C R O S S - B R O W S E R

C L A S S 1 2 : J A V A S C R I P T

C L A S S 4 - 5 : H T M L


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

ASSIGNMENT 1

C L A S S 6 : B O O T S T R A PASSIGNMENT 2

C L A S S 7 - 8 : C S S

C L A S S 9 - 1 0 : C S S

ASSIGNMENT 3

ASSIGNMENT 4

• Functions/Methods• JavaScript scope

• forms and user input• input validation• attributes

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

• Debugging• Best practices

Ajax


Variables, arithmetic, data types, loopsASSIGNMENT 5







Data structures: arrays, maps, JSON etc.

ASSIGNMENT 6


• 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

C L A S S 2 0 : B A C K E N D

C L A S S 2 1 - 2 2 : P Y T H O N

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

C L A S S 2 4 : D A T A B A S E A N D P Y T H O N

ASSIGNMENT 7

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

C L A S S 2 3 : D A T A B A S EASSIGNMENT 8• Introduction to DB• Relations vs. non-relational DB• Query language

C L A S S 2 5 : D J A N G OASSIGNMENT 9

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

C L A S S 2 6 : D J A N G O• Models and databases


FormsTemplates

ASSIGNMENT 10

Class-based viewsAuthentication18n and localization

ASSIGNMENT 11Heroku, Amazon Web Services, GoDaddy

C L A S S 2 7 : D J A N G O

C L A S S 2 8 : D J A N G O

ASSIGNMENT 10

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


Final Project

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.

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

L E V E L 2 - A D V A N C E D L E V E L

S Y L L A B U S


C L A S S 1 - 3 : W E B D E V E L O P M E N T

F R A M E W O R K S

C L A S S 4 - 6 : C L O U D S E R V I C E S

C L A S S 7 - 8 : C O N T E N T

M A N A G E M E N T S Y S T E M S

ASSIGNMENT 1

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

C L A S S 9 - 1 3 : E - C O M M E R C EASSIGNMENT 3

• Covering main building blocks of an e-commerce website.• Building your e-commerce web site with an open source framework.

Web performance theory and application.

Web concurrency theory and application

ASSIGNMENT 5

C L A S S 1 4 : P E R F O R M A N C E

C L A S S 1 5 : C O N C U R R E N C Y

Web security theory and application

ASSIGNMENT 6

C L A S S 1 6 : S E C U R I T Y

ASSIGNMENT 4

Final Project


Course Fee: 12000 QARQAR

Duration: 6 Months

www.excellence.qa

+974 7442 2210, +974 7745 2105, +974 7060 3669, +974 3091 1199, +974 3119 2159

[email protected]

44 Bilal Bin Rabah Street, Opposite To Ahli Sports Club GateNo:1, Villa No: 22, Doha Qatar, Qatar

For Inquiries

brochure - web application development · • user interface designs for desktop and mobile (10%)...

Documents