Diploma Web Designing (DWD) in West Delhi

Training Mode
Regular
Fastrack
Crash
Classroom | Online
6 Months
3 Months
2 Months

A Diploma in Web Developing (DWD) provides comprehensive training in website design and development. The course covers HTML, CSS, JavaScript, PHP, MySQL, and frameworks like Bootstrap and React. Students learn front-end and back-end development, website hosting, and UI/UX design. Ideal for aspiring web developers, freelancers, and IT professionals, this diploma enhances career opportunities in web development, e-commerce, and digital marketing industries.

Module-1 Designing : Duration (3 Months)

Module 1: Introduction to Photoshop

  • Raster And Vector
  • Set Image Size, Unit, Resolution & Color Mode
  • Color Profile
  • Photoshop Overview

Module 2: Selection

  • Make Selection With Tools
  • Rectangular Marquee
  • Elliptical Marquee
  • Single Row
  • Single Column
  • Lasso
  • Polygonal Lasso
  • Magnetic Lasso
  • Quick Selection
  • Magic Wand

Module 3: Crop & Select Color

  • Crop Tool
  • Perspective Crop
  • Slice
  • Slice Selection
  • Eyedropper
  • Color Sampler

Module 4: Image Editing Tools & Color Correction

  • Spot Healing
  • Healing
  • Patch
  • Content-Aware Move
  • Red Eye
  • Adjustments
  • Brightness/Contrast
  • Levels
  • Curves
  • Exposure
  • Vibrance
  • Hue/Saturation
  • Color Balance
  • Black & White
  • Photo Filter
  • Channel Mixer
  • Color Lookup

Module 5: Brush Tools

  • Brush
  • Create Brush
  • Upload Brush
  • Use Brush Setting
  • Pencil
  • Color Replacement
  • Mixer Brush
  • Clone Stamp
  • Pattern Stamp
  • Eraser
  • Background Eraser
  • Magic Eraser
  • Blur
  • Sharpen
  • Smudge
  • Dodge
  • Burn
  • Sponge

Module 6: Color

  • Fill Color In Selection
  • Pattern
  • Gradient
  • Paint
  • Bucket

Module 7: Create Path

  • Use Pen
  • Freeform Pen Tool
  • Add Anchor Point
  • Convert Point

Module 8: Text

  • Use Horizontal & Vertical Type
  • Use Horizontal & Vertical Type Mask
  • Character & Paragraph Palette
  • Font Size
  • Font Family
  • Font Style
  • Leading
  • Kerning
  • Tracking
  • Horizontal & Vertical Scale
  • Baseline Shift
  • Paragraph Align
  • Left & Right Indent
  • Before & After Paragraph Space

Module 9: Create Shape

  • Rectangle
  • Rounded Rectangle
  • Ellipse
  • Polygon
  • Line
  • Custom Shape Create And  Add Shape

Module 10: Work Mask

  • Clipping Mask
  • Layer Mask
  • Type Mask
  • Vector Mask
  • Quick Mask

Module 11: Layer Style

  • Bevel & Emboss
  • Stroke
  • Inner Shadow
  • Inner Glow
  • Satin
  • Color Overlay
  • Gradient Overlay
  • Pattern Overlay
  • Outer Glow
  • Drop Shadow

Module 12: Practice Work

  • Create Banner
  • Poster
  • Mobile App UI
  • Website UI (Responsive)
  • Social Media Post

Module 13: Filter

  • Filter Gallery
  • Camera Raw
  • Liquify
  • Oil Paint
  • Vanishing Point
  • Blur
  • Distort
  • Noise
  • Pixelate
  • Render
  • Sharpen
  • Stylize

Module 14: 3D

  • Create 3D Shape
  • 3D Text
  • 3D Custom Shape
  • Apply Texture
  • Use 3D Material Eyedropper
  • Use 3D Material Drop

Module 15: Use Adv. Option

  • Action
  • Animation
  • Create GIF File

