Real world techniques to build websites

PamiCloud Pami Pharaonic

Produced By : ElectroTeam

Senior Developer

Eng. Mohamed Saad

Managing Director

Mrs. Alaa El Garhy

9 July 2015

Static Web Design

Strategy

1. HTML 5. Add web page elements

2. JavaScript (JQuery).

Add interactivity

3. CSS 3. Add style & animation

Tree Of Elements

HTML5 is a core technology markup language of the Internet used

for structuring and presenting content for the World Wide Web.

HTML 5

HTML 5 Contents

1. Basic Concepts. What Makes A Quality Website?

Website Design and Development Process.

2. HTML Coding.

Introduction to HTML coding.

How to create basic Web pages?

Web page elements: Lists, Links &Tables...etc.

W3C Validation validator.w3.org

3. Media.

4. APIs.

5. Graphics.

6. Forms.

HTML 5 Sessions

SE Subject Duration in Hours

1 Basic Concepts & HTML Coding 2

2 Media, API, Graphics & Forms 2

3 Validation Student Project & Final Exam 2

Total 6 Hours

Dynamic programming language

It is most commonly used as part of web browsers, whose implementations

allow client-side scripts to interact with the user, control the browser,

communicate asynchronously, and alter the document content that is

displayed. JavaScript is also considered an "assembly language of the web"

JavaScript

JavaScript Contents

1. JavaScript syntax. • Statements.

• Variables.

• Operators.

• Numbers.

• Strings.

• Math.

• Date.

• Arrays.

2. Conditional Statements.

3. Loops.

4. Type Conversion.

5. Functions.

6. DOM.

Elements.

CSS.

Events.

Methods.

7. JavaScript libraries.

8. Security.

9. Jquery.

JQuery

jQuery is a cross-platform JavaScript library designed to

simplify the client-side scripting of HTML. jQuery is the

most popular JavaScript library in use today.

Covers:-

1- DOM Elements -open source selector.

2- Events.

3- Effects and animations.

JavaScript Sessions

SE Subject Duration in Hours

1 JavaScript Syntax 1

2 Conditional Statements 0.5

3 Loops & Type Conversion 1

4 Functions 0.5

5 DOM 1

6 JavaScript libraries & Security 1

7 Student Project & Final Exam 1

8 JQuery 2

Total 8 Hours

Form Validation Project.

Clickable Tab Interface Project .

Google Maps API Project

Implementation Video

Cascading Style Sheets

Along with HTML and JavaScript, CSS is a cornerstone technology

used by most websites to create visually engaging webpages, user

interfaces for web applications, and user interfaces for many

mobile applications.

CSS

CSS Contents

1. Cascading Style Sheets, how to style Web pages?

2. External and internal style sheets.

3. Styling Web pages elements.

4. Inheritance and what the cascade is?

5. The use of selectors when styling Web pages

6. Responsive CSS with SASS .

7. UI Design Mockups

CSS Sessions

SE Subject Duration in Hours

1 External and internal style sheets 1

2 Styling Web pages elements. 1

3 Layout1 1

4 Layout2 1

5 layout3 1

6 Modify website templates 2

7 Responsive Web Design 2

8 UI Design Mockups 2

Total 11 Hours

Implementation

1. Responsive Menu.

2. Responsive Mega Menu

3. Advanced Typographic.

4. Formatting Visual Data (FLV)

5. CSS Gradients.

6. Scroll-Based CSS Animations.

7. HTML5 Interactive Contents.

Video

Be Advised Home Work And Scheduled Assignment is essential to get your

certificate, but there are more…

Student with A+ [100%-95%] will get one year Hosting account &

off course a Domain Name, TOTALLY Free of Charge, Plus all

ElectroTeam online courses HD on Cd`s with source Code. [C-panel]

Student With Grade A [94.9%-90%] will get two years 100 GByte

Free Hosting service, along with Name servers to connect External

domains with your hosting space, Plus all ElectroTeam online courses

HD on Cd`s with source Code

Student With Grade B+ [89.9%-85%] will get Free Domain and

all ElectroTeam online courses HD on Cd`s with source Code.

Student With Grade B [84.9%-80%] will get all ElectroTeam

online courses HD on Cd`s with source Code.

Contact Us

02 - 2266 9046

010 - 95 800 830

facebook.com/itbigdig

twitter.com/ITBigDig

youtube.com/c/itbigdig

plus.google.com/u/2/+Itbigdig

eg.linkedin.com/in/electroteam

Courses@pamicloud.com

PamiCloud Courses@pamicloud.com