UI/UX Design Training by Experts

;

Our Training Process

UI/UX Design - Syllabus, Fees & Duration

Module 1 :The Background

  • The mobile space today
  • Advantages
  • Challenges
  • Native vs. web, is really a question?
  • What is JQM?
  • What is not jQM?
  • What is a web app?
  • Why jQM?
  • Features
  • Compatibility
  • Requirements

Module 2: HTML5 basics

  • Requirements
  • HTML5 in a small nutshell
  • Why HTML5?
  • What do we need to know about HTML5 for jQM
  • Basic template
  • Testing HTML5 documents
  • Emulators, Simulators & more & Viewports on mobile browsers

Module 3: The framework

  • Architecture of Self hosted vs. CDNs
  • Main template
  • CDNs available
  • Main template
  • Support on IDEs
  • Roles
  • Theming

Module 4: The page

  • Headers and footers basics
  • Mandatory items in a page
  • Working with HTML in the content
  • Navigation
  • Internal page navigation
  • External page navigation
  • Understanding AJAX on mobile browsers
  • Absolute external links
  • Mobile Special links

Module 5: UI Components

  • Customizing toolbars
  • Positioning toolbars
  • Navigation Bars
  • Persistent footers and navigation
  • Collapsible content
  • Working with columns

Module 6: Buttons

  • Creating buttons
  • Inline buttons
  • Grouped buttons
  • Icons
  • Custom icons

Module 7: Lists

  • Creating lists
  • Full-page vs inset-lists
  • Visual separators
  • Nested lists
  • Interactive rows, Split button rows
  • Split button rows
  • Thumbnails
  • Count bubbles
  • Aside content
  • Title and Description
  • Filtering data

Module 8: Forms

  • AJAX vs. non-AJAX forms
  • Automatic form behaviour
  • Labeling
  • Field containers
  • Text fields
  • Slider, Slider switch
  • Select menus, UI Select menus
  • Radio Buttons
  • Checkboxes, File Upload
  • Validation using HTML5

Module9: The framework and JavaScript

  • Using jQuery inside jQuery Mobile
  • mobile element
  • The mobile init event
  • Configuring defaults
  • Touch events, Orientation events
  • Scroll events, Page events
  • Virtual mouse events
  • Managing navigation through JavaScript

Module 10: Dynamic data with jQuery Mobile

  • HTML5 vs AJAX
  • Bringing JSON data to jQuery Mobile
  • Updating form controls
  • Updating lists
  • Implementing Infinite list pattern

Module11: Extending the framework

  • Using plugins
  • The top 5 plugins for jQuery Mobile
  • Creating our own plugin
  • Plugin architecture
  • Understanding CSS architecture
  • Define our own CSS patch
  • Changing CSS behavior

Module12: Managing data with HTML5

  • Using Web Storage and Web SQL
  • Using geolocation

Module 13: Packaging for installation and stores

  • The offline manifest
  • Full-screen web apps for iOS
  • What is a hybrid
  • Phone Gap vs other alternatives
  • Packaging a sample application

Download Syllabus - JQuery
This syllabus is not final and can be customized as per needs/updates

Section 1

Creating New Files & Designing on a Grid
  • Creating a new file
  • Setting up artboards
  • Importing text
  • Creating colored backgrounds for text
Importing & Cropping Photos
  • Importing a photo as an image fill (crop a photo)
  • Rounding corners
Vector Graphics, Colors, Shadows, & More
  • Importing & modifying vector graphics
  • Aligning & distributing layers
  • Layer opacity vs. fill opacity
  • Reusing colors (color swatches)
  • Adding a drop shadow
Character Styles
  • Creating & Editing Character Styles

Section 2

Repeat Grids
  • Creating a Repeat Grid
  • Customizing the content
  • Adjusting the design
Components (Reusable Elements)
  • Creating & editing components
  • Overriding content in one instance vs. globally updating all components
  • Detaching from a component
  • Components versus Repeat Grids
Turning a Design into a Clickable Prototype
  • Linking between artboards Previewing the prototype Creating an overlay Background blur Fixing the position of elements so they don’t scroll Making a recording of a prototype
Exporting Assets for Web: SVG, JPEG, & PNG
  • Exporting individual assets Exporting artboards
Sharing XD Files (For Review, Developers, etc.)
  • Sharing an XD file Commenting on shared files Pinning a comment Updating an existing shared file Sharing for Development

Section 3

Stacks, Padding, & Responsive Resize
  • Creating a Stack & Adjusting the Spacing Rearranging & Adding Items to a Stack Responsive Resize, Stacks, & Padding Keystrokes for Working with Stacks & Padding Nesting Stacks (Stacks Within Stacks)
Linking Up/Down a Page & Scrollable Areas
  • Making Links that Scroll Up/Down a Page Making the Navbar Fixed to the Screen Adjusting the Position & Speed of the Scroll Creating a Scrollable Area Within a Page
Intro to Auto-Animate
  • The Basics of Auto-Animate Different Kinds of Easing Adding a Timed Animation
Parallax Animation
  • Setting Up the Parallax Assets
  • Building the Parallax Animation
Component States (Hover & More)
  • Adding a Hover State to a Button
  • Custom Component States

Section 4

Creating 3D Transforms
  • Adding 3D Transforms
  • Front to Back versus Z Position
Adding Interactions to a Slideshow: Tap, Drag, & Keys
  • Creating a Working Slideshow Prototype
  • Adding Tap Interactions
  • Adding the Ability to Drag
  • Adding Keystrokes
Time Interactions & Adding Audio (Sound Effects)
  • Adding a Drag Interaction
  • Adding a Time Interaction
  • Adding a Sound Effect
  • Adding a Keystroke