Module 16: Export File In

  • .Psd
  • .Jpg
  • .Png
  • .Gif
  • .Pdf
  • .Pdf

Module 1: Introduction to Illustrator

  • Understanding Raster vs. Vector Graphics
  • Setting Up an Artboard: Size, Units, Resolution & Color Mode
  • Color Profiles & Their Applications
  • Overview of Adobe Illustrator Interface

Module 2: Selection Tools

  • Using the Selection Tool (V)
  • Direct Selection Tool (A)
  • Group Selection Tool
  • Magic Wand Tool
  • Lasso Tool

Module 3: Transform & Crop

  • Scaling, Rotating, and Skewing Objects
  • Aligning & Distributing Elements
  • Using the Pathfinder & Shape Builder Tool
  • Clipping Masks
  • Crop Tool & Artboard Management

Module 4: Drawing & Editing Shapes

  • Creating Basic Shapes (Rectangle, Ellipse, Polygon, Line, etc.)
  • Custom Shape Creation
  • Editing with Anchor Points
  • Pathfinder Panel for Shape Merging & Division

Module 5: Pen & Pencil Tool

  • Understanding the Pen Tool for Precision Drawing
  • Freeform Pen Tool
  • Adding & Deleting Anchor Points
  • Using the Convert Point Tool
  • Pencil Tool & Smooth Tool

Module 6: Brushes & Stroke

  • Using Different Brush Types
  • Creating & Importing Custom Brushes
  • Stroke Weight, Dashed Lines, and Arrowheads
  • Blob Brush vs. Paintbrush

Module 7: Working with Color & Gradients

  • Fill & Stroke Colors
  • Creating Custom Swatches & Palettes
  • Using the Gradient Tool
  • Applying Patterns & Textures
  • Blending Modes & Opacity Adjustments

Module 8: Text & Typography

  • Working with Type Tool (Point vs. Area Text)
  • Character & Paragraph Panel Adjustments
  • Kerning, Leading, Tracking, and Alignment
  • Warping & Outlining Text
  • Creating Text on a Path

Module 9: Layers & Masks

  • Working with the Layers Panel
  • Clipping Masks vs. Opacity Masks
  • Using Layer Groups & Sublayers
  • Isolation Mode for Efficient Editing

Module 10: Effects & Appearance

  • Using the Appearance Panel for Non-Destructive Editing
  • Drop Shadows, Inner & Outer Glows
  • Using 3D Effects (Extrude & Bevel, Revolve, Rotate)
  • Warp & Distort Effects

Module 11: Working with Images & Tracing

  • Placing Raster Images in Illustrator
  • Image Trace for Converting Bitmaps to Vectors
  • Editing Traced Objects
  • Using the Knife, Scissors, and Eraser Tools

Module 12: Creating Illustrations & Icons

  • Designing Vector Illustrations
  • Creating Scalable Icons for UI/UX
  • Using the Grid & Guides for Precise Alignment

Module 13: Using Advanced Features

  • Working with Symbols & Graphic Styles
  • Using the Blend Tool for Smooth Transitions
  • Envelope Distort for Unique Shapes
  • Perspective Grid & Isometric Drawing

Module 14: 3D in Illustrator

  • Creating 3D Objects
  • 3D Text Effects
  • Applying Materials & Textures
  • Lighting & Shadow Adjustments

Module 15: Designing for Print & Digital

  • Setting Up Files for Print (CMYK, Bleed & Trim Marks)
  • Creating Web & Mobile Graphics
  • Designing Social Media Posts & Banners
  • Exporting for Web, Print, and UI Design

Module 16: Exporting & File Formats

  • Saving as AI, EPS, PDF, SVG
  • Exporting PNG, JPG, and GIF
  • Preparing Files for After Effects
  • Optimizing for Web and Print

Module 1: Introduction to CorelDRAW

  • Understanding Vector vs. Raster Graphics
  • CorelDRAW Interface Overview
  • Setting Up a New Document
  • Understanding Color Modes (RGB, CMYK)
  • Working with Rulers, Grids, and Guides

