9175371080  +919175371081   info@cncwebworld.com








GRAPHIC USER INTERFACE - HTML5, CSS3 & JQUERY TRAINING INSTITUTE IN PUNE

ABOUT UI DESIGNING

GUI means “GRAPHIC USER INTERFACE” it uses the icons or other visual indicators to communicate with computers, rather than just using only text through the command line.A GUI involves different icons and menus to carry out commands, such as opening or deleting files.

HTML is the core markup language utilized to structure and design substance for the World Wide Web and its latest version is HTML5 It is the fifth and current version of the HTML standard.

HTML5, CSS3, and JQuery are the basic things that you need to know if you want to learn GUI Design at CNC Web World we offer a whole set of course in Graphic Design Interface.

COURSE STRUCTURE


Our course is 100% practical one faculty for one student. This course is a basic course designed for the students who want to make a career in software development Industry. The course covers all the aspects which are necessary to learn UI Design.

We have four branches in Pune and one each in Nagpur and Mumbai. All the branches are well equipped with Latest LED computer and high-speed Internet. We have experienced faculties for teaching who work dedicatedly in enhancing and up skilling your knowledge. Our timings are so flexible that you can come at your preferred timings.


Eligibility : BE,MCA,MSC,BCA.
Time:Flexibility.
Duration:30 Days.
Training methodology:1 to 1 (one faculty for one student/Group).
Syllabus
  1. HTML - Elements
  2. HTML - Tags
  3. HTML - Text
  4. HTML - Formatting
  5. HTML - Pre
  6. HTML - Attributes
  7. HTML - Font
  8. HTML - Text Links
  9. HTML - Comments
  10. HTML - Lists
  11. HTML - Images
  12. HTML - Image Links
  13. HTML - Tables
  14. HTML - Bgcolor
  15. HTML - Color Codes
  16. HTML - Color Chart
  17. HTML - Background
  1. HTML - Forms
  2. HTML - Input
  3. HTML - Text Fields
  4. HTML - Password
  5. HTML - Reset
  6. HTML - Submit
  7. HTML - Checkboxes
  8. HTML - Radio
  9. HTML - Select
  10. HTML - Hidden Fields
  11. HTML - Upload
  12. HTML - Textarea
  1. HTML - Body
  2. HTML - Meta
  3. HTML - Style
  4. HTML - Div
  5. HTML - Layouts
  6. HTML - Frames
  1. HTML - Bold
  2. HTML - Paragraphs
  3. HTML - Headings
  4. HTML - Line Breaks
  5. HTML - Horizontal Rule
  6. HTML - Email
  7. HTML - Italic
  8. HTML - Code
  9. HTML - Superscript
  10. HTML - Subscript
  11. HTML – Strikethrough
  1. CSS Syntax
  2. CSS Id & Class
  3. CSS How
  1. Styling Backgrounds
  2. Styling Text
  3. Styling Fonts
  4. Styling Links
  5. Styling Lists
  6. Styling Tables
  1. CSS Border
  2. CSS Outline
  3. CSS Margin
  4. CSS Padding
  5. CSS Dimension
  6. CSS Display
  7. CSS Positioning
  8. CSS Floating
  9. CSS Navigation Bar
  10. CSS Image Gallery
  11. CSS Image Opacity
  12. CSS Align
  1. JavaScript Overview
  2. JavaScript Syntax
  3. Type of JavaScript
  4. Embedding Script In HTML File
  5. Variable
  1. Arithmetic
  2. Logical
  3. Comparison
  4. Assignment
  5. Conditional
  1. If
  2. If. Else
  3. Switch
  4. While
  5. Do/while
  6. For
  1. Passing Parameter to function
  2. Returning a value from function
  3. Creating Object
  4. Accessing Object Properties
  1. Array Object
  2. String Object
  3. Date Object
  4. Math Object
  5. Window Object
  6. Navigator Object
  1. Mouse Events
  2. Frame/Object Events
  3. Form Events
  1. article
  2. aside
  3. figcaption
  4. figure
  5. footer
  6. header
  7. mark
  8. nav
  9. progress
  10. section
  11. summary
  12. time
  1. datalist
  2. keygen
  3. output
  1. Color
  2. Date
  3. Datetime
  4. Datetime-local
  5. Email
  6. Month
  7. Number
  8. Range
  9. Tel
  10. Url
  11. Time
  12. Week
  1. autocomplete
  2. autofocus
  3. form
  4. formaction
  5. formenctype
  6. formmethod
  7. formnovalidate
  8. formtarget
  9. height and width
  10. list
  11. min and max
  12. pattern (regexp)
  13. placeholder
  14. required
  15. step
  1. source
  2. audio
  3. video
  1. Line
  2. Circle
  3. Text
  4. Rectangle
  5. Paths
  6. Bezier
  7. Quadratic
  8. Images
  9. Create Gradients
  1. Circle
  2. Rectangle Stroke
  3. Rounded Rectangle
  4. Rectangle
  5. Circle Stroke
  6. Ellipse
  7. Line
  8. Polyline
  9. Text
  10. Gradients
  11. Fill Patterns
  12. Clip Path
  13. Masks
  1. Drag and Drop
  2. ondragstart and setData()
  3. ondragover
  1. Local Storage
  2. sessionStorage
  3. Web Workers
  4. App Cache
  5. SSE
  1. border-radius
  2. Border Images
  1. Background Size
  2. background-origin
  1. text-shadow
  2. Ibox-shadow
  1. text-overflow
  2. word-wrap
  3. word-break
  1. 2D Transforms
  2. 3D Transforms
  1. 2transition-delay
  2. transition-duration
  3. transition-property
  4. transition-timing-function
  1. animation-delay
  2. animation-name
  1. column-count
  2. column-gap
  3. column-rule-style
  4. column-rule-width
  5. column-rule-color
  6. column-rule
  7. column-span
  8. column-width
  1. resize
  2. outline-offset
  1. What is jQuery?
  2. Downloading and installing jQuery
  3. Creating a simple jQuery enabled page
  4. Overview of jQuery's features
  1. Arithmetic
  2. Logical
  3. Comparison
  4. Assignment
  5. Conditional
  1. Using basic jQuery selectors
  2. Using basic jQuery filters
  3. Using jQuery attribute filters
  4. Child, visibility, and content filters
  5. Form selectors and filters
  6. Traversing documents
  7. Understanding jQuery statement
  1. Creating, getting, and setting content
  2. Manipulating attributes
  3. Inserting content
  4. Wrapping, replacing, and removing
  5. content
  6. Working with CSS
  1. Understanding the jQuery event
  2. handling features
  3. Binding and unbinding events
  4. Convenient event helper methods
  5. Using the jQuery event object
  1. Hiding and showing elements
  2. Fading elements in and out
  3. Sliding elements
  4. Creating custom animations
  1. Introduction to jQuery
  2. Exploring the jQuery UI widgets
  3. Exploring the jQuery UI effects
  4. Using the jQuery UI ThemeRoller
  5. Downloading and installing jQuery UI
  1. Overview of the sample web site
  2. Using the accordion widget
  3. Creating an image rotator
  4. Building hover tooltips
  5. Making an image selector
  6. Using the Resizable effect

Enquiry Form

Students Video




Swargate Branch
2nd Floor, Office No.202, Modi Plaza,
Landmark: Opp.Laxmi Narayan Theatre, Pune-411042
Mob.:9156991450 /9156991451
Dange Chowk Branch
Office No. 1, Landmark: Opp. Pandit Petrol Pump,
on Hinjewadi Road Thergaon, Dange Chowk, Pune-411033
Mob.:9175371080 /9175371081
Vimannagar Branch
Office No. 202, 2nd Floor, Ashok Plaza, Near Hyatt Hotel,
Viman Nagar Road, Pune-411014
Mob.:9175371080 /9175371081
Kothrud Branch
The Busness Hub 189/190, Warje Malwadi Rd,
Happy Colony, Kothrud, Pune-411038
Mob.:9156991450 /9156991451
Nerul Branch
Office No. 5, Goodwill Arcade Sector - 10
Nerul (W) Navi Mumbai-400706
Mob.:7400332999 /9175371081
Nagpur Branch
Nagpur Office : 452 Tiranga Square, Anand Nagar Land mark,
Near Sangam Tokies Nanadanvan, Nagpur-440009
Mob.:8007077115 / 7020623187