---

🚀 100% Offline / In-Person Classroom and Online Job-Oriented Program: Master WEB ( UI / UX ) / GRAPHIC DESIGNING

---

Group Training Fee: ₹30,000/- ➡️ Offer: ₹15,000/-

One-On-One Training Fee: ₹60,000/- ➡️ Offer: ₹30,000/-

Duration: 5 Months

Course Curriculum

• 1. Adobe Photoshop
• 2. Adobe Illustrator / Coredraw
• 3. Adobe Indesign
• 4. Figma
• 5. Adobe Dreamweaver
• 6. Visual Studio Code
• 7. Fundamentals of Web Technology
• 8. HTML
• 9. XHTML
• 10. CSS
• 11. CSS 3,4
• 12. Basic & Advanced Javascript
• 13. HTML5
• 14. Bootstrap
• 15. jQuery and Jquery UI
• 16. Social Media Integrations
• 17. Search Engine Optimization
• 18. Google Analytics Integration
• 19. Developer Tools and Debugging
• 20. Bitbucket / GitHub (Version Control with Git)
• 21. Jira
• 22. Confluence
• 23. Postman
• 24. Troubleshooting & Debugging
• 25. Generative AI
• 26. CMS (Content Management System): WordPress
• 27. Website Maintenance
• 28. Photoshop Document(PSD) to HTML, CSS (Dreamweaver Layout Conversion):
• 29. Project 1: HTML & CSS
• 30. Project 2: HTML5 & CSS3 Responsive with Floats
• 31. Project 3: HTML5 & CSS3 Responsive with Flexbox
• 32. Project 4: HTML5 & CSS3 Responsive with Grid
• 33. Project 5: JavaScript
• 34. Project 6: CMS (Content Management System): WordPress
• 35. Project 7: Designing and Developing Responsive Website (Bootstrap)
• 36. Domain Registration & Web Hosting

---

1. Adobe Photoshop

• Module 1: Introduction to Photoshop & Interface Overview

  • Photoshop Overview

    • Understanding Photoshop’s applications in web design, photography, and graphic design.
    • Introduction to raster vs. vector graphics.

  • Tools

    • Move Tool (V)
    • Artboard Tool (V)
    • Rectangular Marquee Tool (M)
    • Elliptical Marquee Tool (M)
    • Lasso Tool (L)
    • Polygonal Lasso Tool (L)
    • Magnetic Lasso Tool (L)
    • Object Selection Tool (W)
    • Quick Selection Tool (W)
    • Magic Wand Tool (W)
    • Crop Tool (C)
    • Perspective Crop Tool (C)
    • Slice Tool (C)
    • Slice Select Tool (C)
    • Eyedropper Tool (I)
    • 3D Material Eyedropper Tool (I)
    • Color Sampler Tool (I)
    • Ruler Tool (I)
    • Note Tool (I)
    • Count Tool (I)
    • Spot Healing Brush Tool (J)
    • Healing Brush Tool (J)
    • Patch Tool (J)
    • Content-Aware Move Tool (J)
    • Red Eye Tool (J)
    • Brush Tool (B)
    • Pencil Tool (B)
    • Color Replacement Tool (B)
    • Mixer Brush Tool (B)
    • Clone Stamp Tool (S)
    • Pattern Stamp Tool (S)
    • History Brush Tool (Y)
    • Art History Brush Tool (Y)
    • Eraser Tool (E)
    • Background Eraser Tool (E)
    • Magic Eraser Tool (E)
    • Gradient Tool (G)
    • Paint Bucket Tool (G)
    • 3D Material Drop Tool (G)
    • Blur Tool
    • Sharpen Tool
    • Smudge Tool
    • Dodge Tool (O)
    • Burn Tool (O)
    • Sponge Tool (O)
    • Pen Tool (P)
    • Freeform Pen Tool (P)
    • Add Anchor Point Tool
    • Delete Anchor Point Tool
    • Convert Point Tool
    • Horizontal Type Tool (T)
    • Vertical Type Tool (T)
    • Horizontal Type Mask Tool (T)
    • Vertical Type Mask Tool (T)
    • Path Selection Tool (A)
    • Direct Selection Tool (A)
    • Rectangle Tool (U)
    • Rounded Rectangle Tool (U)
    • Ellipse Tool (U)
    • Polygon Tool (U)
    • Line Tool (U)
    • Custom Shape Tool (U)
    • Hand Tool (H)
    • Rotate View Tool (R)
    • Zoom Tool (Z)
    • 3D Tools (various)
    • 3D Rotate Tool
    • 3D Roll Tool
    • 3D Pan Tool
    • 3D Slide Tool
    • 3D Scale Tool
    • Foreground and Background Color Selector
    • Quick Mask Mode (Q)

  • Photoshop Interface & Workspace

    • Overview of workspaces, tool panels, and navigation.
    • Tools: Move Tool, Marquee Tools, Lasso Tools, Quick Selection Tool, Magic Wand Tool, Crop Tool, Eyedropper Tool.
    • Customizing workspaces, saving, and organizing frequently used tools.
    • Keyboard shortcuts and efficiency tips.

  • File Management & Basics

    • Creating and saving projects: Understanding file types (PSD, JPEG, PNG, TIFF).
    • Resolution types: Image quality, DPI/PPI, and best practices.
    • Color modes: RGB, CMYK, and Grayscale.
    • Navigating the canvas: Zoom, pan, rotate, and understanding guides and rulers.

