+91 9875642702
+91 8583959528

Advance UX Design and Front-End Developer Course

image
image
image
image
image
image
  • Home -
  • Advance UX Design and Front-End Developer Course

ADVANCE UX DESIGN AND FRONT-END DEVELOPER COURSE

This course has been designed keeping in mind of those peoples who already know HTML 4.0, CSS 2.0 and graphic design(Photoshop,Coreldraw etc) also. But want to learn UX(User experience section). It's also popularly called Front-end developer course. There was a time when there were mainly two sections for a complete website design and development. Design(Graphic Design) and web Development(Programming coding like PHP,ASP etc).

But, with the change of time, one more section came up, and that is called UX(user experience) development. So, this section lies in the middle of Graphic Design and web development.

Now-a-days, in almost all companies, UX developer is required UX section mainly consists of HTML5, CSS3, Jquery, Javascript and Bootstrap.Angularjs is an added advantage.

So, this course has been delicately designed for UX(Front-end) developer and the aim of this course is to make you modern and advance Front-end developer.

HTML5

  • Introduction to HTML 5
  • What’s new in HTML 5?
  • HTML5 VS HTML4
  • Structural Tags
  • Content Tags
  • Application Focussed Tags
  • Deprecated Elements
  • API Overview
  • HTML5 Documents
  • Role of Div Tags
  • Using ID ans CLASS Attributes
  • Doctype Declaration
  • Character Encoding
  • Structuring HTML5
  • Basic Page Structure
  • Top Level Elements
  • Interior Content
  • Building Headers
  • Checking Document Outlines
  • Ensuring Cross-Browser Structure
  • HTML5 DEPRECATED TAGS
  • Forms
  • Input Type
  • Autofocus
  • Placeholder
  • Marking Require Fields
  • Working with Number and Inputs
  • Date Picker
  • HTML 5 API Support
  • Video and Audio
  • Video and Audio Basics
  • Embedding Video and Audio
  • Falling Back to Alternative Playback Methods
  • Encoding Audio and Video Files
  • Building your own Controls with Javascript
  • Known Issues and Workarounds
  • Drag and Drop API
  • SVG
  • App Cache
  • Geolocation
  • WebSocket
  • Web Workers
  • File API
  • Accessing File Information
  • Reading File Content
  • Web Storage
  • Local Storage
  • Session Storage
  • Web SQL
  • Canvas Overview
  • Adding Canvas Content
  • Drawing In The Canvas Environment
  • Complex Canvas Drawing Techniques
  • Advanced Canvas Drawing Techniques
  • Conclusion

CSS3

  • Introduction to CSS3
  • What’s new in CSS3
  • CSS3 specification
  • Adding CSS3 to pages : Inline, internal and external
  • Media Types
  • New CSS3 Selectors
  • Attribute selectors
  • Nth selector
  • :before, :after
  • :not selector, ::selection, :empty, :root
  • :checked, :disabled, :enabled
  • Font Properties
  • Web Fonts using Google Api
  • @font-face to import own fonts
  • Supported font types
  • Text Shadow
  • Text Stroke
  • Word Wrapping
  • Backgrounds and Colors
  • Multiple Backgrounds
  • Gradients
  • Background origin, background-size and background-clip
  • Opacity
  • Border and Box properties
  • Rounded Corners
  • Box Shadow
  • Image borders
  • Column Count Properties
  • Transforms and animation
  • Transitions
  • Transform
  • Animation
  • Practical Layout with HTML5 and CSS3

Javascript

  • Javascript Introduction
  • Javascript basic
  • Difference between Javascript and HTML
  • Hello World program
  • Javascript function
  • Loops
  • If else ..elseif.. Else
  • Form validation

Jquery

  • What is jquery
  • Difference between javascript and jquery
  • Jquery basic
  • Jquery Show/Hide
  • Jquery fadeIn FadeOut
  • Jquery animation
  • Jquery UI

Bootstrap

  • What is Bootstrap?
  • Getting started with Bootstrap
  • Understanding Grid System in Bootstrap
  • Understanding Fixed Layout
  • Understanding Fluid Layout
  • How to build Responsive Layout
  • Bootstrap Typography
  • Bootstrap Tables
  • Bootstrap Lists
  • Bootstrap List Groups
  • Bootstrap Forms
  • Bootstrap Input Groups
  • Bootstrap Buttons
  • Bootstrap Button Groups
  • Bootstrap Images
  • Bootstrap Media Objects
  • Bootstrap Icons
  • Bootstrap Navs
  • Bootstrap Navbar
  • Bootstrap Panels
  • Bootstrap Breadcrumbs
  • Pagination in Bootstrap
  • What is Jumbotron
  • Using Wells
  • Using Modals
  • Using Dropdowns
  • Using Tabs
  • Bootstrap Tooltips
  • Bootstrap Popovers
  • Bootstrap Alerts
  • Bootstrap Stateful Buttons
  • Bootstrap Accordion
  • Bootstrap Carousel
  • PSD to Bootstrap conversion
  • Designing a 5 page website using Bootstrap

Angular JS

  • What is Angular JS
  • Expression and Directives
  • Controller View and Model
  • AngularJS Filters
  • Form validation with
  • Angularjs

Course Features

  • Course Duration: 3 Months
  • Class: 3 Days In A Week
  • Mode Of Training:

    Classroom

    Online

    WeekEnd

Level 3: Live International project in AceSoftech

At this level the students will get involved with on-going international projects under the guidance of industry experts. They will gather valuable first hand experience working shoulder to shoulder with the companies working professionals.