Course Outline:

 Module 1: Photoshop

• Basic knowledge of Photoshop
• Tools overview
• Image editing
• Retouching Techniques
• Filtrating & Drawings
• Layer Management
• Using Presets
• Typography

Module 2: HTML

• Introduction to HTML
• Which IDE to use and how to use IDE for HTML, CSS and PHP, Basic ideas on IDE tools and menu.
• Ideas on HTML Attributes and Tags, how and where to use which attributes and tags. Showing Common mistakes on tag placements.
• HTML headings, paragraph, anchor, image, inline elements, block elements overview, usages and placements.
• HTML Form elements, input, select, textarea, radio box, checkbox, buttons elements overview, usages and placements.

Module 3: HTML & HTML 5   

• HTML lists, tables, quote, frames, fieldset,iframe elements overview, usages and placements.
• Introduction to HTML5 and overview on difference from HTML.
• HTML5 elements overview, usages and placements.
• HTML5 media, video, audio elements overview, usages and placements.
• HTML5 Canvas, SVG and Media elements overview, usages and placements.

Module 4: Cascade Style Sheets (CSS)

• Introduction to CSS, what is CSS and how and where to use it.
• Relationship with HTML & HTML5. How CSS will work with HTML & HTML5.
• What is Inline CSS, where to write it, precedence & priority of Inline CSS.
• What isInternal CSS, where to write it, precedence & priority of InternalCSS.
• What is External CSS, where to write it, precedence & priority of External CSS.
• What is CSS overriding, how and where it takes places.
• CSS syntax, Classes & IDs, Floating, Positioning and overflow.
• CSS use of fonts, from where and how to get fonts and how to use those.
• CSS use of colors, Margins, Paddings, Borders, width and height, alignments and opacity.
• CSS for block, inline and inline-block, display, display-table and visibility properties of HTML elements.

Module 5: CSS3

• Introduction to CSS3, Difference between CSS and CSS3, and extra benefits of using CSS3.
• CSS3 use of texts, fonts, shadows and gradients.
• CSS3 use of backgrounds, border images and rounded corners elements.
• CSS3 making cool visual with use of transitions and animations.
• CSS3 making cool visual with use of 2D and 3D transforms.
• CSS3 Box sizing and Flex box features and use of these.
• Use of Cross Browser CSS hacksto show HTML view same on different browsers.

Module 6: HTML & HTML 5   

• Creating HTML & HTML 5 pages practically using CSS/CSS3 and project assignment.

Module 7: PSD to HTML Conversion 

• Learn what is PSD slicing, how to slice PSD to convert to HTML files.
• Work with PSD layers to convert each layers to single HTML file.
• Convert PSD design to fixed width HTML with pixel perfect calculation.

Module 8: PSD to HTML Conversion

• Practical and Project Assignments on PSD to fixed width HTML.

Module 9: PSD to HTML Conversion

• Introduction to responsive HTML, where and when to use it and benefits of making responsive HTML.
• Introduction to Media Query, media query syntax, how to use media query to make a HTML file to responsive.

Module 10: PSD to HTML Conversion

• Practical and Project Assignments on PSD to responsive HTML using Media Query

Module 11: PSD to HTML Conversion

• Introduction to percentage based element displaying, positioning and alignments. How percentage features will make a HTML responsive.

Module 12: PSD to HTML Conversion

• Practical and Project Assignments on PSD to Responsive HTML using both media query and percentage.

Module 13: JAVASCRIPT        

• Introduction to Javascript, what is client side scripting, what is the benefits of using Javascript.
• Where to write scripts, internal and external Javascript placements.
• Javascript syntax, common syntax as global programming languages.
• Javascript data types, creating variables and variable scopes.
• Javascript integer, string, array and object variables, initializations and usages,

Module 14: JAVASCRIPT

• Javascript use of operators, arithmetic and assignments.
• Javascript using functions, parameters and return types.
• Javascript built in functions and methods and usages.
• Javascript use of Math, Date, Array and String methods.
• Javascript use of conditions, loops and break.
• JavaScript examples and assignments.

Module 15: JQUERY

• Introduction to jQuery, benefits of using jQuery library than to use raw Javascript.
• jQuery syntax and how to write code in jQuery.
• What is DOM elements, how to jQuery to traversing DOM element easily, necessity for element traversing. Make use to element traversing functions and most common usages.
• Using jQueryto handle and control DOM elements CSS to change element behavior in client side.

Module 16: JQUERY

• How to use jQueryeffects and animationsto show nice effects in client side. Get used to built in animation/effect functions and make new custom effects.
• What is jQuery plugins, where to get these and how and why to use these.

Module 17: JQUERY

• Practical and Project Assignments for making some small animations with element traversing options.

Module 18: BOOTSTRAP

• Introduction to Bootstrap, what are the benefits to use Bootstrap.
• Knowing Bootstrap features, grids and measurements, use of Form elements, lists and panels.
• Bootstrap use of popup, modal, tooltips, navigations and carousel,
• PSD to bootstrap HTML conversion using bootstrap features.
• Customizing Bootstrap attributes and necessity for this.

Module 19: BOOTSTRAP

• Practical and Project Assignment on PSD to bootstrap HTML conversion.