Web Designing Training
By
Geeklogics

Web Designing 

Intro to Web App Development

• What is web / internet

• What is web site

• What is web page

• What is web browser

• What is web server

• What is web client

• What is web technology
• Client side web technologies (vs) server side web technologies

HTML 5

• Intro to HTML 5

• Need of HTML 5 in real web sites

• Removed elements

• Remove attributes

• <meter>, <progress>, <figure>, <figcaption>

• <details>, <summary>

• <datalist>, <output>

• New input types

• New attributes of <input> tag

• <audio>, <video>

• LocalStorage, SessionStorage

• <header>, <nav>, <section>, <aside>, <footer>

 Geo location

• App cache

• Web workers

• Server sent events

• Drag and drop

• Important canvas and SVG concepts

CSS 3

• Intro to CSS 3

• rgba

• Border radius

• Box shadow, text shadow

• Word wrap

• Resize

• Multiple columns

• Transitions

• Animations

• 2D Transformations

• Gradient colors
• Font face

Responsive Web Design

• Intro to Page Template Development

• Header, nav, leftcol, pagecontent, footer

• Intro to responsive web design

• Need of RWD in real web sites
• Extra-small, small, medium, large devices

• Media queries

• Targeting CSS file to various resolutions

JavaScript

• Intro to JavaScript

• Need of JavaScript in real web sites

• Variables

• Operators

• Control statements

• Dialog boxes

• User-defined functions

• DOM manipulations

• Event handling

• Click, dblclick, focus, blur

• Mouseover, mouseout, mousemove

• Keyup, keypress, change, onload

• Updating CSS using JavaScript

• Updating attributes using JavaScript

• Creating, removing elements

• Setinterval, Settimeout

• Random

• External JavaScript

• Validations using JavaScript

• String methods

• Date methods

jQuery

• Intro to jQuery

• Need of jQuery in real web sites

• Advantages of jQuery

• jQuery versions

• jQuery production vs development

• Downloading jQuery

• val, html, text

• Bind and Unbind

• Click, dblclick, focus, blur, change

• Mousemove, mouseover, mouseout

• Keypress, keyup

• Disabling cut, copy, paste using jQuery

• Disabling right click using jQuery

• Filtering characters in a textbox using jQuery

• Fade in, fade out, fade to, fade toggle

• Show, hide, toggle

• Slide down, slide up, slide toggle

• jQuery chaining

• addClass, removeClass, toggleClass, hasClass, css
• attr, removeAttr

• jQuery animations

• jQuery animations with easing effects

• Important jQuery selectors and filters

       append, prepend, after, before

• AppendTo, prependTo, insertAfter, insertBefore, clone
• Wrap, wrapAll, empty, remove, replaceWith

JSON

• Intro to JSON

• JSON syntax

• Need of JSON in real web sites

• JSON object

• JSON array

• Complex JSON objects

• Reading JSON objects using jQuery

• Bootstrap

• Introduction to Bootstrap

• Need of Bootstrap in real web sites

• Bootstrap First Example

• Bootstrap Lead

• Bootstrap Alignment

• Bootstrap Text colors

• Bootstrap Tables

• Bootstrap Buttons

• Bootstrap Glyphicons

• Bootstrap Show

• Bootstrap Hidden

• Bootstrap Images

• Bootstrap Jumbotron

• Bootstrap Paging

• Bootstrap Panels

• Bootstrap DropDown

• Bootstrap NavBar

• Bootstrap Breadcrumbs

• Bootstrap ProgressBar
• Bootstrap Modal Plugin
• Bootstrap Tabs Plugin

• Bootstrap Carousel Plugin

• Bootstrap Grid system (Responsive Web Design)

• Bootstrap Forms

jQuery Validations

• Intro to jQuery validation plug-in

• Using jQuery validation plug-in

• Regular expressions

Angular

• Angular Training Overview

• Objectives

• Pre-requisites

• Getting Started

• Creating and Communication Between Components

• Exploring the new template syntax

• Creating Reusable Services

• Routing and Navigation Pages

• Collecting Data with Forms and Form Validation

• Communication Between Components

• Data Manipulation with Pipes

• Dependency Injections and its Uses

Communicating with the Server Using HTTP,Observables and