Django Complete UI

UI
TECHNOLOGIES




UI
TECHNOLOGIES




1 NARESH IT, 2nd Floor, Durga Bhavani Complex, Satyam Threater Rd, Ameerpet, HYD
Telangana-500016 | Tel:+91 40 2374 6666 | Ph:+91 90009 94007 | www.nareshit.in

, UI
TECHNOLOGIES




INDEX
1) HTML ……………………………………….. 3

2) CSS …………………………………………. 23

3) Bootstrap ………………………………. 60

4) JavaScript ………………………………. 84

5) DOM ……………………………………. 123

6) jQuery ………………………………….. 140




2 NARESH IT, 2nd Floor, Durga Bhavani Complex, Satyam Threater Rd, Ameerpet, HYD
Telangana-500016 | Tel:+91 40 2374 6666 | Ph:+91 90009 94007 | www.nareshit.in

, UI
TECHNOLOGIES




HTML
Study Material




3 NARESH IT, 2nd Floor, Durga Bhavani Complex, Satyam Threater Rd, Ameerpet, HYD
Telangana-500016 | Tel:+91 40 2374 6666 | Ph:+91 90009 94007 | www.nareshit.in

, UI
TECHNOLOGIES

HTML (HYPER TEXT MARKUP LANGUAGE)
Agenda
1) HTML
2) JS
3) CSS
4) Bootstrap
5) JQuery
6) Python
7) Django
8) SQLite|Oracle|MySQL

Web Application:
The applications which will provide services over the web are called web applications.

Eg: gmail.com, facebook.com, durgasoftvideos.com et

Every web application contains 2 main components

1) Front-End
2) Back-End

1) Front-End:
 It represents what user is seeing on the website
 We can develop Front-End content by using the following technologies:
 HTML, JS, CSS, JQuery and BootStrap

 JQuery and Bootstrap are advanced front-end technologies, which are developed by
using HTML, CSS and JavaScript only.

HTML: HyperText Markup Language
Every web application should contain HTML. i.e HTML is the mandatory technology for
web development.It represents structure of web page




4 NARESH IT, 2nd Floor, Durga Bhavani Complex, Satyam Threater Rd, Ameerpet, HYD
Telangana-500016 | Tel:+91 40 2374 6666 | Ph:+91 90009 94007 | www.nareshit.in