Ruchiwebsolutions gives real-time web designing course and focused on the live project in Web Designing training in hyderabad . Our web Designing course consists of basic level to advanced level so that student can get real time project based training. We teach html4 , html5, css2, css3, javascript, jquery, photoshop, boostrap. Our customized course can help any body to get job easily. We give 100% sure placement assistance. Our student will do assignment project under trainer guidance which help in job and placment. We have tie up with so many mnc company to give the job in web designing area. Thats the reason ruchiwebsolutions is Best web designing training in hyderabad.
About Trainer: Our expert trainer who is P.Ranjan Raja is going to train you . He is having more than 13+ years training experience in web design and user interface design and industrial experience. Trainer is corporate trainer and working in mnc company and giving web training course in hyderabad.
Overview of the course: We will start the course from beginners level and than we will go further with medium level and finally advanced level with project. It will be fully technology based training with assignment and live project.
After completing this course student will be able to design the website successfully and we are going to help them in assisting with placement.
Web Designing Training Centres in Hyderabad
Responsive web designing training with boostrap , html5, css3, javascript and jquery.
|
|
|
|
Please contact on my mobile / Whatsapp 91-9032803895 / 09347045052 or Email ID info@ruchiwebsolutions.com.
web designing Course Modules
Hyper Text Markup Language (HTML5)
- Overview of Web designing
- Client - side Programming
- Server - side Programming
- Types of Webpages
- Static Webpage
- Dynamic Webpage
- Server Webpage
- Types Of Languages
- Programming Languages
- Scripting Languages
- Introduction To HTML
- Structure Of HTML
|
- Tag
- Empty Tag
- Container Tag
- Basic Tags
- Meta Tags
- Attributes & Parameters
- Comments
- Image tag
- Link Tags
- Image Link
- Text Link
|
- Email Link
- Marquee Tag
- List
- Order List
- Unorder List
- Nested List
- Definition List
- Table Tag
- Form tags
- Background Colors & Images
- Introduction To Doctypes
|
|
Hyper Text Markup Language (HTML 5)
- What is HTML 5
- Overview of HTML 5
- Browser Support
- W3C and Web Hypertext Application Technology Working Group (WHATWG).
- 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
- tel
- time
- url
- week
- Form Elements
- <datalist>
- <keygen>
- <output>
- New attributes for <form>
- autocomplete
- novalidate
- New attributes for <input>
- autocomplete
- autofocus
- form
- formaction
|
- formenctype
- formmethod
- formnovalidate
- formtarget
- height and width
- list
- min and max
- multiple
- pattern (regexp)
- placeholder
- required
- step
- Video and Audio
- Media
- <audio>
- <video>
- <source>
- <embed>
- <track>
- plugins
- youtube
|
|
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
|
|
HTML5 DEPRECATED TAGS
|
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.
- App Cache or Offline Applications
|
- Browser Support
- Canvas Overview
- Lines
- Curves
- font
- Image
- Paths
- Shapes
- Color, gradients
|
|
Cascading Stylesheets(CSS2)
- CSS
- Introduction
- Syntax
- Advantages
- Types of Stylesheets
- External style sheet
- Internal style sheet
- Inline style
- Types of Selectors
- Global
- Class
- Id
- Div's & Span tags
- Colors
- Background
- background-color
- background-image
- background-image
- background-attachment
- background-position
- Font
- font-family
- color
- font-size
- font-style
- list-style-image
|
- font-variant
- font-weight
- Text
- Color
- letter-spacing
- Word-spacing
- line-height
- text-align
- text-decoration
- text-indent
- text-transform
- vertical-align
- White-space
- Images
- border
- width
- height
- Links
- a:link
- a:visited
- a:hover
- a:active
- Lists
- list-style-type
- list-style-position
- Tables
|
- Box Model
- Border & Outline
- outline
- margin
- padding
- Advanced
- Dimension
- height
- width
- line-height
- max-height
- min-height
- max-width
- min-width
- Display
- Positioning
- Layers (Z-index)
- Floating
- Scrollbars
- Navigation Bar
- Image Opacity
- Image Sprites
- Attribute Selectors
|
|
Introduction to css3.0 (css3)
- CSS 2.0 vs CSS 3.0
- Introduction to css3
- whats new in css3.0
- border
- box-shadow
- border-image
- border-radius
- 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
- Box Resiz
- Box Sizing
- Outline
- Transitions
|
- transition
- transition-delay
- transition-duration
- transition-property
- Animations
- @keyframes
- animation
- animation-delay
- animation-direction
- animation-duration
- Selectors
- Multiple Columns
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- User Interface
- box-sizing
- resize
- outline-offset
- resize
|
|
Java Script
- Introduction to Java Script
- Syntax
- Statements
- Comments
- Introduction to Client Side Scripting
- JavaScript Types
- Variables in JS
- Datatypes in JS
- Operators in JS
- Conditional Statements
|
- Java Script Loops
- JS Popup Boxes
- JS Events
- JS Arrays
- Working with Arrays
- JS Objects
- JS Functions
- Operators
- Arithmetic
- Assignment
- Comparison
|
- Logical
- Conditional
- Using Java Script in Realtime
- JS Popup Boxes
- Validation of Forms
- The DOM, Nodes, and Objects
- Understanding the DOM
- Adding nodes to the DOM
- Deleting nodes from the DOM
|
|
jQuery – Advance
- String
- Numbers
- Boolean:
- Objects
- Arrays
- Functions
- Arguments
- Scope
- Built - in Functions:
- jQuery – Selectors
- How to use Selectors?
|
- jQuery – CSS Element Selector
- jQuery – CSS Element ID Selector
- jQuery – CSS Element Class Selector
- jQuery Effects
- jQuery Hide/Show
- jQuery Fade
- jQuery Slide
- jQuery Animate
|
- jQuery stop()
- jQuery Callback
- jQuery Chaining
- jQuery – DOM Attributes
- Get Attribute Value:
- Set Attribute Value
- Jquery – DOM
- Jquery Events
- Ajax
- UI
|
|
Responsive Web Design (Bootstrap and apply media query)
- Twitter Bootstrap - Introduction
- Grid Systems in Bootstrap
- Components and form elements
- Slider animations in Bootstrap
- Bootstrap Plugins and its uses
- Media Attribute and Media Type Concepts
- Introduction to Media Queries
|
- Understanding CSS Box Model & CSS Resets
- Techniques to make Responsive Images
- Creating Responsive menu
- Creating Responsive Banner slider
- Creating Responsive Content area
- Creating Responsive Footer
|
|
Adobe Photoshop
- Introduction of Stock Photography
- Types of Images and Image Editing Tools
|
- Introduction to Adobe Photoshop
- Using Photoshop Tools
|
- Layers, Actions and Filters
- Creating Custom Effects
|
|
Angular Introduction
- One page application
- What is AngularJs Expressions
- What is Angular Directives
- Angular Controllers
|
- Angular Filters use
- Angular https works
- Angular Tables
- Angular Modules
|
- Angular Forms
- Angular Validation(javascript)
- Angular Includes
- Angular Application
|
|