• Module 2: Understanding Layers & Masks

  • Layer Basics

    • Tools: Layers Panel, Lock, Blend Modes, Opacity.
    • Creating, organizing, merging, and linking layers.
    • Understanding layer properties (opacity, blending modes, styles).

  • Smart Objects & Groups

    • Tools: Smart Object Tool, Layer Grouping.
    • Creating layer groups and converting layers to smart objects.
    • Using smart filters for non-destructive editing.

  • Masking Techniques

    • Tools: Layer Mask Tool, Vector Mask Tool.
    • Introduction to masking: Layer mask and vector mask basics.
    • Creating clipping masks for image overlays.
    • Refine and modify masks for precision.

• Module 3: Selections & Transformations

  • Selection Techniques

    • Tools: Marquee Tool, Lasso Tools (Polygonal, Magnetic), Quick Selection Tool, Magic Wand Tool.
    • Using selection tools for basic and complex selections.
    • Advanced selections: Quick selection, object selection, and refine edge for complex outlines.

  • Transformations & Adjustments

    • Tools: Free Transform Tool (Ctrl/Cmd + T), Skew, Distort, Warp.
    • Transformations: Scale, rotate, distort, skew.
    • Content-Aware Fill Tool, Puppet Warp Tool.
    • Perspective and warp transformations for advanced effects.

• Module 4: Advanced Brush & Drawing Techniques

  • Brush Tools & Customization

    • Tools: Brush Tool (B), Mixer Brush Tool, Pencil Tool, Eraser Tool.
    • Brush settings: Size, hardness, opacity, and blending options.
    • Creating and saving custom brushes.
    • Using pressure sensitivity with tablets for advanced drawing.

  • Digital Painting & Effects

    • Tools: Gradient Tool (G), Smudge Tool, Paint Bucket Tool.
    • Techniques for digital art: Sketching, line art, shading.
    • Smudging, blending, and texture application for realism.