Module 2: Selection & Transformation

  • Pick Tool for Object Selection
  • Freehand Pick Tool
  • Shape and Free Transform Tools
  • Aligning & Distributing Objects
  • Duplicating, Scaling, and Rotating Objects

Module 3: Drawing & Editing Shapes

  • Creating Basic Shapes (Rectangle, Ellipse, Polygon, etc.)
  • Customizing Corners and Nodes
  • Using the Shape Tool for Editing
  • Creating Custom Shapes with the Smart Drawing Tool
  • Working with the Weld, Trim, and Intersect Options

Module 4: Working with Lines & Curves

  • Freehand Drawing Tool
  • Bézier Tool and Pen Tool
  • Converting Objects to Curves
  • Editing Nodes and Paths
  • Smoothing and Reshaping Lines

Module 5: Color & Fills

  • Applying Solid Colors, Gradients, and Patterns
  • Creating Custom Color Palettes
  • Using the Interactive Fill Tool
  • Transparency Effects & Overlays
  • Using the Eyedropper Tool for Color Sampling

Module 6: Working with Text & Typography

  • Artistic Text vs. Paragraph Text
  • Formatting Fonts and Text Styles
  • Kerning, Leading, and Spacing Adjustments
  • Creating Text on a Path
  • Converting Text to Curves for Customization

Module 7: Working with Layers & Objects

  • Managing Objects in the Object Manager
  • Grouping and Ungrouping Elements
  • Locking and Hiding Layers
  • Using PowerClip for Clipping Masks
  • Working with Symbols and Clones

Module 8: Effects & Advanced Editing

  • Drop Shadows, Glows, and Transparency Effects
  • Applying Envelopes and Distortion
  • Blend Tool for Object Transitions
  • Contour and Extrude Effects
  • Perspective Effects for Depth

Module 9: Image Tracing & Bitmap Editing

  • Importing and Tracing Bitmaps
  • Using PowerTRACE for Vectorization
  • Cropping and Adjusting Bitmap Images
  • Working with Background Removals
  • Applying Bitmap Effects & Filters

Module 10: Working with Gradients & Mesh Fills

  • Using the Fountain Fill Tool
  • Interactive Mesh Fill for Realistic Shading
  • Customizing Mesh Nodes and Color Transitions
  • Applying Interactive Transparencies

Module 11: Advanced Object Manipulation

  • Envelope Tool for Distorting Objects
  • Creating 3D Effects with Perspective
  • Using Blend & Distort Effects for Dynamic Graphics
  • Applying Contour and Bevel Effects

Module 12: Print & Digital Design

  • Setting Up Designs for Print (Bleed, Margins, Color Profiles)
  • Exporting High-Resolution Graphics
  • Designing Brochures, Business Cards, and Posters
  • Creating Web-Ready Graphics and Social Media Posts
  • Understanding DPI & File Compression for Web & Print

Module 13: Exporting & File Formats

  • Saving in CorelDRAW (CDR) Format
  • Exporting to PDF, PNG, JPG, and SVG
  • Preparing Files for Printing & Large-Scale Media
  • Exporting Editable Files for Collaboration

Module 1: Introduction to Figma

  • Understanding UI/UX Design Principles
  • Figma Interface Overview
  • Creating a New Project & Artboards
  • Working with Frames & Layout Grids
  • Understanding Cloud-Based Collaboration

Module 2: Working with Shapes & Components

  • Creating Basic Shapes & Customizing Styles
  • Using Boolean Operations for Complex Shapes
  • Creating & Managing Components
  • Overriding Component Properties
  • Using Constraints & Resizing Rules

Module 3: Typography & Text Styling

  • Working with the Text Tool
  • Understanding Font Families, Weights & Styles
  • Line Height, Letter Spacing & Alignment
  • Creating & Managing Text Styles

