Web Designing Course Course Summary: HTML, CSS, JavaScript, jquery, Bootstrap, GIMP Tool Course Duration: Approx. 30 hrs. Pre-requisites: Familiarity with any of the coding languages like C/C++, Java etc. Following is the list of topics that will be covered during the course: 1. HTML a) Introduction and HTML History b) Basics, Elements and Attributes c) HTML Skeleton and HTML5 DOCTYPE and charset declarations d) HTML Comments e) HTML Headings, Paragraphs and Formatting f) HTML Entities g) HTML iframe with Youtube Video Embedd Example h) HTML URL i) HTML and XHTML j) HTML Links k) HTML Images l) HTML Tables m) HTML Lists n) HTML Blocks o) HTML Colors p) HTML Layouts a. Div based design b. Table based design q) HTML Forms
a. Form Tag b. Input Tag c. Select Tag i. HTML 5 Attributes: autocomplete, novalidate i. HTML 4 Types: text, password, submit, reset, radio, checkbox, button ii. HTML 5 Types: color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week iii. HTML 4 Attributes: value, readonly, disabled, size, maxlength iv. HTML 5 Attributes: autocomplete, autofocus, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height and width, list, min and max, multiple, pattern (regexp), placeholder, required, step i. Option and Optgroup d. Textarea Tag e. Label Tag f. Fieldset Tag g. Legend Tag h. Button Tag i. Datalist Tag j. Keygen Tag k. Output Tag r) HTML5 New Semantic Elements s) HTML Canvas t) HTML SVG u) HTML Google Maps v) HTML 5 Video and Audio w) HTML 5 Drag and Drop x) HTML 5 Local Storage y) HTML 5 Server Sent Events z) HTML5 Coding Conventions 2. CSS / CSS3 a) Introduction and Syntax b) Selectors
a. CSS ID and Class b. CSS Combinations c. CSS Pseudo Elements d. CSS Pseudo Classes e. CSS Attribute Selectors c) Backgrounds d) Text and Fonts e) Links and Lists f) Opacity or Transparency g) Counters h) Css Tooltips i) Formatting Form Elements j) Box Model a. Border b. Outline c. Margin d. Padding k) Advanced a. Dimensions b. Display c. Positioning d. Floating e. Align l) CSS3 Borders m) CSS3 Backgrounds n) CSS3 Text Effects o) CSS3 Colors p) CSS 3 Gradients and Shadows q) CSS3 2D Transforms r) CSS3 3D Transforms s) CSS3 Animations t) CSS3 Media Queries 3. 960.grid system (Responsive Design for Mobile and Tablet Websites ) 4. Bootstrap
a) BS Introduction b) BS Basics I. Container II. Jumbotron c) BS Grid System I. Small Devices II. Medium Devices III. Large Devices 5. JavaScript a) Introduction b) Statements & Comments c) Variables d) Operators and Comparisons e) Conditional Statements and Loops f) User Defined Functions g) JS Objects a. Object Definition and Constructor b. Object Properties c. Object Prototypes h) JS Events a. onchange b. onclick c. onmouseover d. onmouseout e. onkeydown f. onload i) JS String and String Methods j) JS Numbers and Number Methods k) JS Math l) Implementing a Simple Calculator Using Javascript m) JS Validations using Regular Expressions n) JS Document Object Model o) JS Browser Object Model
6. JQuery (UI): a) Introduction and Installation b) Syntax c) jquery Selectors d) jquery Events e) jquery Effects i. Hide and Show Effect ii. Fade Effect iii. Slide Effect iv. Animate f) jquery Callbacks g) jquery and AJAX (Pre-Requisite: ServerEnd Technology) i. Load Function ii. Ajax Function h) Implementing jquery Plugins i) jquery UI : i. Implementing Accordion ii. Implementing Datepicker iii. Implementing jquery Menu iv. v. Implementing Tabs Implementing Progessbar 4. GIMP Tool: a. Image Layering b. Image Transparency c. GIF Creation d. Gradients e. Lasso Tool
7. JQuery (UI): a) Introduction and Installation b) Syntax c) jquery Selectors d) jquery Events e) jquery Effects iii. Hide and Show Effect iv. Fade Effect iii. Slide Effect iv. Animate f) jquery Callbacks g) jquery and AJAX (Pre-Requisite: ServerEnd Technology) iii. Load Function iv. Ajax Function h) Implementing jquery Plugins i) jquery UI : iv. Implementing Accordion v. Implementing Datepicker vi. Implementing jquery Menu iv. v. Implementing Tabs Implementing Progessbar 4. GIMP Tool: f. Image Layering g. Image Transparency h. GIF Creation i. Gradients j. Lasso Tool