• Module 5: Photo Editing & Retouching Techniques

  • Image Adjustments & Corrections

    • Tools: Adjustment Layers (Levels, Curves, Brightness/Contrast, Hue/Saturation), Dodge Tool, Burn Tool.
    • Understanding histograms and tonal adjustments.
    • Color corrections for image enhancements.

  • Retouching & Repair Tools

    • Tools: Spot Healing Brush Tool, Healing Brush Tool, Patch Tool, Clone Stamp Tool.
    • Retouching images and frequency separation for skin smoothing.
    • Enhancing images using dodge and burn techniques.

  • Filter Techniques & Smart Edits

    • Tools: Filter Menu (Blur, Sharpen, Noise, Liquify).
    • Applying and modifying filters for creative effects.
    • Using smart filters for non-destructive effects.

• Module 6: Typography & Creative Text Effects

  • Text Basics & Styles

    • Tools: Horizontal & Vertical Type Tools, Character & Paragraph Panels.
    • Adding text and formatting character properties.
    • Advanced text settings: Spacing, alignment, and styles.

  • Creative Typography

    • Tools: Warp Text, 3D Extrusion for text.
    • Warping text for creative effects.
    • 3D text effects and using blending modes.

• Module 7: Working with Colors, Gradients & Swatches

  • Understanding Colors & Gradients

    • Tools: Color Picker, Swatches Panel, Gradient Editor.
    • Working with color selections, swatches, and gradient fills.

  • Advanced Color Effects

    • Tools: Gradient Map, Color Lookup Adjustment Layer.
    • Creating color grading techniques using LUTs.

• Module 8: Vector Techniques & Shape Tools

  • Shape Tools & Vector Graphics

    • Tools: Shape Tools (Rectangle, Ellipse, Polygon), Pen Tool (P).
    • Drawing basic and custom vector shapes.

  • Advanced Path Editing

    • Tools: Path Selection Tool, Direct Selection Tool, Convert Point Tool.
    • Path operations for designing icons, buttons, and graphics.

• Module 9: Compositing & Special Effects

  • Blending & Compositing

    • Tools: Blending Modes, Layer Mask, Selection Tools.
    • Creating seamless composites using multiple layers and masks.

  • Special Effects & Filters

    • Tools: Effects Panel, Blur Tools, Noise Filters.
    • Creating glow, shadow, and reflection effects.

  • Texture Application & Design

    • Applying and blending textures using different layer effects.

• Module 10: Smart Objects, Actions & Workflow Automation

  • Smart Objects & Linked Elements

    • Converting layers into smart objects for flexible workflows.
    • Embedding, linking, and updating smart objects.

  • Actions & Automation

    • Tools: Actions Panel.
    • Recording, saving, and playing actions for repetitive tasks.
    • Batch processing for automation.

  • Creating GIFs & Animated Elements

    • Tools: Timeline Panel for animations.
    • Creating frame-based animations and exporting GIFs.

• Module 11: Advanced Photo Manipulation & 3D

  • Advanced Masking & Blending Techniques

    • Complex object isolation and creating shadows & highlights.

  • Photo Manipulation Projects

    • Tools: Adjustment Layers, Blending Modes.
    • Creating surreal photo composites using multiple elements.

  • 3D Techniques & Perspective

    • Tools: 3D Panel, Perspective Grid, Vanishing Point.
    • Working with 3D layers and perspective techniques.

• Module 12: Design Projects & Layouts

  • Design for Print & Digital Media

    • Creating posters, banners, flyers, web, and social media posts.

  • Real-world Mockups & Applications

    • Creating product mockups (apparel, book covers, packaging).

  • Exporting & Optimizing Designs

    • Export settings for web, print, and devices.
    • Optimizing files for different platforms.

• Module 13: Advanced Techniques & Tips

  • Color Grading & Cinematic Effects

    • Creating cinematic color grading using gradient maps.

  • Advanced Composite Workflows

    • Using advanced blending and masking for artistic effects.
• Module 14: Portfolio Development & Practical Challenges

  • Portfolio Development

    • Organizing and curating projects for a professional portfolio.
    • Showcasing various design skills and styles.

  • Practice Projects & Feedback

    • Weekly design challenges (logo design, photo retouch, surreal art).
    • Peer reviews, critiques, and refinement of techniques.