Linked Components & Shared Libraries
  • Linked Components
  • Shared Libraries

Download Syllabus - Adobe XD
This syllabus is not final and can be customized as per needs/updates

Section 1

    Straight Lines
  • Using the Pen Tool
  • Adjusting the Workspace
  • Arranging Objects
  • Color Fills
    Curves
  • Drawing Curves (Pen Tool)
  • Anchor Points and Direction Points
  • Default Fill and Stroke
    Corners and Curves
  • Drawing Corners and Curves (Pen Tool)
  • Adjusting Anchor Points

Section 2

    No Smoking Sign
  • Fill and Stroke
  • Basic Shape Tools
  • Grouping Objects
  • Layers Panel
  • Working with Templates
    Super Hero
  • Live Trace and Live Paint
  • Tracing Hand-Drawn Images
  • Coloring Live Paint Objects
  • Brushes
  • Flare Tool

Section 3

    What’s Behind the Green Door?
  • Compound Paths
  • Group Selection Tool
    Mask Till You Drop
  • Clipping Masks (Shapes)
  • Blob Brush Tool
  • Eraser Tool
  • Reflect Tool
    Masking with Type
  • Type Tool
  • Clipping Masks (Editable Type)
  • Filling Text with a Photo
  • Placing Linked Images
    3D Shape: Milk Duds Box
  • 3D Extrude & Bevel
  • Creating Symbols from Artwork
  • Mapping Symbols onto 3D Objects
  • Lighting and Shadows for 3D Objects

Section 3

    Will It Blend?
  • Blend Tool
  • Blending Options
    Wavy Line Blend
  • Blending Lines
  • Reflect Tool
  • Rotate Tool
    Juggling Colors and Gradients
  • Dashed Lines and Stroke Options
  • Saving Colors as Swatches
  • Blending Modes
  • Gradient Tool
  • Saving Gradient Swatches
    Combining Shapes with the Pathfinder
  • Merging Paths (Pathfinder)
  • Transparency Options
  • Grouping Objects

Section 5

    Patterns
  • Creating and Applying Pattern Swatches
  • Scaling and Rotating Patterns
  • Working with Layers
  • Align Panel
    One-Page Advertisement
  • Working with Type
  • Text and Character Options
  • Adding a Drop Cap
  • Type on a Path
  • Text Wrap
  • Fill Text with a Pattern
    Stylin’ Effects
  • Using the Appearance Panel
  • Transparency
  • Blending Modes
  • Drop Shadows
  • Arrowheads
    Appearance and Graphic Styles
  • Graphic Styles
  • Appearance Panel
  • Multiple Fills
  • Auto-sizing Text Boxes

Section 6

    Layers, Artboards & Recoloring Artwork
  • Adding and Removing Layers
  • Creating and Using Multiple Artboards
  • Recoloring Artwork

Download Syllabus - Adobe Illustrator
This syllabus is not final and can be customized as per needs/updates

HTML - Introduction

  • Web Development Introduction
  • History of HTML
  • HTML Tags and Attributes
  • HTML Tag vs. Element

Basic Formatting Tags

  • HTML Basic Tags
  • HTML Head Tag
  • HTML Meta Tag
  • HTML Formatting Tags
  • HTML Color Coding

Lists

  • Unordered Lists
  • Ordered Lists
  • Definition list

Images

  • Image and Image Mapping

Hyperlink

  • URL - Uniform Resource Locator
  • URL Encoding

HTML-Table

HTML-Headers

  • Title
  • Base
  • Link
  • Styles
  • Script
  • Meta

HTML5 forms

  • Introduction to HTML5 forms
  • Accessible forms
  • New Input types
  • New forms attributes
  • Form validation

Graphics

  • Basics of HTML5 canvas
  • Immediate drawing mode: rectangles, text, images, etc.
  • Path drawing mode: lines, circles, arcs, curves, etc.
  • Colors, gradients, patterns, shadows, etc.
  • Working with SVG in HTML5

HTML5 animations

  • Basic animation techniques
  • Canvas and user interaction
  • Working with pixels
  • Understanding transforms

API

  • Introduction to HTML5 APIs
  • The Web Storage API
  • Form validation API
  • The File API
  • The Geolocation API

Download Syllabus - HTML 5
This syllabus is not final and can be customized as per needs/updates

GETTING TO KNOW YOUR WORKSPACE

  • Menu bar, application bar, options bar, tools panel, panel dock on right
  • Differences on PC and Mac
  • Different ways to zoom
  • Hidden tools on toolbar

BASIC SELECTIONS

  • Why make selections?
  • Geometric selections
  • Freehand selections
  • Edge-based selections
  • Color-based selections
  • How do I choose a selection tool?

ADJUSTMENT PANEL

  • Making color and tonal adjustments
  • Creating an adjustment layer
  • Adjustment presets,
  • Common image corrections
  • Saving adjustments as a preset
  • Deleting adjustment layer
  • Applying adjustment layer to another layer

TOOL BAR TOOLS

  • Blur tool
  • Sharpen Tool
  • Smudge Tool
  • Dodge Tool
  • Burn Tool
  • Sponge Tool

BASIC PHOTO CORRECTIONS

  • Image menu
  • Color mode
  • Image resolution and size
  • Straighten and crop image
  • Rotate cropped image
  • Automatic adjustments
  • Auto color—removes color cast
  • Manually adjusting color cast
  • Manually adjusting tonal range
  • Replacing color
  • Clone tool
  • Spot healing brush
  • Healing brush
  • Patch tool
  • Content-aware fill (NEW TO CS5!)

LAYERS

  • Background layer
  • Isolating part of image
  • Hide, view, reposition, delete, rename, merge
  • Lock layers
  • Convert background layer to regular layer
  • Convert regular layer to background layer
  • Layer styles
  • Applying layer styles to multiple layers

