ui(html, css, java script, bootstrap, jquery, ajax ... · ui course content ui(html, css, java...

14
UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5 -------------------------------------------------------------------------------------------- Overview Basic Tags Elements Attributes Formatting Phrase Tags Meta Tags Comments Examples / Demos : Text Examples Headings Examples Links Examples Images Examples Lists Examples Tables Examples Forms Examples

Upload: lamngoc

Post on 01-Aug-2018

254 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS)

HTML4 & HTML5

--------------------------------------------------------------------------------------------Overview

Basic Tags

Elements

Attributes

Formatting

Phrase Tags

Meta Tags

Comments

Examples / Demos :

Text Examples

Headings Examples

Links Examples

Images Examples

Lists Examples

Tables Examples

Forms Examples

Page 2: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

HTML Stylesheet

HTML Javascript

HTML4 vs HTML5

List of Elements & Examples

List of Attributes & Examples

Custom Attributes

List of Events & Examples

Web Forms Examples

Web Forms2.0

Demos :

Web Storage

Server Sent Events

Canvas

Audio & Video Players

Geo-Location

Drag & Drop

Web Worker

Tools :

Validator.nu Validation

Modernizr

Page 3: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Validation

CSS & CSS3

--------------------------------------------------------------------------------------------

Overview

Implementation of CSS :

3 Types of Implementation of CSS - Inline, Embed & External

List of Properties :

Animation

Background

Border

Color

Dimension

Flexible

Font

MultiColumn

Outline

PageBreak

Table

Text

Page 4: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Transform

Transition

VisualFormating

Bootstrap

--------------------------------------------------------------------------------------------

Overview

Environment Setup

Bootstrap with CSS :

Grid System

CSS Overview

Typography

Code

Tables

Forms

Buttons

Images

Helper Classes

Responsive Utilities

Bootstrap Layout Components :

Page 5: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Glyphicons

Drop Downs

Button Groups

Button Drop Downs

Input Groups

Navigation Elements

Navbar

Breadcrumb

Pagination

Labels

Badges

Jumbotron

Page Header

Thumbnails

Alerts

Progress Bars

Media Object

List Group

Panels

Wells

Page 6: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Bootstrap Plugins :

Plugins Overview

Transition Plugin

Modal Plugin

Dropdown Plugin

Scrollspy Plugin

Tab Plugin

Tooltip Plugin

Popover Plugin

Alert Plugin

Button Plugin

Collapse Plugin

Carousel Plugin

Affix Plugin

Bootstrap Demos :

Grid Demo

Table Demo

Form Demo

Buttons Demo

Images Demo

Page 7: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Responsive Demo

Navigation Demo

Blog Demo

Material Design Demo

Slider Demo

Time line Demo

Alert Demo

Admin Interface Demo

Ajax Demo

Tabbed Slider Demo

Caption Demo

Map Demo

Calender Demo

Social Icons Demo

Icons Demo

Featured Demo

Java Script

--------------------------------------------------------------------------------------------

Introduction

Page 8: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Syntax

Enabling

Placement

Variables

Operators

If...Else

Switch Case

While Loop

For...In

Loop Control

Functions

Events

Cookies

Page Redirect

Dialog Boxes

Void Keyword

Page Printing

Objects :

Objects

Number

Page 9: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Boolean

Strings

Arrays

Date

Math

RegExp

HTML DOM

Advanced :

Error Handling

Validations

Animation

Multimedia

Debugging

Image Map

Browsers

JQuery

--------------------------------------------------------------------------------------------

Introduction

Basics

Page 10: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Selectors

Attributes

Traversing

CSS

DOM

Events

AJAX

Effects

UI :

Interactions

Widgets

Theming

References :

Utilities

Plugins :

Plugins

PagePilling.js

Multiscroll.js

Slidebar.js

Rowgrid.js

Page 11: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Alertify.js

Progessbar.js

Slideshow.js

Checkout.js

Producttour.js

Megadropdown.js

AJAX

--------------------------------------------------------------------------------------------

What is AJAX

Technologies

Examples

Browser Support

Action

XMLHttpRequest

Database Operations

Security

Issues

AngularJS

Page 12: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

--------------------------------------------------------------------------------------------

Overview

Environment Setup

MVC Architecture

First Application

Directives

Expressions

Controllers

Filters

Tables

HTML DOM

Modules

Forms

Includes

AJAX

Views

Scopes

Services

Dependency Injection

Custom Directives

Page 13: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Internalization

Application Examples :

ToDo

Notepad

Bootstrap

Login

Upload

In-Line

Nav

Switch

Order

Search

Drag

Cart

Translate

Chart

Maps

Share

Weather

Timer

Page 14: UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX ... · UI COURSE CONTENT UI(HTML, CSS, Java Script, Bootstrap, JQuery, AJAX, AngularJS) HTML4 & HTML5-----Overview

UI COURSE CONTENT

Leaflet

Lastfm