2. Adobe Illustrator

• Introduction to Adobe Illustrator
  • Understanding vector graphics vs. raster graphics
  • Exploring the Illustrator interface: tools, panels, and workspaces
  • Customizing and saving workspaces
  • Navigating and zooming within documents
• Getting Started with Illustrator
  • Creating new documents and setting up artboards
  • Understanding document settings and presets
  • Saving and organizing Illustrator files
• Drawing Basic Shapes
  • Using shape tools: rectangles, ellipses, polygons, and stars
  • Drawing lines, arcs, and spirals
  • Combining shapes to create complex illustrations
• Working with Paths and the Pen Tool
  • Understanding anchor points and paths
  • Drawing straight and curved lines
  • Mastering the Pen Tool for precise vector drawings
  • Using the Curvature Tool for smooth curves
• Transforming and Editing Objects
  • Moving, scaling, rotating, and reflecting objects
  • Using the Free Transform and Transform Each commands
  • Using the Pathfinder panel to merge and subtract shapes
  • Aligning and distributing objects
• Working with Colors and Gradients
  • Understanding CMYK vs. RGB color modes
  • Creating and saving color swatches
  • Applying and editing gradients
  • Working with the Gradient Mesh Tool
• Using Strokes and Brushes
  • Applying and adjusting strokes
  • Using the Width Tool to create variable-width strokes
  • Working with Illustrator's Brush Tool
  • Creating custom brushes
• Working with Layers
  • Understanding the Layers panel
  • Creating and organizing layers
  • Locking, hiding, and deleting layers
  • Using sublayers for better organization
• Typography and Working with Text
  • Creating and editing text objects
  • Using Type on a Path for creative text layouts
  • Converting text to outlines
  • Applying text effects and warping text
• Advanced Drawing Techniques
  • Using the Shape Builder Tool for complex shapes
  • Creating and editing Clipping Masks
  • Mastering the Pathfinder panel
  • Using the Blend Tool for smooth transitions
• Working with Images and Effects
  • Placing and embedding raster images
  • Using the Image Trace panel to convert images into vectors
  • Applying and editing effects using the Appearance panel
  • Using Transparency and Opacity Masks
• Exporting and Saving Artwork
  • Saving files in AI, PDF, SVG, and EPS formats
  • Exporting artwork for web and print
  • Packaging files for print production
  • Integrating Illustrator with Photoshop and InDesign

3. Adobe Indesign

• Getting Started with InDesign
  • Exploring the application interface
  • Customizing and saving workspaces
  • Navigating and zooming within documents
  • Utilizing the Contextual Task Bar for efficient workflow
  • Setting up and managing document presets
• Creating and Managing Documents
  • Creating new documents with various presets
  • Applying and customizing master pages
  • Inserting, deleting, and rearranging pages
  • Implementing sections for advanced page numbering
  • Adjusting page sizes and orientations
• Working with Text
  • Adding and editing text frames
  • Applying advanced character and paragraph formatting
  • Threading text across multiple frames
  • Utilizing the Story Editor for efficient text management
  • Implementing drop caps, bullet points, and numbering
• Incorporating Graphics
  • Placing and fitting images within frames
  • Managing linked and embedded graphics
  • Applying text wrap to images
  • Utilizing the Generative Expand tool for image extension
  • Inserting and customizing QR codes
• Formatting and Designing Objects
  • Drawing and modifying shapes and paths
  • Applying strokes, fills, and gradients
  • Adjusting object transparency and blending modes
  • Adding effects like drop shadows and glows
  • Aligning, distributing, and grouping objects
• Working with Color
  • Creating and managing color swatches
  • Applying and customizing gradients
  • Understanding and using color modes (RGB, CMYK)
  • Implementing spot and process colors
  • Utilizing the Color Theme tool for cohesive designs
