Demo on 17th Nov
PIMPLE SAUDAGAR :    Selenium(11:00 AM)   |    Tableau (1:00 PM)   |    Python (2:00 PM)    |    AWS (2:00 PM)   |    DevOps (2:00 PM)   |    Oracle-SQL (2:00 PM)   |    SAP MM (4:00 PM)   |    Data Science with Python (5:00 PM)   | DECCAN :    Angular JS (10:30 AM)   |    DevOps (11:00 AM)   |    Python & Data Science (11:30 AM)   |    Loadrunner (1:00 PM)   |    SAP FICO (2:00 PM)   |    MVC.NET (4:00 PM)   |    AWS (5: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? The web designing is a very exciting career option for you. Our Web Designing course consists of HTML/HTML5, CSS/CSS3, and JavaScript, these are used to organize the website layout and define the look and feel of WebPages, and we teach all these using Dreamweaver, which is a most popular professional web Development tool. Our special design course covers the latest designing tools like Adobe Photoshop and flash. We also cover 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 the 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.9 480