html, css, js & jquery introduction

13
HTML, CSS, JS -101

Upload: islam-zatary

Post on 18-Dec-2014

207 views

Category:

Technology


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: HTML, CSS, JS & Jquery Introduction

HTML, CSS, JS -101

Page 2: HTML, CSS, JS & Jquery Introduction

HTML Introduction

Page 3: HTML, CSS, JS & Jquery Introduction

HTML Attributes. HTML Heading. HTML Paragraph. HTML Blocks VS Inline Block. HTML Table. HTML List. HTML Layout. HTML Form.

Basic HTML Elements

Page 4: HTML, CSS, JS & Jquery Introduction

How To display the HTML Elements. Three Ways to insert CSS. CSS Syntax. ID VS Classes.

Cascade Style Sheet ( CSS )

Page 5: HTML, CSS, JS & Jquery Introduction

Font. Coloring. Background. Box Model. Units.

Basic Properties

Page 6: HTML, CSS, JS & Jquery Introduction

Language for HTML and the Web. lightweight programming language. Can be inserted into HTML pages.. <script> Tag. Three Ways to insert JS.

Java Script

Page 7: HTML, CSS, JS & Jquery Introduction

Alert(). document.getElementById(id). innerHTMl(). Variables. Function. Operators. Switch. loop

Java Script Web Basic Functions.

Page 8: HTML, CSS, JS & Jquery Introduction

Write less do more. jQuery is a JavaScript Library. Simplifies JavaScript programming. The jQuery library contains the following

features:1. HTML/DOM manipulation2. CSS manipulation3. HTML event methods4. Effects and animations5. AJAX

Jquery

Page 9: HTML, CSS, JS & Jquery Introduction

Install.  jQuery.com. Versions. Selectors. Documents ready event. Events.

Jquery

Page 10: HTML, CSS, JS & Jquery Introduction

Hide/Show. Fade. Slide. Animate.

Jquery Effects.

Page 11: HTML, CSS, JS & Jquery Introduction

Ajax Intro. Load. Get/Post.

Jquery Ajax

Page 12: HTML, CSS, JS & Jquery Introduction

http://www.w3schools.com http://net.tutsplus.com/ http://www.smashingmagazine.com/

References

Page 13: HTML, CSS, JS & Jquery Introduction

Any Questions?????

Islam Al-ZataryKhalid Jamal

Thanks.