Module 4: Colors & Gradients

  • Creating & Applying Color Styles
  • Using the Eyedropper Tool
  • Applying Gradients & Opacity Adjustments
  • Understanding Blending Modes

Module 5: Prototyping & Interactions

  • Adding Clickable Interactions
  • Creating Hover & Toggle States
  • Using Smart Animate for Smooth Transitions
  • Creating Interactive Prototypes

Module 6: Working with Images & Icons

  • Importing and Editing Images
  • Masking & Clipping Techniques
  • Using SVG & PNG Icons in Designs
  • Creating Custom Icon Sets

Module 7: Auto Layout & Responsive Design

  • Understanding Auto Layout Basics
  • Creating Flexible Components
  • Designing Responsive Frames & Elements
  • Nesting Auto Layouts for Advanced Design

Module 8: Collaboration & Sharing

  • Inviting Team Members to a Project
  • Commenting & Feedback System
  • Version Control & File Management
  • Exporting Designs for Development (Zeplin, Figma Inspect, etc.)

Module 9: Design Systems & Libraries

  • Creating a Scalable Design System
  • Using Shared Libraries & Components
  • Managing Styles & Components Across Teams
  • Versioning & Updating Design Systems

Module 10: Exporting & Handoff to Developers

  • Exporting Assets in Multiple Formats (PNG, SVG, JPG, PDF)
  • Using Figma Inspect for CSS Code
  • Generating Development Links & Documentation
  • Collaborating with Developers

Module-2 Web Development

INTRODUCTION TO HTML

  • What is static/Dynamic Website
  • What is SEO Friendly Website
  • What is Responsive Website
  • What is HTML
  • HTML4 VS HTML5
  • EDITORS IN HTML

WORKING WITH BASIC TAGS

  • DOCTYPE In HTML
  • Tag and Attributes
  • Title and Meta tag
  • Headings and Paragraph
  • Formatting Tags
  • EDITORS In HTML

ANCHORS AND HYPERLINKS

  • Internal link
  • External link
  • Text link
  • Image link
  • Email link
  • Phone link
  • target attribute

WORKING WITH LISTS

  • Ordred List
  • Unordred List
  • Definition List
  • Nested List
  • List Attributes

WORKING WITH GOOGLE MAP & YOUTUBE

  • Google Map Insertion in Webpage
  • Youtube Video Insertion in Webpage

WORKING WITH TABLES

  • Creating Tables on a Web Page
  • Altering Tables and Spanning Rows & Columns
  • Placing Images & Graphics into Tables
  • Aligning Text & Graphics in Tables
  • Adding a Background Color

WORKING WITH HTML FORM

  • HTML Input tags
  • HTML Input Attributes
  • Setting up form
  • Form attributes
  • Submit and Reset Button

HTML5 SEMANTIC TAGS

  • header and footer tag
  • section tag
  • figure and figcaption
  • nav and aside tag

HTML5 AUDIO & VIDEO

  • Audio Tag
  • Video Tag

HTML5 API’S

  • Drag & Drop
  • Local Storage
  • Geolocation

COURSE CONTENTS OF CSS

INTRODUCTION TO CSS

  • What is CSS?
  • How CSS Works?
  • Types of CSS,Internal,Inline,External
  • CSS Selectors
  • Comments In CSS
  • How to Link External CSS

WORKING WITH BASIC CSS PROPERTIES

  • Selectors : Class or Elements
  • Colors
  • Height / Width
  • Border
  • Margin and Padding
  • CSS Box Model

WORKING WITH WEB LAYOUTS

  • Aligning Div
  • Two Div Align
  • Three Div Align
  • Four Div Align
  • Use of floats
  • Clearing float
  • Inline or Block Element

WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE

  • Background Color
  • Background Image
  • Background Position
  • Background Attachment
  • Gradient Colors
  • Image Sprite