• Advanced Layout Features
  • Utilizing layers for organized design elements
  • Creating and applying object styles
  • Implementing tables for structured content
  • Anchoring objects within text flows
  • Setting up and managing multi-page spreads
• Interactive and Digital Publishing
  • Adding hyperlinks and interactive elements
  • Creating interactive PDFs with buttons and forms
  • Exporting documents as EPUBs for e-readers
  • Publishing documents online directly from InDesign
  • Utilizing animation and media for digital publications
• Accessibility and Output
  • Enhancing accessibility with improved page breaks, tables, and figures
  • Preparing documents for print production
  • Packaging files for sharing and printing
  • Exporting documents in various formats (PDF, JPEG, etc.)
  • Utilizing preflight checks to ensure document integrity
• New Features in the Latest Version
  • Exploring the Contextual Task Bar for streamlined workflows
  • Implementing the Generative Expand tool for image extension
  • Utilizing AI-powered features for design enhancements
  • Understanding and applying accessibility updates
  • Exploring other recent enhancements and tools

2. Adobe Dreamweaver

• Software Installation
• Introduction to Adobe Dreamweaver
• Overview of Workspace
• Overview of Interface
• Create a new Page
• Code View & Design View & Split View
• Panels
• Overview of preferences
• Overview of keyboard shortcuts
• Rulers,Grids and Guides
• Checking Browser Compatability
• Common Panel
  • Hyperlink
  • Email Link
  • Named Anchor
  • Horizontal Rule
  • Table
  • Insert Div Tag
  • Images
    • Image
    • Image Placeholder
    • Rollover Image
  • Hotspot
    • Draw Rectangle Hotspot
    • Draw Oval Hotspot
    • Draw Polygon Hotspot
  • Media
    • SWF
    • FLA
  • Date
  • Comment
  • Head
  • Script
    • Script
    • No Script
  • Tag Chooser
• Layout
  • Insert Div Tag
  • Draw Ap Div
  • Spry Menu Bar
  • Spry Tabbed Panels
  • Spry Accordion
  • Spry Collapsible Panel
  • Tabel
    • Insert Row Above
    • Insert Row Below
    • Insert Column to the left
    • Insert Column to the right
  • IFrame
  • Frames
• Forms
  • Form
  • Text Field
  • Hidden Field
  • Checkbox
  • Checkbox Group
  • Radio Button
  • Rado Group
  • Select (List / Menu)
  • Jump Menu
  • Image Field
  • File Field
  • Button
  • Label
  • Fieldset
  • Spry validation Textarea
  • Spry validation Checkbox
  • Spry Validation Select
  • Spry Validation Password
  • Spry Validation Confirm
  • Spry Validation Radio Group
• Using Dreamweaver Template (DWT)
  • Make Template
  • Make Nested Template
  • Editable Region
  • Optional Region
  • Repeating Region
  • Editable Optional Region
  • Repeating Table

1. HTML, XHTML:

• Internet
• Types of Webpages
  • Static Webpage
  • Dynamic Webpage
  • Server Webpage
• Introduction To HTML
• Structure Of HTML
• Tag
  • Empty Tag
  • Container Tag
• Editors
• Basic Tags
• Meta Tags
• Attributes & Parameters
• Formatting Tags
• Quotation and Citation Elements
• Paragraph tag
• Computer Code
• abbr & acronym
• Comments
• Iframe
• Entities and Symbols
• Charset
• Image tag
• Link Tags
• Image Link
• Text Link
• Email Link
• Colors
• List
  • Ordered List
  • Unordered List
  • Nested List
  • Description List
• Table Tag
• Form tags
• XHTML
• Difference Between HTML & XHTML
• Doctypes:DTD
• W₃C
• Introduction To HTML 5
• Deprecated tags
  • center
  • font
  • s
  • strike
  • u
  • acronym
  • frame
  • frameset
  • embed
  • marquee
  • big
  • dir
  • noframes