GRADIENTS

  • Gradient tool
  • Gradient styles
  • Editing colors
  • Saving gradients

MASKS

  • How is it different than selection tools?
  • Save time-consuming selections
  • Quick mask mode
  • Using brush tool
  • Channels panel
  • Loading mask as a selection

CAMERA RAW

  • Unprocessed picture data
  • Set up camera to save as camera raw
  • Nikon (.nef)
  • Canon (.crw)
  • Olympus (.orf)
  • Opening up other file formats in RAW
  • Using Bridge vs. Photoshop
  • White balance
  • Adjust for different lighting settings
  • Save as DNG file, open source file
  • Exposure
  • Fill light
  • Sharpening an image
  • Detail panel
  • Synchronize across images

CORRECTING/ENHANCING DIGITAL PHOTOGRAPHS

  • Shadows and highlights adjustment
  • Correcting Red Eye
  • Sharpening Edges
  • Correct Image Distortion
  • Adding Depth of Field

TYPE IN PHOTOSHOP

  • Point v Paragraph Type
  • character panel
  • paragraph panel
  • Type on a Path
  • Warping Type
  • Creating work path from type
  • Convert type to shapes
  • Horizontal/Vertical Type Mask Tool
  • Create a selection in the shape of type
  • Clipping Mask Type
  • Open Type

CREATING VECTOR GRAPHICS IN PHOTOSHOP

  • Bitmap v. Vector?
  • Pen Tool
  • Magnetic and freeform pen tool
  • Using pen tool as selection tool
  • Converting selections to paths
  • Converting selection to layer
  • Shape layers
  • Smart Objects

AUTOMATING STEPS

  • Recording actions
  • Actions panel
  • Record, play, edit, delete individual actions

Download Syllabus - Adobe Photoshop
This syllabus is not final and can be customized as per needs/updates

Introduction

  • HTML structure and content
  • Advantages of CSS
  • Creating and using style sheets
  • CSS Rules: The Basic Syntax

CSS Boxes and CSS Selectors

  • The CSS box model
  • CSS and logical HTML structure
  • Styling boxes, borders, margins, and padding
  • Using IE6 standards mode
  • Sh4ecifying CSS distances
  • and many other CSS techniques

Fonts and Text

  • Using custom fonts
  • Font properties
  • Web font formats
  • Type Kit, font squirrel

Text Formatting in CSS

  • Fundamentals of text formatting
  • Typefaces, alternatives, and defaults
  • Font characteristics
  • Formatting blocks of text
  • Using arbitrary inline tags

CSS Selectors and Selections

  • Using HTML element IDs in CSS
  • Using CSS descendant selectors
  • Descendant selector examples
  • Child, sibling, and pseudo-class selectors
  • And many other CSS techniques.

CSS positioning

  • Choosing the right CSS
  • Technique for positioning blocks
  • The position property, floats, and margins
  • Static positioning and normal flow
  • Absolute positioning outside normal flow
  • Fixed positioning outside normal flow

CSS page Layout

  • Alternative methods of CSS positioning
  • Styling lists
  • Redefining the behaviour of inline and block elements
  • Table formatting in CSS
  • Styling table cell borders
  • page layout with table dish4lay properties

Cascade, precedence, Specificity, and Inheritance in CSS

  • Cascading and cascade order
  • Resolving style conflicts by Origin & Importance
  • Resolving style conflicts by Specificity & Order

CSS Layers and Translucency

  • Different forms of layered presentations in CSS
  • Layering with the z-index property
  • Different methods for creating translucency effects
  • The CSS3 opacity property

Using CSS in the Real World

  • Deploying CSS
  • CSS formatting vs. HTML formatting
  • Standard tags and semantic markup
  • Screen size and fluid design
  • Table layout and CSS positioning
  • Cross-platform testing

Useful CSS Tips

  • Usage of CSS Sprites
  • Pseudo Selectors
  • CSS Minify
  • Cheat Sheet for CSS3

Download Syllabus - CSS
This syllabus is not final and can be customized as per needs/updates

MODULE 1: Fundamentals of JavaScript Code

  • JavaScript methods (such as alerts)
  • Variables
  • The importance of quotes
  • Numbers vs. strings
  • Concatenation

MODULE 2: Reusing Code with Functions

  • Defining functions
  • Calling functions
  • Defining parameters & passing arguments
  • Simple Accordion with JavaScript
  • Targeting elements by ID
  • Hiding & showing elements with JavaScript

MODULE 3: If Statements: Clearing Form Fields

  • Testing code in the JavaScript Console
  • Getting & setting properties
  • Using if statements
  • Reshowing text hints in empty form fields

MODULE 4: Introduction to JavaScript Objects & the DOM

  • Intro to objects
  • The global object
  • Breaking open and manipulating objects

MODULE 5: Dynamically changing content with custom objects

  • Checking the functionality of the select menu
  • Getting the chosen value
  • Dynamically changing the state name value
  • Dynamically changing the rest of the values

MODULE 6: Introduction to arrays and the math object

  • Creating an array
  • Editing an array
  • Creating an array of welcome handlings
  • The math object
  • Using the math object to pick random headlines

MODULE 7: Introduction to for loops

  • Creating a for loop
  • Using the for loop to set dropdown menus
  • Clearing the menu
  • Optional bonus: refining the menu selection experience

MODULE 8: Exploring JavaScript selectors

  • Intro to JavaScript selector
  • Selecting multiple elements and elements without IDs
  • Getting a specific list item
  • Getting elements by class name
  • Getting multiple items using query selector
  • Getting a single item using query selector
  • Chaining selectors together
  • Targeting elements by data attribute