WORKING WITH TEXT PROPERTIES

  • Text Alignments
  • Line height(Leading)
  • Letter Spacing(Kerning)
  • Font Family
  • Font Size with Font Weight
  • Tips For Improving Text Readability

WORKING WITH ICONS & FONTS

  • Use of Font Awesome
  • Use of Flat Icons
  • Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

  • Static Position
  • Fixed Position
  • Absolute Position
  • Relative Position
  • Creating Menu
  • Menu With Multi Dropdown

WORKING WITH BORDER AND SHADOW

  • Border
  • Border Image
  • Rounded Corner
  • Box Shadow
  • Text Shadow

WORKING WITH OUTLINE AND UI

  • Outline
  • Outline Offset
  • Resize

WORKING WITH IMAGE STRETCHING PROBLEM

  • Object Fit : Fill
  • Object Fit : Contain
  • Object Fit : Cover

WORKING WITH HTML FORM & CSS

  • labels with inputs
  • Form-based selectors
  • Changing properties of form elements
  • Formatting text in forms
  • Formatting inputs
  • Formatting form areas
  • Changing the appearance of buttons
  • Laying out forms

WORKING WITH 2D & 3D TRANSFORMS

  • translate
  • rotate
  • skew
  • scale

WORKING WITH HOVER,TRANSITIONS & ANIMATIONS

  • Hover Effects
  • Transitions
  • Animations
  • Creating Web Ads Using Animation

INTRODUCTION TO CSS

  • What is CSS?
  • How CSS Works?
  • Types of CSS,Internal,Inline,External
  • CSS Selectors
  • Comments In CSS
  • How to Link External CSS

WORKING WITH BASIC CSS PROPERTIES

  • Selectors : Class or Elements
  • Colors
  • Height / Width
  • Border
  • Margin and Padding
  • CSS Box Model

WORKING WITH WEB LAYOUTS

  • Aligning Div
  • Two Div Align
  • Three Div Align
  • Four Div Align
  • Use of floats
  • Clearing float
  • Inline or Block Element

WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE

  • Background Color
  • Background Image
  • Background Position
  • Background Attachment
  • Gradient Colors
  • Image Sprite

WORKING WITH TEXT PROPERTIES

  • Text Alignments
  • Line height(Leading)
  • Letter Spacing(Kerning)
  • Font Family
  • Font Size with Font Weight
  • Tips For Improving Text Readability

WORKING WITH ICONS & FONTS

  • Use of Font Awesome
  • Use of Flat Icons
  • Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

  • Static Position
  • Fixed Position
  • Absolute Position
  • Relative Position
  • Creating Menu
  • Menu With Multi Dropdown

WORKING WITH BORDER AND SHADOW

  • Border
  • Border Image
  • Rounded Corner
  • Box Shadow
  • Text Shadow

WORKING WITH OUTLINE AND UI

  • Outline
  • Outline Offset
  • Resize

WORKING WITH IMAGE STRETCHING PROBLEM

  • Object Fit : Fill
  • Object Fit : Contain
  • Object Fit : Cover

WORKING WITH HTML FORM & CSS

  • labels with inputs
  • Form-based selectors
  • Changing properties of form elements
  • Formatting text in forms
  • Formatting inputs
  • Formatting form areas
  • Changing the appearance of buttons
  • Laying out forms

WORKING WITH 2D & 3D TRANSFORMS

  • translate
  • rotate
  • skew
  • scale

WORKING WITH HOVER,TRANSITIONS & ANIMATIONS

  • Hover Effects
  • Transitions
  • Animations
  • Creating Web Ads Using Animation

INTRODUCTION TO JAVASCRIPT

  • What is Javascript
  • Use Of Javascript in Web Development/Designing
  • Javascript vs Ecmascript
  • Developer Console
  • How To Use Javascript

JAVASCRIPT BASICS

  • Variables
  • let,var,const
  • Hoisting
  • Data Types (Premitive,Non-Premitive types)
  • Operators
  • Pop Ups (alert,prompt,confirm)

