Description

Web designing course encompasses the different skills, standards, specifications and disciplines in the production and maintenance of the websites. The design of a website can be determined from the way it looks, and works and the content it holds. A website doesn’t only need to be attractive and informative, but also, user-friendly and interactive. Therefore, the course teaches its students all about photoshop, graphics, layouts, content, typography, programming languages, dynamism and much more. It prepares these front-end designers, about both, corporate working and user mentality. The institute also works on ways to assist its students with placement in the companies that require the same skills.

This is an instructor-led course with an average batch size of 10 students. In the 40 hours of classroom training, you will get both the theoretical and practical knowledge needed to build the necessary skills. The institute’s holistic approach is stemmed to meet the long-term needs of the student and hence they provide 100% job/placement assistance with an option of seeking a trial class before the enrolment.

What will I learn?

  • Languages like HTML5, CSS and JavaScript
  • Frameworks like Angular JS, Node JS and Bootstrap RWD
  • Basic Knowledge of Agile Scrum Methodology and project management.

Specifications

  • Free Demo
  • 100% Placement Assistance
  • Missed Class Recovery
  • Certification by Institute
  • Instalment Facility
  • Interview Training

Html/Html 5 Elements

  • What are tags and elements
  • What are attributes
  • Purpose of HTML
  • Html Document anatomy
  • Html Validation
  • More about Doctypes
  • Html Document Head
  • Title
  • Meta tag
  • Charset
  • Style tag
  • Script tag
  • Link tag
  • Base tag
  • A complete overview of head
  • Html Body
  • Content types/ Data types
  • What is Semantic?
  • Block vs Inline elements
  • Text format
  • Display different type of text content
  • Header tags
  • White spaces
  • Formatting etc
  • Html entities

 

Links

  • Anchor tags
  • Target, title attributes
  • Relative vs Absolute
  • Id links and External id links
  • Access Keys

 

Html Lists

  • Unordered list
  • Ordered list
  • Definition list
  • Nested list

 

Table

  • Table structure
  • Semantic Table structure
  • Rows – Columns
  • Col Span
  • Row Span
  • Cell padding, Cell spacing
  • Borders and formatting table
  • Images and objects
  • Embedding images
  • Working with Transparent images
  • Embedding Video audio
  • Object tag with params
  • Html5 video audio embedding system
  • Browser compatibility issues and how to overcome
  • Html forms
  • Form tag
  • Input types
  • Accessible forms
  • URL Encoding
  • Layouts and semantic html layout structure
  • Usability & Accessibility standards
  • Creating pure html template
  • Conditional statements
  • Improve Performance
  • HTML 4 vs HTML 5

 

CSS

  • What is CSS?
  • Types of CSS
  • Syntax
  • Selectors
  • Colours
  • Lengths & Percentages
  • Formatting HTML elements
  • CSS box model
  • Grouping
  • Nesting
  • Pseudo-classes and elements
  • Floats
  • Display property
  • Positions
  • Layers
  • Background images
  • Shorthand properties
  • CSS specificity
  • CSS 3 new features
  • Rounded corners
  • Gradients
  • Embedding fonts
  • Transitions
  • Miscellaneous other features
  • Layouts
  • Fixed layouts
  • Fluid Layouts
  • RWD
  • UCD
  • Discussing other layout types
  • Working with project
  • Embedding Fonts
  • Media queries

 

RWD

  • What is RWD
  • RWD Viewports
  • RWD Videos/Images
  • Working with an RWD project with core technologies
  • RWD Frameworks Overview

 

Improving Performance

  • Optimizing CSS
  • CSS Browser Hacks
  • Compatibility issues and how to solve

 

Bootstrap RWD Framework

  • What is bootstrap?
  • Exploring bootstrap
  • Layout system
  • Grid system
  • Components
  • Exploring all other features
  • Creating Project with bootstrap

 

DOM

  • What is Dom?
  • Working with dom?
  • Dom structure
  • Traversing Dom
  • Working on CRUD with DOM

 

Javascript

  • Data types
  • Numbers
  • Strings
  • Boolean
  • Undefined
  • Null
  • Arrays
  • Objects
  • Variables
  • Comments
  • Operators
  • Arithmetic operators
  • Comparison operators
  • Logical operators
  • Assignment operators
  • Conditional operator

 

Conditional Statements

  • If , if else, if else if
  • Switch

 

Loops

  • While loop
  • Do while loop
  • For loop (Advance concepts how to optimize)
  • For in loop (will be discussed in objects)

 

Functions

  • Defining function
  • Types of defining functions and types of calling functions
  • Function statements

 