MODULE 9: Photo filter website: using friendly navigation

  • Creating an array to store the selector
  • Getting the all button to select all filters
  • Getting the rest of the buttons to select the other filters
  • Initially hiding the photos
  • Getting the photos to filter

MODULE 10: Photo filter website: creating an executive filter

  • Adding a checkbox to toggle executive filtering on/off
  • Separating the inclusive and exclusive filter
  • Writing a conditional to select the appropriate filter
  • Programming the exclusive filter
  • Rerunning the filter when the checkbox is toggled
  • Improving the user experience

MODULE 11: Showing/hiding content with JQuery animation

  • Getting started with JQuery
  • Running code when the document is ready
  • Click events
  • Using the jQuery slide toggle method
  • Supporting JQuery disabled users

MODULE 12: Sharing JavaScript across pages

  • Externalizing JavaScript
  • Linking to the JavaScript file

MODULE 13: JQuery hover animation

  • Adding an outline with CSS
  • Using the JQuery hover method
  • Using the JQuery animate method

MODULE 14: More advanced JQuery showing/hiding

  • Adding animation to reveal hidden content
  • Targeting the proper div: traversing the document
  • Swapping the button image with JQuery

MODULE 15: JQuery lightbox: a pop-up image viewer

  • Linking the plugin files
  • Initializing the pop-up
  • Grouping the photos into a gallery
  • Adding captions
  • Removing the counter
  • Customizing the appearance

MODULE 16: JQuery cycle: a simple slideshow

  • Initial setup
  • Defining what content gets cycle
  • Adding more cycles and exploring options
  • Reversing the animation

MODULE 17: JQuery cycle: adding slideshow controls

  • Preventing a possible “flash of unstyled content’’
  • Enabling the slideshow
  • Adding and customizing the controls

MODULE 18: JQuery cycle: adding a pause button

  • Adding a pause/play button
  • Styling the pause/play button
  • Checking to see if the cycle is paused
  • Making the pause/play button work

MODULE 19: JQuery form validation

  • Initializing the plugin & setting options
  • Customizing the error messages
  • Changing the location of the error messages
  • Styling the error messages

MODULE 20: JQuery Image Carousel

  • Linking to the plugin files
  • Creating the carousel
  • Styling the carousel
  • An easy way to add prev & next buttons
  • Adding custom prev & next buttons
  • Setting how many items are shown
  • Download Syllabus - JavaScript
    This syllabus is not final and can be customized as per needs/updates

Section 1

    Straight Lines
  • Using the Pen Tool
  • Adjusting the Workspace
  • Arranging Objects
  • Color Fills
    Curves
  • Drawing Curves (Pen Tool)
  • Anchor Points and Direction Points
  • Default Fill and Stroke
    Corners and Curves
  • Drawing Corners and Curves (Pen Tool)
  • Adjusting Anchor Points

Section 2

    No Smoking Sign
  • Fill and Stroke
  • Basic Shape Tools
  • Grouping Objects
  • Layers Panel
  • Working with Templates
    Super Hero
  • Live Trace and Live Paint
  • Tracing Hand-Drawn Images
  • Coloring Live Paint Objects
  • Brushes
  • Flare Tool

Section 3

    What’s Behind the Green Door?
  • Compound Paths
  • Group Selection Tool
    Mask Till You Drop
  • Clipping Masks (Shapes)
  • Blob Brush Tool
  • Eraser Tool
  • Reflect Tool
    Masking with Type
  • Type Tool
  • Clipping Masks (Editable Type)
  • Filling Text with a Photo
  • Placing Linked Images
    3D Shape: Milk Duds Box
  • 3D Extrude & Bevel
  • Creating Symbols from Artwork
  • Mapping Symbols onto 3D Objects
  • Lighting and Shadows for 3D Objects

Section 3

    Will It Blend?
  • Blend Tool
  • Blending Options
    Wavy Line Blend
  • Blending Lines
  • Reflect Tool
  • Rotate Tool
    Juggling Colors and Gradients
  • Dashed Lines and Stroke Options
  • Saving Colors as Swatches
  • Blending Modes
  • Gradient Tool
  • Saving Gradient Swatches
    Combining Shapes with the Pathfinder
  • Merging Paths (Pathfinder)
  • Transparency Options
  • Grouping Objects

Section 5

    Patterns
  • Creating and Applying Pattern Swatches
  • Scaling and Rotating Patterns
  • Working with Layers
  • Align Panel
    One-Page Advertisement
  • Working with Type
  • Text and Character Options
  • Adding a Drop Cap
  • Type on a Path
  • Text Wrap
  • Fill Text with a Pattern
    Stylin’ Effects
  • Using the Appearance Panel
  • Transparency
  • Blending Modes
  • Drop Shadows
  • Arrowheads
    Appearance and Graphic Styles
  • Graphic Styles
  • Appearance Panel
  • Multiple Fills
  • Auto-sizing Text Boxes

Section 6

    Layers, Artboards & Recoloring Artwork
  • Adding and Removing Layers
  • Creating and Using Multiple Artboards
  • Recoloring Artwork

Download Syllabus - Adobe InDesign
This syllabus is not final and can be customized as per needs/updates

Section 1: Introduction to Canva

  • Welcome to Canva!
  • Logging / Setup Canva Account
  • Layouts & Templates
  • Get you setup with your Canva & account
  • Tour of your dashboard
  • Learn about the different types of templates Canva has
  • Learn how to use the pre-designed layouts
  • Downloading your work
  • Working with text
  • Photo backgrounds & Shapes
  • Illustrations, icons and lines
  • Adding pages to a design
  • Image
  • Text features and Charts
  • Album cover
  • Youtube thumbnail
  • Twitter header
  • Facebook post
  • Ebook cover
  • Documents
  • Data and charts
  • Presentation slides