JAVASCRIPT CONDITIONS,LOOPS

  • if condition
  • if else condtions
  • nested if else
  • switch statement
  • while loop
  • for loop
  • Operators
  • Pop Ups (alert,prompt,confirm)

JAVASCRIPT ARRAY,STRING

  • What is Array
  • Accessing array
  • array methods
  • What is string
  • accessing string
  • string methods

JAVASCRIPT FUNCTIONS

  • What is function
  • function with arguments
  • return function
  • closure
  • higher order / callback function

JAVASCRIPT OBJECTS,CLASS,INHERITANCE

  • What is objects
  • when to use object
  • how to use object
  • getters and setters
  • prototypal inheritance
  • native prototype
  • methods for prototype
  • class inheritance

JAVASCRIPT EVENTS

  • Mouse Events
  • Input Events
  • Click Events
  • Load Events
  • Keyboard Key Events

JAVASCRIPT DOM (HTML AND CSS MANIPULATION)

  • What is DOM
  • DOM Selectors
  • DOM with HTML
  • DOM with CSS
  • DOM Animations
  • DOM Nodes
  • DOM Nodes Collections

JAVASCRIPT BOM (WINDOW EVENTS)

  • What is BOM
  • BOM Screen
  • BOM Location
  • BOM History
  • BOM Navigator
  • BOM Cookies
  • BOM Timings

JAVASCRIPT AJAX AND JSON

  • What is AJAX
  • Ajax XMLHttp
  • Ajax Request
  • Ajax Response
  • Ajax XML Files
  • What is JSON
  • JSON vs XML
  • JSON Data Types
  • JSON Parse
  • JSON Stringify
  • JSON Objects
  • JSON Array
  • JSON HTML
  • JSON JSONP

JAVASCRIPT ADVANCE CONCEPTS

  • this keyword
  • closure in detail
  • Immediately Invoked Function Expression (IIFE)
  • Event Bubbling vs Event Capturing
  • apply,call and bind methods
  • variable scope and hoisting
  • object in details
  • callback (higher order) function
  • ecmascript
  • HTML API’s

INTRODUCTION TO JQUERY

  • What is Jquery
  • Use Of Jquery in Web Development/Designing
  • How to Use Jquery
  • Javascript vs Jquery

JQUERY BASICS AND SECTORS

  • Jquery Syntax
  • Jquery Variable
  • class selector
  • element selector
  • id selector
  • attribute selector
  • other selectors

JQUERY EFFECTS

  • hide/show
  • sliding
  • fading
  • switch statement
  • animate
  • stop()
  • callback
  • chaining

JQUERY EVENTS

  • Mouse Events
  • Input Events
  • Click Events
  • Load Events
  • Keyboard Key Events

JQUERY (HTML AND CSS MANIPULATION)

  • Jquery Get Content
  • Jquery Set Content
  • Jquery Add
  • Jquery Remove
  • Jquery CSS and CSS Classes
  • Jquery Dimensions

JQUERY TRAVERSING

  • Jquery Traversing
  • Ancestors
  • Descendants
  • Siblings
  • Filtering

JQUERY AJAX

  • Jquery with AJAX
  • Jquery load
  • Jquery Get/POST

JQUERY UI BASICS

  • Introduction to Jquery UI
  • How to Use

JQUERY UI INTERACTIONS

  • Jquery UI Draggable
  • Jquery UI Droppable
  • Jquery UI Resizeable
  • Jquery UI Selectable
  • Jquery UI Sortable

JQUERY UI WIDGETS

  • Jquery UI Accordion
  • Jquery UI Autocomplete
  • Jquery UI Button
  • Jquery UI Checkboxradio
  • Jquery UI Control group
  • Jquery UI Datepicker
  • Jquery UI Dialogue
  • Jquery UI Menu
  • Jquery UI Progressbar
  • Jquery UI Selectmenu
  • Jquery UI Slider
  • Jquery UI Spinner
  • Jquery UI Tabs
  • Jquery UI Tooltips