Working parameters

  • Passing params to functions
  • Working with ‘N’ number of params
  • Special Arguments array
  • Return statements
  • Anonymous functions
  • Nested functions
  • A function that return functions
  • Self-invoking functions
  • Literal functions
  • Scopes
  • Lexical scope
  • Closures
  • Closures in Loop

 

Objects /Prototype & patterns (Object-oriented javascript)

  • What are objects?
  • Defining Objects?
  • Properties and methods
  • Inheritance
  • Prototype
  • Js patterns
  • Singleton pattern
  • Constructor pattern
  • Discussing other patterns
  • Linking objects with another object
  • Accessing other object properties and methods
  • Data Structures
  • Application Data Structures
  • Looking into other frameworks (special topic)

 

Arrays

  • Defining arrays
  • Exploring arrays properties
  • Exploring array methods
  • Working with multi-dimensional arrays
  • Looping array data
  • More Advanced concepts in Arrays and array methods

 

Javascript Built-in Functions and objects

  • String
  • Date
  • Math
  • Regex . . .
  • BOM, DOM, Window,

 

Events

  • Exploring event types
  • Binding events
  • Optimal way of attaching events
  • Event Phases
  • Capturing
  • Bubbling
  • Targeting
  • Event Delegation
  • Prevent Default
  • Stop propagation
  • Stop immediate propagation
  • Exploring other event methods
  • Working with timeout functions
  • Ajax with Core javascript
  • Form handling with javascript
  • Working with Core javascript project
  • Cookies
  • Error Handling
  • Debugging
  • JS Miscellaneous

 

JQuery

  • What is JQeury?
  • Embedding JQuery to HTML documents
  • Jquery Selectors
  • JqueryCss
  • Jquery Dimensions
  • Manipulation
  • Traversing
  • Jquery Events
  • Jquery Effects
  • Ajax
  • Data manipulation from Dynamic sources
  • Services

 

REST

  • SOAP overview
  • Form Validation
  • Project With JQuery
  • Plugins
  • Exploring Jquery UI

 

Angular Js

  • What is Angular Js?
  • Exploring Angular Features
  • What is MVC Architecture?
  • Angular MV* Structure
  • Directives
  • Expressions
  • Controllers
  • Filters
  • Other DOM Activities with Angular
  • Components
  • Angular Module
  • Ajax
  • Angular modules overview
  • Angular Project modular based on the latest APP architecture.
  • Varies App structure overview

 

Node js

  • Node Js Fundamentals
  • Application Environment setup with Node, Bower etc

 

HTML5 API

  • Exploring HTML5 new features
  • GEO Location
  • Drag/Drop
  • Local Storage
  • App Cache
  • WEB Workers
  • SSE

Mr.Karthik

The trainer has 3 years of industry experience and more than 6 years of teaching experience and trained 200+ students. The trainer is an expert in Python programming. The trainer has in-depth knowledge in Python datatypes, Selenium web-Driver andHadoop Ecosystem. 

 

No reviews found

Batch Start Date End Date Timings Batch Type
Batch 1 10-05-2021 04-06-2021 Mon-Fri 10:00 AM-12:00 PM Weekday
Batch 2 07-06-2021 02-07-2021 Mon-Fri 10:00 AM-12:00 PM Weekday

Description

Web designing course encompasses the different skills, standards, specifications and disciplines in the production and maintenance of the websites. The design of a website can be determined from the way it looks, and works and the content it holds. A website doesn’t only need to be attractive and informative, but also, user-friendly and interactive. Therefore, the course teaches its students all about photoshop, graphics, layouts, content, typography, programming languages, dynamism and much more. It prepares these front-end designers, about both, corporate working and user mentality. The institute also works on ways to assist its students with placement in the companies that require the same skills.

This is an instructor-led course with an average batch size of 10 students. In the 40 hours of classroom training, you will get both the theoretical and practical knowledge needed to build the necessary skills. The institute’s holistic approach is stemmed to meet the long-term needs of the student and hence they provide 100% job/placement assistance with an option of seeking a trial class before the enrolment.

What will I learn?

  • Languages like HTML5, CSS and JavaScript
  • Frameworks like Angular JS, Node JS and Bootstrap RWD
  • Basic Knowledge of Agile Scrum Methodology and project management.

Specifications

  • Free Demo
  • 100% Placement Assistance
  • Missed Class Recovery
  • Certification by Institute
  • Instalment Facility
  • Interview Training
₹15,000 ₹ 15,000

Hurry up!! Limited seats only

No Comments

Please login to leave a review

Related Classes

₹15,000 ₹15,000

Hurry up!! Limited seats only

Map location

Shares