Demos On 21st/ 22nd July
PIMPLE SAUDAGAR :    Selenium(10:30 AM)   |    Hadoop (10:00 AM)   |    SAP ABAP (10:00 AM)   |    PL/SQL (10:00 AM)   |    DevOps (11:00 AM)   |    SAP FICO (11:00 AM)   |    AWS (1:30 PM)   |    Web API (2:00 PM)   |    Data Science (4:00 PM Sunday)   | DECCAN :    Selenium (9:00 AM)   |    Python (10:30 AM)   |    Java (11:30 AM)   |    AWS (1:00 PM)   |    SAP FICO (2:00 PM)   |    PHP (3:00 PM)   |    Angular JS (4:00 PM)   |    SAP MM (4:00 PM)   
ISO 9001:2015 Certified Organization  |  Pearson Exam Center

Web Designing Course

Book your Seat by a One-time Registration Fee of Rs.2000/-

Overview

Are you creative ? think out of the box? then web designing is very exciting career option for you. Our Web Designing course consist of HTML/HTML5 , CSS/CSS3 and Javascript , these are used to organize the website layout and define the look and feel of webpages , We teach all these using Dreamweaver , which is most popular professional web Development tool. Our this specially design course cover latest designing tools like Adobe Photoshop and flash .We also covers real time projects starting from domain registration to hosting your website.

Duration : 50 Hours

Prerequisites : As such no pre-requisites, only basic computer knowledge is required.

  • Trainers are Professional Graphics designers from the Industry.
  • We cover entire course on one or more real time web site project.
  • Provide Interview tips and assist in resume formation.

Course Syllabus