JQUERY UI EFFECTS

  • Jquery UI Add Class
  • Jquery UI Color Animation
  • Jquery UI Easing
  • Jquery UI Effect
  • Jquery UI Hide
  • Jquery UI Remove Class
  • Jquery UI Show
  • Jquery UI Switch Class
  • Jquery UI Toggle
  • Jquery UI Toggle Class

INTRODUCTION TO JQUERY

  • What is Jquery
  • Use Of Jquery in Web Development/Designing
  • How to Use Jquery
  • Javascript vs Jquery

JQUERY BASICS AND SECTORS

  • Jquery Syntax
  • Jquery Variable
  • class selector
  • element selector
  • id selector
  • attribute selector
  • other selectors

JQUERY EFFECTS

  • hide/show
  • sliding
  • fading
  • switch statement
  • animate
  • stop()
  • callback
  • chaining

JQUERY EVENTS

  • Mouse Events
  • Input Events
  • Click Events
  • Load Events
  • Keyboard Key Events

JQUERY (HTML AND CSS MANIPULATION)

  • Jquery Get Content
  • Jquery Set Content
  • Jquery Add
  • Jquery Remove
  • Jquery CSS and CSS Classes
  • Jquery Dimensions

JQUERY TRAVERSING

  • Jquery Traversing
  • Ancestors
  • Descendants
  • Siblings
  • Filtering

JQUERY AJAX

  • Jquery with AJAX
  • Jquery load
  • Jquery Get/POST

JQUERY UI BASICS

  • Introduction to Jquery UI
  • How to Use

JQUERY UI INTERACTIONS

  • Jquery UI Draggable
  • Jquery UI Droppable
  • Jquery UI Resizeable
  • Jquery UI Selectable
  • Jquery UI Sortable

JQUERY UI WIDGETS

  • Jquery UI Accordion
  • Jquery UI Autocomplete
  • Jquery UI Button
  • Jquery UI Checkboxradio
  • Jquery UI Control group
  • Jquery UI Datepicker
  • Jquery UI Dialogue
  • Jquery UI Menu
  • Jquery UI Progressbar
  • Jquery UI Selectmenu
  • Jquery UI Slider
  • Jquery UI Spinner
  • Jquery UI Tabs
  • Jquery UI Tooltips

JQUERY UI EFFECTS

  • Jquery UI Add Class
  • Jquery UI Color Animation
  • Jquery UI Easing
  • Jquery UI Effect
  • Jquery UI Hide
  • Jquery UI Remove Class
  • Jquery UI Show
  • Jquery UI Switch Class
  • Jquery UI Toggle
  • Jquery UI Toggle Class

Advance

INTRODUCTION TO BOOTSTRAP

  • What is a Responsive Website
  • What is Bootstrap
  • Where to Download
  • How to Use Bootstrap
  • Bootstrap Directory Structure

WORKING WITH GRID IN BOOTSTRAP

  • What is Grid System
  • Use of Grid System
  • small, medium, large Grid System
  • Container Vs Container-fluid

WORKING WITH IMAGES, TEXT, TABLES

  • image responsive
  • rounded image
  • circle image
  • text-align
  • text colors
  • responsive table

WORKING WITH BOOTSTRAP FORM

  • labels
  • form inputs
  • input classes
  • type of buttons
  • form layouts

WORKING WITH WEB LAYOUTS, MENUS

  • Container Layout
  • Container Fluid Layout
  • Proper Use of Rows and Columns
  • Menu
  • Single Dropdown Menu, Multilevel Dropdown Menu
  • Mobile Menu / Collapse Menu

WORKING WITH SLIDER, TAB PANEL, MODAL BOX

  • Responsive Slider
  • Tab Panel
  • Modal Box
  • Menu
  • Single Dropdown Menu, Multilevel Dropdown Menu

WORKING WITH CSS HELPERS, RESPONSIVE UTILITIES

  • Class Helpers
  • Responsive Utilities