Section 2: Fonts, Colors, and Images

  • Typography and font pairing
  • Using icons effectively
  • Organising the dashboard
  • Sharing designs
  • Adding links
  • Upgrading to Canva for Work
  • Brand colors
  • Custom filter codes
  • Color codes
  • Color scheme
  • Introduction to the color wheel; creating a color palette
  • How to use grids; transparency; photo filters

Section 4: Advanced Topics

  • Brand Kit
  • Magic Resize
  • Paid Elements
  • Folders for Elements
  • Background Remover
  • Teams, Exporting and Scheduling
  • Learn more advanced techniques
  • Learn how to create a logo from scratch
  • Learn how upload your own graphics, logos, images
  • Learn how to organize your designs
  • See where I go to purchase stock photography
  • Videos Overview / Editing
  • Video Tools
  • Animations
  • Animated Presentations
  • Adding Music

Download Syllabus - Canva
This syllabus is not final and can be customized as per needs/updates

MODULE 1

  • Bootstrap
  • Get Started
  • What is Bootstrap?
  • Bootstrap History
  • Why Use Bootstrap?
  • Where to get Bootstrap?
  • Downloading Bootstrap
  • Bootstrap CDN

MODULE 2

  • Create First Web Page with Bootstrap
  • Add the HTML5 Doctype
  • Bootstrap is Mobile First
  • Containers
  • Basic Bootstrap Pages
  • Bootstrap Grids
  • Bootstrap Grid System
  • Grid Classes
  • Basic Structure of a Bootstrap Grid
  • Equal Columns
  • Unequal Columns

MODULE 3

  • Bootstrap Text / Typography
  • Bootstrap Default Settings
  • Bootstrap vs. Browser Defaults
  • Bootstrap Tag Elements
  • Contextual Colors and
  • Background
  • Typography Classes

MODULE 4

  • Bootstrap Table
  • Rounded Corners
  • Circle
  • Thumbnail
  • Responsive Images
  • Image Gallery
  • Responsive Embeds

MODULE 5

  • Bootstrap Jumbotron and Page Header
  • Creating a Jumbotron
  • Jumbotron inside Container
  • Jumbotron outside Container
  • Creating a Page Header

MODULE 6

  • Bootstrap Wells
  • Wells
  • Well Size

MODULE 7

  • Bootstrap Alerts
  • Alerts
  • Closing Alerts
  • Animated Alerts

MODULE 8

  • Bootstrap Buttons
  • Button Style
  • Button Sizes
  • Block Level Buttons
  • Active /Disable Buttons