FrontEnd Designing
  1. HTML Basic
    • What is Markup Language
    • Basic Structure of HTML
    • Head Section and Elements of Head Section
    • Meta Tags
    • External Link Tags

  2. HTML Elements
    • Basics, Elements , Attributes
    • Paragraphs and Formatting
    • HTML Skeleton, Links
    • The < html > , < body > , < head > , and < title > Elements
    • Creating an HTML Document
    • Basic Content Structure
    • Headings
    • Horizontal Rules
    • Line Breaks
  3. Images
    • Optimizing web graphics-JPEG, GIF & PNG
    • Getting images from Photoshop
    • Embedding Images in a Web Page
    • Using Graphics as Links
    • Using Background Images
    • Setting image properties via HTML
  4. Hyperlinks
    • Href
    • Name
    • Title
    • Rev
    • Methods
    • Target
  5. Lists
    • Creating Unordered (Bulleted) Lists
    • Creating Ordered (Numbered) Lists
    • Nesting Lists
    • Creating Definition List
  6. Div & Tables
    • Creating of Div Tag
    • Creating and Modifying Tables
    • Table Coding Guidelines
    • Formatting Tables
    • Table Headers and Captions
  7. Forms:
    • Name, Action, Method
    • Text, Hidden, Password
    • Radio Button, Checkbox
    • Select, Textarea
    • Submit, Reset, Button
  8. HTML5
    • HTML5 Structural Elements
    • Section, Article, Aside
    • Header, Hgroup
    • Footer, Nav
    • HTML5 Content Elements
    • Figure, Figcaption, Video
    • Audio, Embed, Canvas
    • HTML5 New Application Focused Elements
    • Meter, Details, Summary
    • Progress, Time
    • HTML5 Input Types
    • Color, date, datetime
    • email, month, number
    • range, search, tel
    • time, url, week
    • HTML5 Form Attributes
    • autocomplete
    • novalidate
    • form/formaction
    • autofocus
    • multiple
    • pattern(regexp)
    • placeholder
    • required
  1. Understanding CSS:
    • Versions of CSS
    • Types of CSS Rules
    • CSS and Markup Languages
  2. CSS Basics
    • Adding Styles to an HTML Tag
    • Adding Styles to a Web Page and Web Site
    • Redefining an HTML Tag
    • Defining Classes to Create Your Own Tags
    • Defining IDs to Identify an Object
    • Defining Styles with the Same Rules
    • Adding Comments to CSS
    • Style Sheet Strategies
  3. Font Properties
    • Understanding Typography on the Web
    • Setting the Font Size
    • Making Text Italic and Setting Bold,Bolder, Boldest
    • Creating Small Caps
    • Setting Multiple Font Values
  4. Text Properties
    • Adjusting Text Spacing
    • Setting Text Case
    • Aligning Text Horizontally and Vertically
    • Indenting Paragraphs
    • Setting Text and Foreground Color
    • Decorating Text
    • Setting Text Direction
    • Setting Page Breaks for Printing
  5. Color and Background Properties
    • Choosing Color Palettes
    • Setting Text and Foreground Color
    • Setting a Background Color
    • Setting a Background Image
    • Setting Multiple Background Values
  6. Box Properties
    • Setting an Element’s Margins
    • Setting an Element’s Border
    • Setting an Element’s Outline
    • Setting an Element’s Padding
    • Setting the Width and Height of an Element
  7. CSS Border
    • Border
    • border-width
    • border-color
    • border-style
  8. Positioning
    • static, relative, absolute
    • fixed, z-index
  9. Floating
    • None, left, right
    • Initial,inherits
  10. Pseudo-elements and CSS classes
  11. CSS List
    • list-style
    • list-style-image
    • list-style-position
    • list-style-type
  12. CSS3
    • Border
    • CSS3 Backgrounds
    • CSS3 Gradients
    • CSS3 Shadows
    • CSS3 Text Effects
    • CSS3 Fonts
    • CSS3 2D/3D Transforms
    • CSS3 Transitions
    • CSS3 Animations
    • CSS3 Multiple Columns
  13. Create a Layout Using CSS Property
  1. Statements & Comments
  2. Variables
  3. Data types
  4. Operators
  5. Conditional Statements and Loops
  6. User Defined Functions
  7. HTML Events
    • Window Event Attributes
    • onload
    • onunload
    • Form Events
    • onblur
    • onchange
    • onfocus
    • oninput
    • onselect
    • onsubmit
    • Keyboard Events
    • onkeydown
    • onkeypress
    • onkeyup
    • Mouse Events
    • onclick
    • ondblclick
    • onmouseover
    • onmouseout
    • onmousedown
    • onmouseup
  8. JS Validations
  1. JavaScript Basics
    • Refreshing Basic JavaScript Concepts
    • Defining Functions
    • Arrays & Objects in JS
    • Date & Math Object
    • String Methods
    • Set timeout & Set Interval Function
  2. The DOM Objects
    • Introduction to DOM object
    • DOM Methods
    • Access & Modify HTML through DOM
    • Event Listners
    • DOM Navigation
    • Dynamic Content Handling
    • Session Storage
    • Local Storage
  3. Advance JavaScript Overview
    • Arrays & Objects redefined
    • JS Hoisting for variables & Functions
    • Functions in depth
    • JS Prototype
    • This Keyword in JS
  4. Getting Into Advance JS
    • OOJS concept
    • Classes & Instances
    • Exception Handling in JS
    • Constructors & Inheritance
  1. Introduction
  2. JQuery Syntax
  3. jQuery Selectors
  4. jQuery Events
  5. jQuery Effects
    • jQuery Hide/Show
    • jQuery Fade
    • jQuery Slide
    • jQuery Animate
    • jQuery Stop()
    • jQuery callback
    • jQuery chaining
  6. JQuery HTML
    • jQuery Get
    • jQuery Set
    • jQuery Add
    • jQuery Remove
    • jQuery CSS Classes
    • jQuery CSS
  7. jQuery Misc
    • jQuery noConflict()
  1. AJAX with JavaScript
    • Why AJAX & How it works
    • Syntax (XMLHTTPRequest Object)
    • Sending Requests to server
    • Processing Response
    • AJAX Events
    • Example with PHP Server
  2. JQuery AJAX
    • jQuery load
    • jQuery Get/Post
  1. How to Create a Layout in Bootstrap
    • Grid Classes
  2. Basic Tags in Bootstrap
    • Contextual colors and backgrounds
  3. Table in Bootstrap
    • Bootstrap Basic Tables
    • Striped Rows
    • Bordered Table
    • Hover Rows
    • Condensed Table
    • Contextual Classes
    • Responsive Tables
  4. Navigation bar in Bootstrap
    • Inverted Navigation Bar
    • Fixed Navigation Bar
    • Navigation Bar with Dropdown
    • Right-aligned Navigation Bar
    • Collapsing the Navigation Bar
  5. Form bar in Bootstrap
    • Vertical Form
    • Horizontal Form
    • Inline Form
  6. Buttons in Bootstrap
    • Button Styles
    • Button Sizes
    • Block Level Buttons
    • Active/Disabled Buttons
  7. Images in Bootstrap
    • Rounded Corners Image
    • Circle Image
    • Thumbnail Image