Module 1: Introduction to WordPress

  • Understanding CMS & WordPress Overview
  • Difference Between WordPress.com & WordPress.org
  • Installing WordPress on Localhost & Web Server
  • Exploring the WordPress Dashboard
  • Configuring General, Reading, and Writing Settings

Module 2: WordPress Themes & Customization

  • Installing & Activating WordPress Themes
  • Using the WordPress Customizer
  • Working with Widgets & Sidebars
  • Creating Custom Menus & Navigation

Module 3: Managing Posts & Pages

  • Creating & Editing Posts in WordPress
  • Using Categories & Tags for Organization
  • Creating & Managing Pages
  • Using Gutenberg (Block Editor) for Content Formatting

Module 4: Working with Media & Galleries

  • Uploading & Managing Images, Videos, and Documents
  • Creating Image Galleries
  • Embedding Videos & External Media

Module 5: Plugins & Functionality Enhancement

  • Installing & Activating Plugins
  • Must-Have Plugins for SEO, Security, and Performance
  • Using Contact Form Plugins (e.g., Contact Form 7, WPForms)
  • Integrating Social Media Sharing Plugins

Module 6: User Management & Roles

  • Understanding User Roles & Permissions
  • Adding & Managing Users
  • Configuring Login & Registration Options

Module 7: SEO & Performance Optimization

  • Introduction to WordPress SEO
  • Using Yoast SEO & Rank Math Plugins
  • Optimizing Images for Speed
  • Caching & Performance Optimization with WP Rocket & W3 Total Cache

Module 8: Security & Backup Solutions

  • Best Practices for WordPress Security
  • Using Security Plugins (Wordfence, iThemes Security)
  • Setting Up Automated Backups (UpdraftPlus, BackupBuddy)
  • Recovering a WordPress Site from Backup

Module 9: Customizing WordPress with Page Builders

  • Introduction to Elementor, Divi & WPBakery Page Builder
  • Creating Custom Layouts Without Coding
  • Using Templates & Theme Builders

Module 10: WooCommerce & E-commerce Setup

  • Installing & Configuring WooCommerce
  • Adding & Managing Products
  • Setting Up Payment Gateways
  • Managing Orders & Customers

Module 11: WordPress Multisite & Membership Sites

  • Setting Up a WordPress Multisite Network
  • Creating Membership Websites (MemberPress, Restrict Content Pro)
  • Managing Subscriptions & User Access

Module 12: Advanced Customization & Development

  • Understanding WordPress File Structure
  • Using Custom CSS & Theme Customization
  • Creating & Editing Child Themes
  • Introduction to WordPress Hooks (Actions & Filters)
  • Custom Post Types & Advanced Custom Fields (ACF)

Module 13: Migrating & Deploying WordPress Sites

  • Moving WordPress from Localhost to Live Server
  • Using Duplicator & All-in-One WP Migration
  • Changing Domain Names Without Losing SEO

Module 14: WordPress API & Headless WordPress

  • Understanding REST API in WordPress

Frequently Asked Questions

Key Features of Courses

Enjoy a free demo session in both classroom and online with a live instructor. This helps you understand our instructors and the atmosphere of our institute. To attend a demo session, call us or fill out the inquiry form or email us at info@lakshayainstitute.com.
We offer an easy and hassle-free installment process for course fees. No extra charges or interest fees—discuss your installments during registration and pursue your dreams.
We focus on quality training with limited batch sizes to ensure personal attention, better results, enhanced learning, and greater focus on concepts.
Our instructors are passionate and highly experienced, providing a high-quality learning experience with a focus on student achievement and outcomes.
We offer the opportunity to retake classes at no cost for up to a year, giving you the flexibility to enhance your understanding and knowledge.
In addition to regular classes, we provide special classes to further reinforce concepts and provide a deeper understanding of the software, languages, and tools.
×

    Unlock Your Learning Journey
    Book a Demo