MODULE 9

  • Bootstrap Button Groups
  • Button Groups
  • Vertical Button Groups
  • Justified Button Group
  • Nesting Button Groups
  • Dropdown Menus
  • Split Button Dropdowns
  • MODULE 10

    • Bootstrap Glyphicons
    • Glyphicons
    • Glyphicons Syntax
    • Glyphicon Example

    MODULE 11

    • Bootstrap Badges and Labels
    • Badges
    • Labels

    MODULE 12

    • Bootstraps Progress Bars
    • Basic Progress Bar
    • Progress Bar with Label
    • Colored Progress Bars
    • Striped Progress Bars

    MODULE 13

    • Bootstrap Pagination
    • Basic Pagination
    • Active State
    • Disabled State
    • Pagination Sizing

    MODULE 14

    • Bootstrap Pager
    • What is Pager?
    • Align Buttons

    MODULE 15

    • Bootstrap List Groups
    • Basic list Groups
    • List Group with Badges
    • List Group with Linked Items
    • Contextual Classes
    • Custom Content

    MODULE 16

    • Bootstrap Panels
    • Panels
    • Panel Heading
    • Panel Footer
    • Panel Group
    • Panel with Contextual Classes

    MODULE 17

    • Bootstrap Dropdowns
    • Basic Dropdown
    • Dropdown Driver
    • Dropdown Header
    • Disable an Item
    • Dropdown Accessibility
    • Bootstrap Collapse

    MODULE 18

    • Basic Collapsible
    • Example Explained
    • Collapsible Panel
    • Collapsible List Group
    • Accordion

    MODULE 19

    • Bootstrap Tabs and Pills Menus
    • Tabs
    • Tabs with Dropdown Menu
    • Pills
    • Vertical Pills
    • Vertical Pills in Row
    • Pills with Dropdown Menu
    • Centered Tabs and Pills
    • Toggle/Dynamic Tabs
    • Toggle/Dynamic Pills

    MODULE 20

    • Bootstrap Navigation Bar
    • Navigation Bars
    • Inverted Navigation Bar
    • Fixed Navigation Bar
    • Navigation Bars with Dropdown
    • Right Aligned Navigation Bar
    • Collapsing the Navigation Bar

    MODULE 21

    • Bootstrap Forms
    • Bootstrap Default Settings
    • Bootstrap Form Layouts
    • Bootstrap Vertical Form
    • Bootstrap Inline Form
    • Bootstrap Horizontal Form
    • Bootstrap Form Inputs
    • Supported Form Controls

    MODULE 22

    • Bootstrap Input
    • Bootstrap Text area
    • Bootstrap Checkboxes
    • Bootstrap Radio Buttons
    • Bootstrap Select List

    MODULE 23

    • Bootstrap Form Inputs (More)
    • Static Control
    • Bootstrap Form Control States

    MODULE 24

    • Bootstrap Input Sizing
    • Input Sizing in Forms
    • Height Sizing
    • Column Sizing
    • Help Text

    MODULE 25

    • Bootstrap Carousel Plugin
    • The Carousel Plugin
    • How to Create a Carousel
    • Add Captions to Slides

    MODULE 26

    • Bootstrap Model Plugin
    • The Model Plugin
    • Hoe to Create a Model
    • Model Size

    MODULE 27

    • Bootstrap Tooltip Plugin
    • The Tooltip Plugin
    • How to Create Tooltip
    • Positioning Tooltips

    MODULE 28

    • Bootstrap Popover Plugin
    • The Popover Plugin
    • How to Create a Popover
    • Positioning Popovers
    • Closing Popovers

    MODULE 29

    • Bootstrap Scrollspy Plugin (Advanced)
    • The Scrollspy Plugin
    • How to Create a Scrollspy
    • Scrollspy Vertical Menu

    MODULE 30

    • Bootstrap Case
    • Build a Bootstrap Web Page
    • From Scratch
    • Add Bootstrap CDN and Put
    • Elements in Containers
    • Add Jumbotron
    • Adding button and icons
    • Multicolumn Layout
    • Adding Menus Tabs
    • Adding Navigation bars
    • Download Syllabus - Bootstrap
      This syllabus is not final and can be customized as per needs/updates
     
    10000+
    20+
    50+
    25+

    UI/UX Design Jobs in Uae

    Enjoy the demand

    Find jobs related to UI/UX Design in search engines (Google, Bing, Yahoo) and recruitment websites (monsterindia, placementindia, naukri, jobsNEAR.in, indeed.co.in, shine.com etc.) based in Uae, chennai and europe countries. You can find many jobs for freshers related to the job positions in Uae.

    • ui designer
    • ux designer
    • ui/ux designer
    • ui/ux developer
    • graphic designer
    • multimedia creator
    • photoshop
    • adobe illustrator
    • web design
    • html developer

    UI/UX Design Internship/Course Details

    UI/UX Design internship jobs in Uae
    UI/UX Design Our aim is that each delegate leaves our InDesign Course with the confidence to apply their new skills effectively within the real world. For anyone who wants to do something productive in computers, Adobe Photoshop provides options that explore creativity . Adobe Illustrators is a vector-based creative program designed for those involved with graphic design. Photographers, web designers, or graphic designers must know how to use Adobe Photoshop. This course is for intermediate users that need to learn more advanced tools in InDesign. Photoshop is incredibly accurate for bitmap colorwork, which is the foundation of each digital and print production. For editing images, various other online applications are available today, but photoshop is the foundation of everything. At the end of this course at nestsoft inDubai we cover advanced topics such as Script validations, Building modular tests, Developing automation test suites for a broad range of desktop Web Applications. Using Adobe Photoshop can allow you to design and discover something you want. There are numerous extra capabilities to be had to personalize the graphics being created via this system as well.

    Meet a Few of our Industry Experts 🚀 Your Pathway to IT Career

    mandeep

    Mobile: +91 98474 90866
    Location: ldh, Online (Uae)
    Qualification: bca

    Experience: Wordpress css html php   more..

    Arun

    Mobile: +91 91884 77559
    Location: Koratty, Online (Uae)
    Qualification: Diploma in E&C

    Experience: Manual testing automation testing seleniumApplication for Software Testing  more..

    MohanGaneshMunagala

    Mobile: +91 89210 61945
    Location: Bangalore, Online (Uae)
    Qualification: Bachelors of computer applications

    Experience: Manual testing API Testing database testing automation testing | Resume for   more..

    sharmili

    Mobile: +91 89210 61945
    Location: Delhi, Online (Uae)
    Qualification: Bachelors in design

    Experience: Hello I am a design graduate with 4 years of full time + freelance experience (CV & Portfolio attached) Talking  more..

    Kasaboina

    Mobile: +91 9895490866
    Location: Telangana, Online (Uae)
    Qualification: BE Automobile Engineering

    Experience: Manual Testing Automation Testing Selenium Webdriver Automation Frameworks familiarity with SDLC and STLC concepts TestNG Jenkins Jira Tool API Testing  more..

    Navenbabu

    Mobile: +91 91884 77559
    Location: Andhra Pradesh, Online (Uae)
    Qualification: Post Graduate Cybersecurity

    Experience: I am Navenbabu from Andhra Pradesh I completed my B Tech degree in Information Technology at Bharathiyar College of Engineering  more..

    Chhayaka

    Mobile: +91 98474 90866
    Location: Gujarat, Online (Uae)
    Qualification: MCA,pgdca

    Experience: C php asp python java html  more..

    Sachin

    Mobile: +91 91884 77559
    Location: Maharashtra, Online (Uae)
    Qualification: B.E. electrical engineering

    Experience: Digital forensics owasp top 10 vulnerabilities vapt firewall etc  more..

    Niharika

    Mobile: +91 98474 90866
    Location: Telangana, Online (Uae)
    Qualification: Btech

    Experience: Java c python c++ html css   more..

    Ruchika

    Mobile: +91 98474 90866
    Location: Jaipur, Online (Uae)
    Qualification: Btech

    Experience: I’m pleased to be applying for the position as Python Django Developer As a computer engineer I believe that  more..

    Sushmitha

    Mobile: +91 9895490866
    Location: Karnataka, Online (Uae)
    Qualification: Bachelors

    Experience: SIEM IDS IPS firewall logs Microsoft Defender incident response malware analysis and phishing analysis  more..

    Ghous

    Mobile: +91 98474 90866
    Location: West Bengal, Online (Uae)
    Qualification: BCA

    Experience: 1 penetration testing 2 ethical hacking 3 sblister tool 4 harvestor tool 5 OSINT  more..

    Kalyani

    Mobile: +91 8301010866
    Location: Uttar Pradesh, Online (Uae)
    Qualification: Bechelor of Technology

    Experience: C programming plc pcb Microsoft office | Resume for IT Counselor (Work from Home) Hindi Tamil Malayalam  more..

    Vishal

    Mobile: +91 9446600368
    Location: Coimbatore, Online (Uae)
    Qualification: BE.EEE

    Experience: My name is Vishal and I am a fresher with a keen interest in software testing I recently came across  more..

    Pulkit

    Mobile: +91 91884 77559
    Location: Uttar Pradesh, Online (Uae)
    Qualification: MCA

    Experience: • Programming Languages: Python HTML CSS JavaScript SQL (SQL Server MySQL Oracle) NoSQL (MongoDB) • Frameworks and Libraries: Django React  more..

    Divya

    Mobile: +91 9446600368
    Location: Madhya Pradesh, Online (Uae)
    Qualification: Bsc

    Experience: Have 1 year experience in canva Make eye catching post for social media accounts graphic design poster making  more..

    shrikant

    Mobile: +91 91884 77559
    Location: Madhya Pradesh, Online (Uae)
    Qualification: B.E.

    Experience: php is my skill and |   more..

    Rohit

    Mobile: +91 91884 77559
    Location: Kerala, Online (Uae)
    Qualification: Bsc Computer Science

    Experience: I have done a 6 months course on python full stack development I have done a live project of the  more..

    sanjiv

    Mobile: +91 98474 90866
    Location: Indore, Online (Uae)
    Qualification: B.A

    Experience: I have 5 years experience Skills as hardware &networking Application for System Administration Server Admin  more..

    Vikas

    Mobile: +91 91884 77559
    Location: Uttarakhand, Online (Uae)
    Qualification: Graduation

    Experience: Wordpress development Frontend Backend React js Express js Node js and Mongodb  more..

    Mina

    Mobile: +91 8301010866
    Location: Maharashtra, Online (Uae)
    Qualification: Bachelor of computer engineering

    Experience: WordPress developer Elementor Html Css I have 2years of experience as WordPress developer  more..

    FASMILA

    Mobile: +91 8301010866
    Location: Kerala, Online (Uae)
    Qualification: BCA

    Experience: Hello I'm Fasmila I have completed my degree in BCA at Peekay College Kozhikode passout 2022 I have completed UI  more..

    Suhas

    Mobile: +91 98474 90866
    Location: Karnataka, Online (Uae)
    Qualification: B.sc

    Experience: Conducted VAPT on client web applications encompassing both blackbox and whitebox testing methodologies Conducted comprehensive Network Vulnerability Assessment and Penetration  more..

    Blessy

    Mobile: +91 98474 90866
    Location: Delhi, Online (Uae)
    Qualification: MCA

    Experience: Jira ApI testing using postman performance testing usibg Jmeter selenium with Java python Sql  more..

    Soni

    Mobile: +91 91884 77559
    Location: Maharashtra, Online (Uae)
    Qualification: Bsc IT

    Experience: Fresher Want to work in Manual testing |   more..

    Aljo

    Mobile: +91 8301010866
    Location: Kerala, Online (Uae)
    Qualification: B-tech

    Experience: Python Django React JavaScript HTML CSS SQL CSS Tailwind RESTful APIs Web Development Database Design Git Hi I am Aljo  more..

    Basu

    Mobile: +91 9895490866
    Location: Lucknow, Online (Uae)
    Qualification: Btech

    Experience: Mongodb express node react Html css js core Java etc  more..

    Sheeba

    Mobile: +91 89210 61945
    Location: Chennai, Online (Uae)
    Qualification: MSc COMPUTER SCIENCE

    Experience: Skills : manual testing SDLC STLC Python SQL functionality testing non functionality Testing test cases test scenarios block box testing  more..

    Arpit

    Mobile: +91 91884 77559
    Location: Noida, Online (Uae)
    Qualification: Mca

    Experience: 6 months experience as django developer Application for Python Django  more..

    Deena

    Mobile: +91 8301010866
    Location: Wayanad, Online (Uae)
    Qualification: BCA

    Experience: skill in android and communication skill is good  more..

    sridhar

    Mobile: +91 9446600368
    Location: Telangana, Online (Uae)
    Qualification: Pg

    Experience: Content writing research skills seo technical skills social media management | Resume for   more..

    Muhammad

    Mobile: +91 98474 90866
    Location: Kerala, Online (Uae)
    Qualification: Diploma in Computer Engineering

    Experience: Led a community of aspiring full-stack developers in a Telegram group providing technical guidance mentorship and fostering a supportive learning  more..

    Sreeramadas

    Mobile: +91 9446600368
    Location: Telangana, Online (Uae)
    Qualification: BSC computers

    Experience: Ms office SQL and python   more..

    Nancy

    Mobile: +91 8301010866
    Location: Aluva, Kochi , Online (Uae)
    Qualification: MCA

    Experience: Expert in manual testing Mainly concerned on mobile application testing (Android and iOS) and web application &server testing   more..

    Priyanka

    Mobile: +91 8301010866
    Location: Banglore, Online (Uae)
    Qualification: BE

    Experience: Manual testing-SDLC and STLC and agile methodologies Java Automation-selenium  more..

    Raghunath

    Mobile: +91 89210 61945
    Location: West Bengal, Online (Uae)
    Qualification: Diploma in Graphic Design

    Experience: 1 Creativity and Innovation: The ability to come up with fresh original ideas 2 Typography: Understanding different fonts typefaces and  more..

    gayatri

    Mobile: +91 98474 90866
    Location: rajasthan, hanumangarh, Online (Uae)
    Qualification: ba

    Experience: hello iam gayatri i have one year experince in manual testing our the past year i have mainly focused in  more..

    Rajith

    Mobile: +91 89210 61945
    Location: Kerala, Online (Uae)
    Qualification: Bsc computer science

    Experience: Sdlc stlc manual testing |   more..

    AKHILESH

    Mobile: +91 9895490866
    Location: Karnataka, Online (Uae)
    Qualification: Bachelor of engineering

    Experience: CRM management Strategic planning on getting organic leads Communication skills Ms office Basics of Java html python  more..

    R

    Mobile: +91 9895490866
    Location: Tamil Nadu, Online (Uae)
    Qualification: B.E (Computer Science & Engineering), CTECH - VFX

    Experience: Graphic design Motion graphics Video editing 3D animation and VFX Around 8 years of experience in graphic design alone (Photoshop  more..

    Deepak

    Mobile: +91 9446600368
    Location: Noida, Online (Uae)
    Qualification: B. tech

    Experience: Agile Scrum Api testing postman Mysql Html CSS Manual Testing Jira | Resume for   more..

    pratik

    Mobile: +91 9895490866
    Location: vadodara, Online (Uae)
    Qualification: B.E.

    Experience: - python - django - aws - apache - flask 3 year of experienceApplication for Python Django  more..

    Purna

    Mobile: +91 9895490866
    Location: Telangana, Online (Uae)
    Qualification: Btech

    Experience: Core java manual testing automation |   more..

    NAVED

    Mobile: +91 98474 90866
    Location: Kanpur Nagar, Online (Uae)
    Qualification: B.E(Mechanical Engineering)

    Experience: Team Management Soft skills Problem Solving C programming Python AutoCad Solidworks   more..

    Arulmozhi

    Mobile: +91 9446600368
    Location: Tamil Nadu, Online (Uae)
    Qualification: B.E

    Experience: Manual testing test plan test case preparation bug reporting |   more..

    Rasika

    Mobile: +91 98474 90866
    Location: Maharashtra, Online (Uae)
    Qualification: Master of computer application

    Experience: Salesforce admin Salesforce development apex triggers batch apex integration lightning web component  more..

    Lavisha

    Mobile: +91 8301010866
    Location: Chandigarh, Online (Uae)
    Qualification: MCA

    Experience: Manual testing RTM Test cases |   more..

    Shubham

    Mobile: +91 9895490866
    Location: Maharashtra, Online (Uae)
    Qualification: BE

    Experience: uiux designer figma design Prototype wireframe User interface User experience 3 month experience  more..

    Sankhadeep

    Mobile: +91 91884 77559
    Location: Kolkata, Online (Uae)
    Qualification: B.Tech

    Experience: I have knowledge in Manual testing SQL Core Java and Selenium | Resume for   more..

    Meghana

    Mobile: +91 91884 77559
    Location: Karnataka, Online (Uae)
    Qualification: BE

    Experience: Good knowledge in c java programming sql   more..

    Mohammed

    Mobile: +91 91884 77559
    Location: Telangana, Online (Uae)
    Qualification: B.E

    Experience: Skills : Angular Html Css Nodejs firebase Worked with multiple startups and playing a key role in the team as  more..

    Ranjeet

    Mobile: +91 9895490866
    Location: Uttar Pradesh, Online (Uae)
    Qualification: BCA 2nd year/ Ethical hacking

    Experience: Skills - Web Designer - c c++ python language - Networking - Ethical hacker Experience Teaching -c c++ language Teaching  more..

    Heena

    Mobile: +91 9895490866
    Location: Vasai, Online (Uae)
    Qualification: Bachelor's degree in Information Technology

    Experience: Core Java Advance Java Spring Tool Suite python C C++ Html CSS Bootstrap PHP MySQL C# Software Testing | Resume  more..

    Shrikant

    Mobile: +91 91884 77559
    Location: Maharashtra, Online (Uae)
    Qualification: Msc

    Experience: Skills - Manual and Automation Testing 1 2 years of experence in softwere testing |   more..

    Rosmy

    Mobile: +91 9446600368
    Location: Kerala, Online (Uae)
    Qualification: B.Tech

    Experience: Having experience in manual testing the applications in different platforms like web Android and iOS  Writing and execution of test  more..

    Sama

    Mobile: +91 9446600368
    Location: Hyderabad, Online (Uae)
    Qualification: B.Tech

    Experience: Proficient in Java Python JavaScript Full-stack development skills including React js Node js Solid understanding of databases like MongoDB mySQL  more..

    RITHU

    Mobile: +91 98474 90866
    Location: Kerala, Online (Uae)
    Qualification: B. Tech Computer Science

    Experience: I am working as a Python Developer at Needoo AI Innovations LLP where I have been actively involved in developing  more..

    Remya

    Mobile: +91 8301010866
    Location: Kathrikadavu, Online (Uae)
    Qualification: Btech

    Experience: 4 years experience in development of web applications in php Skills : Zend Framework2 Javascript Jquery Ajax Html Css Mysql  more..

    monalisa

    Mobile: +91 89210 61945
    Location: Maharashtra, Online (Uae)
    Qualification: BE

    Experience: manual testing- 2+ years automation testing (selenium java)- 6 months but I have good command postman- 1 year sql- 1  more..

    Krishna

    Mobile: +91 9446600368
    Location: Mumbai, Online (Uae)
    Qualification: Bachelor of Engineering

    Experience: Dear Recruiter I am writing in response to the Software Test Engineer position I have 1 3 Year of experience  more..

    Success Stories

    The enviable salary packages and track record of our previous students are the proof of our excellence. Please go through our students' reviews about our training methods and faculty and compare it to the recorded video classes that most of the other institutes offer. See for yourself how TechnoMaster is truly unique.

    Photos of Training / Internships

    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae
    Internship/projects in uae

    Trained more than 10000+ students who trust Nestsoft TechnoMaster

    Get Your Personal Trainer