• Deprecated Attributes
  • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
  • hspace-img
  • vspace-img
  • width-hr, table, td, th, pre.
  • background-body
  • bgcolor-table, tr, td, th and body.
  • rules-table
  • border table
  • cellpadding-table
  • cellspacing-table
  • size-hr
  • type-li, ol and ul
  • noshade-hr

2. CSS 2.1, 3, 4:

• CSS
  • Introduction
  • Syntax
  • Comments
• Types of StyleSheets
  • Internal StyleSheets
  • External StyleSheets
  • Inline StyleSheets
  • Compound StyleSheet
• !important
• Types of Selectors
  • Universal or Global
  • Element or Tag
  • Class
  • Id
  • Descendant
  • Grouping
  • Attribute
• Div's & Span tags
• display
• Block & Inline
• inline-block
• Colors
• CSS UNITS
• Box Model
  • Border
    • border-bottom
    • border-bottom-color
    • border-bottom-style
    • border-bottom-width
    • border-color
    • border-left
    • border-left-color
    • border-left-style
    • border-left-width
    • border-right
    • border-right-color
    • border-right-style
    • border-right-width
    • border-style
    • border-top
    • border-top-color
    • border-top-style
    • border-top-width
    • border-width
  • outline
    • outline-style
    • outline-width
    • outline-color
  • margin
    • margin-bottom
    • margin-left
    • margin-right
    • margin-top
  • padding
    • padding-bottom
    • padding-left
    • padding-right
    • padding-top
• Background
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
  • background
• Image Sprites
• Font
  • font-family
  • color
  • font-size
  • Set Font Size With Pixels
  • Set Font Size With em
  • font-style
  • font-variant
  • font-weight
  • font
• Text
  • Color
  • letter-spacing
  • Word-spacing
  • line-height
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • vertical-align
  • White-space
  • Direction
  • unicode-bidi
• Images
  • border
  • width
  • height
  • opacity
• FORMS
• Links
  • a:link
  • a:visited
  • a:hover
  • a:active
• cursor
• Lists
  • list-style
  • list-style-type
  • list-style-position
  • list-style-image
• Tables
  • border
  • border-collapse
  • width
  • height
  • text-align
  • vertical-align
  • padding
• Dimension
  • height
  • width
  • max-height
  • min-height
  • max-width
  • min-width
• Display / Visibility
• Positioning
  • bottom
  • clip
  • left
  • overflow
  • absolute
  • fixed
  • relative
  • static
  • right
  • top
  • z-index
• float & clear
• Pseudo-class
• Pseudo-element
• Combinators
  • descendant selector (space)
  • child selector (>)
  • adjacent sibling selector (+)
  • general sibling selector (~)
• Navigation Bar
• Dropdown Navigation Bar
• CSS Validations(W₃C)

• CSS 2.0 vs CSS 3 vs CSS 4
• Introduction to css3
• whats new in css3 and CSS4
• border
  • box-shadow
  • border-image
  • border-radius
• Image Reflection
• background
  • background-clip
  • background-origin
  • background-size
  • Multiple Background Images
• Gradients
  • Linear Gradients
    • Top to Bottom
    • Left to Right
    • Diagonal
    • Angles
    • Multiple Color Stops
    • Transparency
  • repeating-linear-gradient
  • Radial Gradients
    • Evenly Spaced Color Stops
    • Differently Spaced Color Stops
    • Set Shape
    • Use of Different Size Keywords
      • closest-side
      • farthest-side
      • closest-corner
      • farthest-corner
  • repeating-radial-gradient
• text effects
  • text-shadow
  • word-wrap
• @FONT Face
  • Browser Support
  • Font Formats
  • Browser Support for Font Formats
  • Using The Font
  • Working with third party plugins