Angular JS
  1. Getting Started
    • Introduction
    • What is Angular 2?
    • How Angular Works ?
    • Difference between Angular and Other Framework
    • Advantages of AngularJS
  2. Typescript
    • What is typescript?
    • Compare typescript with Javascript
    • Data Types & Variables
    • Variable & Operators
    • Control Structure and Decision making & loops
    • Typescript Functions & Strings
    • Typescript Object
    • Class , Abstract Class
    • Constructor Method
    • Type of Assertion
    • Interfaces
  3. Application setup
    • Installing Angular JS
    • Configuration of Angular JS
    • Creating an Angular 2 project
    • Creating an Angular 2 project using CLI
  4. NodeJS
    • Setup
    • Commands
    • What is NPMM
    • Install Nom for Angular.
  5. Architecture
    • Module
    • Component
    • Template
    • Metadata
    • Data binding
    • Directive
      • Attribute Directive
      • Structural Directive
    • Services
    • Dependency Injection
  6. Directives
    • Understanding Directives
    • Directives Overview
    • Different kinds of directives
    • Build attribute directive
    • Apply the attribute directive to an element in a template
    • Respond to user-initiated events
    • Pass value into the directive with an @Input data binding
    • Custom Attribute Directive
  7. Structural And Attribute Directive
    • What is structural directive?
      • NgIf case study
      • NgFor,NgSwitch
    • What is attribute Directives
      • Using the NgStyle Directive
      • Using the NgClass Directive
      • The <'template'> element
  8. Service
    • What is service?
    • Create a service
    • Understanding Services Injecting Concepts
    • Async service and promise
    • Introduction to Observable
    • What is web service
    • how to create web service
    • how to consume rest service
    • posting data to client server architecture
    • Introduction to Material Design
    • Introduction to card Material Design .
    • What is Json Server .
    • Install json server and run and up into your local machine
    • crud operation using son server.
  9. Dependency Injection
    • Why dependency injection?
    • Angular dependency injection
    • Injector provider
  10. Data Binding
    • Interpolation
    • Property binding
    • Event binding
    • Attribute binding
    • Class binding
    • Style binding
    • Multiple components & passing data
  11. Display data
    • Class Binding
    • Style Binding
    • Event Binding
    • Two-way Binding
    • Component Data Binding
    • Component Events
    • Ng-Model
  12. User input
    • Binding to user input events
    • Get user input from the $event object
    • Get user input from a template reference variable
    • Key event filtering (with key.enter)
  13. Form
    • Types of Forms in Angular4
    • Introduction to Template Driven Forms.
    • Validation of Template Driven Forms.
    • Introduction Model Driven Forms.
    • Validation of Model Driven Forms.
    • Two way data binding using ngModel.
    • Model Driven Forms With Form Builder
    • How to post data via a angular forms with rest service.
  14. Pipes
    • Introduction to Pipes
    • Why pipes are useful.
    • Type of pipes
    • Built-in pipes
    • parametrised pipes
    • how to create custom pipes
  15. Router
    • Setting Up Router
    • Imperative Routing
    • Route Parameter
    • Child Routing
ANGULAR 4 & 5
  1. Angular4
    • Features of angular 4
    • Animation package
    • Angular Universal
    • Typescript 2.1 and 2.2 compatibility
    • Flat ES Modules (Flat ESM/FSEM)
    • Upgrading from angular 2 to 4
  2. Angular 5:
    • What is new in Angular 5?
    • Introduction to Build optimizer.
    • New Router Lifecycle Events in Angular 5
    • Service Workers in Angular 5
    • Deprecations and Other Updates
Ionic 3 (Building mobile apps for IOS+Android+Windows ) using Angular
    • Installing the Ionic 3 CLI
    • Creating a New Project with the Ionic 3 CLI
    • Listing Project Templates
    • Running our Project in the Browser and on a Device
    • Using Live Reload on a Device
    • Generating Project Components with the Ionic CLI
    • Getting Environment Information with Io
    • Accessing the Ionic Documentation
    • Creating an Ionic.io Account
    • Authenticating to Ionic.io Within the CLI
    • Creating an Application on the Ionic.io Platform
    • Using Ionic View to Run Your Application on a Device
    • Generating Splash Screen and Icon With the CLI–
    • Getting Started with Ionic 3
    • Creating an Ionic Application
    • Serving the Application
    • Folder Structure
    • Your First Application
    • Ionic Document Flow
    • Challenge - Create an Ionic Application
    • Run Your Application in a Browser

Inquire Now



Student's Reviews about 3RI



UI development Training
Rated 4.3 564