• Google fonts
• 2D Transforms
  • Browser Support for 2D Transforms
  • transform
  • transform-origin
  • translate(x,y)
  • translateX(n)
  • translateY(n)
  • scale(x,y)
  • scaleX(n)
  • scaleY(n)
  • rotate(angle)
  • skew(x-angle,y-angle)
  • skewX(angle)
  • skewY(angle)
• 3D Transforms
  • rotateX()
  • rotateY()
  • rotateZ()
• RGBA
• Box Resize
• Box Sizing
• Outline
• Transitions
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function
    • linear
    • ease
    • ease-in
    • ease-out
    • ease-in-out
• Animations
  • @keyframes
  • animation
  • animation-delay
  • animation-direction
  • animation-duration
  • animation-iteration-count
  • animation-name
  • animation-play-state
    • running
    • paused
  • animation-timing-function
    • linear
    • ease
    • ease-in
    • ease-out
    • ease-in-out
• object-fit
• Multiple Columns
  • column-count
  • column-gap
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
• User Interface
  • resize
  • outline-offset
• Variables
• Box-sizing
• object-fit
• object-position
• Flex
• Media Queries
• Overview of CSS 3.0 compatabilities for Internet Explorer

CSS POLYFILLS FOR CROSS BROWSER COMPATIBILITY

***Content will be updated as per latest updations.

3. JavaScript:

• Introduction to javascript
  • Syntax
  • Statements
  • Comments
• Popup Boxes
  • Alert
  • Confirm
  • Prompt
• Variables
• Operators
  • Arithmetic
  • Assignment
  • Comparison
  • Logical
  • Conditional
• Conditional Statements
  • if
  • if...else
  • if...else if...else
  • Switch
• Loops
  • while
  • do...while
  • for
  • for...in
  • Break
  • Continue
• Functions
  • User-defined Functions
    • Function Syntax
    • Function with Arguments
    • Returning Values from Functions
    • Closures
    • Local and Global Variables
  • Built-in Functions
• Events
  • Introduction
  • Mouse Events
  • Keyboard Events
  • Form Events
  • Document/Window Events
• Page redirection
• Page Printing
• Built-in Objects
  • Introduction
  • Number
  • Strings
  • Math
  • Arrays
    • Array Properties and Methods
  • Date
  • Boolean
  • Regexp
• Advanced javascript
  • Error handling
  • Debugging
  • HTML DOM
    • Introduction
    • Methods
    • Document
    • HTML
    • CSS
    • Events
    • EventListener
    • Nodes
  • Browser BOM
    • Window
    • Screen
    • Location
    • Popup Alert
    • Popup Confirm
    • Popup Prompt
    • Timing
    • print
  • Creating a JavaScript Object
  • JavaScript Keyword new
  • Using an Object Constructor
  • Adding methods to an object
  • CLOSURES
  • Form Validations
    • Basics of Form Validation
    • Validating Radio Buttons
    • Validating Checkboxes
    • Validating Select Menus
    • Validating Text & Textareas
    • Validating Through Regular Expressions : Alphabetical, Alphanumeric, Email, Date, Image, Password and so on

4. HTML 5, 5.1:

• What is HTML 5
• Overview of HTML 5
  • Browser Support
  • W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications
  • Power of HTML5 in web & mobile Domains
  • Overview of updated new features
• HTML5 Syntax
  • The DOCTYPE
  • Character Encoding
  • The <script> tag
  • The <link> tag
  • HTML5 Document
• Forms
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • time
  • url
  • week
• Form Elements
  • <datalist>
  • <output>
• New attributes for <form>
  • autocomplete
  • novalidate
• New attributes for <input>
  • autocomplete
  • autofocus
  • form
  • formaction
  • formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step
• Video and Audio
  • Media
  • <audio>
  • <video>
  • <source>
  • <embed>
  • plugins
  • youtube
• Types of Elements
  • Semantic Elements
  • Structural Elements
• HTML5 NEW ELEMENTS
  • <article>
  • <aside>
  • <canvas>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <hgroup>
  • <main>
  • <mark>
  • <meter>
  • <nav>
  • <section>
  • <summary>
  • <time>
• Migration from HTML4 to HTML5
  • HTML5 Browser Support
    • HTML5 Elements as Block Elements
    • Adding New Elements to HTML
    • Problem With Internet Explorer
    • Complete Shiv Solution
    • HTML5 Skeleton
• HTML5 DEPRECATED TAGS
  • <acronym>
  • <center>
  • <font>
  • <frame>
  • <frameset>
  • <s>
  • <u>
• HTML5 DEPRECATED ATTRIBUTES
  • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
  • background-body
  • bgcolor-table, tr, td, th and body.
  • border table
  • cellpadding-table
  • cellspacing-table
  • hspace-img
  • vspace-img
  • noshade-hr
  • rules-table
  • size-hr
  • type-li, ol and ul
  • width-hr, table, td, th, pre.
• Web Storage
  • Local Storage
  • Session Storage
• Web Workers
• MathML
  • Introduction
  • Browser Support
  • MathML Characters
  • Matrix Presentation
  • Math Formulas
• Drag and Drop API
  • Browser Support
  • Make an Element Draggable
  • What to Drag - ondragstart and setData()
  • Where to Drop - ondragover
  • Do the Drop - ondrop
  • Drag image back and forth
• Canvas Overview
  • Lines
  • Curves
  • font
  • Image
  • Paths
  • Shapes
  • Color, gradients
• SVG
  • What is SVG?
  • SVG Advantages
  • Differences Between SVG and Canvas
  • Rectangle
  • Circle
  • Ellipse
  • Line
  • Polygon

5. Polyfills:

• HTML5 Cross Browser Polyfills

6. SASS, SCSS:

• Variables
• Nesting
• Partials
• Modules
• Mixins
• Extend/Inheritance
• Operators

7. Bootstrap:

• Get Started?
  • What is Bootstrap?
  • Bootstrap History
  • Why Use Bootstrap?
  • What Does Bootstrap Include?
  • HTML File
  • Adding Bootstrap to Your Web Pages
  • Downloading Bootstrap
  • Bootstrap CDN
  • Put Your HTML Elements Inside Containers
  • Bootstrap Browser/Device Support
• Typography
• Colors
• Tables
• Images
• Jumbotron
• Alerts
• Buttons
• Button Group
• Button Dropdown
• Badges
• Progressbars
• Pagination
• List Groups
• Cards
• Collapse
• Navbar
• Forms
• Inputs
• Carousel
• Modal
• Tooltip
• Popover
• Scrollspy
• Utilities
• Grid Sytem
• BOOTSTRAP RESPONSIVE LAYOUT PROJECT

JQUERY, AJAX and JSON

• Introduction
  • What is jQuery
  • Downloading and Installing jQuery
  • Creating a Simple Page in jQuery
  • Overview of jQuery Features
  • The Document Ready Function
  • How to use Custom Scripts?
• Selectors
  • How to use Selectors?
  • Name
  • #ID
  • .Class
  • Universal (*)
  • Multiple Elements E, F, G
  • Attribute Selector
• JQUERY EFFECTS
  • hide/show
  • fade
  • slide
  • animate
  • toggle
  • stop
  • Callback
  • Chaining
• DOM TRAVERSING
  • Ancestors
  • Descendants
  • Siblings
  • Filtering
• Form Selectors
• HTML
  • Get
  • Set
  • Add
  • Remove
  • CSS Classes
  • css()
  • Dimensions
• jQuery Events
• noConflict() Method
• AJAX Methods
  • load( )
  • $.get( )
  • $.post( )
  • $.getScript( )
  • $.getJSON( )
  • $.ajax( )
  • AJAX Events
    • ajaxComplete( )
    • ajaxStart( )
    • ajaxError( )
  • JQUERY UI LIBRARY Overview
  • Jquery Theme Roller