An ISO 9001 : 2015 Certified Company

Opp. Satyam Theatre, Durga Bhavani Plaza, Ameerpet, Hyd-16

Introduction
 UI Developer roles and responsibilities  Hiding and un-hiding elements using display
 UX designer roles property
 Technologies needed  img tag, p tag, ul &ol tags, li, nobr, hr, bretc
 Power of UI  Layouts, forms, buttons
 Current market requirements on UI  Input fields (textbox, radio button, checkbox,
 Basic Technologies needed dropdown, text area etc.)
 Difference between Front end and Backend  Debugging HTML & CSS (Firebug, IE and
 Sample web pages Chrome developer tool)
 Crawling and Meta tags  Creating Tabs and menu lists

Basics – HTML
 Exploring existing pages More CSS Properties
 Browsers & Editors  Adding borders, font, Pseudo classes &
 DOM Pseudo Elements
 Structure of HTML Page  positioning elements (absolute, relative,
 Mandatory tags in html page (html, head, fixed & static)
body)  Image spiriting
 Heading tags (H1...H6), Tags and attributes  Box model (margins, padding)
(Class, Id, style...etc.)  Floating elements (float left, right etc.)
 Inline and block level elements  Including external resources
 Absolute and Relative paths
CSS  Including external resources like CSS,
 What is CSS images etc.
 Different ways of applying CSS for elements,  Display Property(inline, block, inline block
and priority chain of CSS etc)
 CSS Properties (color, font, size,  Display none and hidden elements.
border…etc.)
 Box model, Margin & Padding Form Elements
 Positioning Elements, Floating Elements  Get & Post Communication
 Validating input values in a form.
More HTML Tags  Form action and type
 Including external page links in a page using
anchor tags and its properties JavaScript
 Working with row & column data using table  Data types and data structures in Js
tags  Control structures, if, if-else, while, for,
 switch case statements  Different data formats used in AJAX (string,
 Hosting & type casting xml, JSON, etc.)
 XML and JSON difference
JavaScript Supported Data Structures  Cross domain interactions using JSONP
 Arrays and Predefined methods.  Jquery Promises with multiple conditions
 Working on logical programs using Arrays.  Handling Multiple AJAX Calls using Jquery
 Predefined methods in arrays Promises.
 Strings and predefined methods
 Objects jQuery Animations
 JSON, SET, MAP  Animation Effects using
 Iterating through Dynamic JSON Object.  Hide, Show
 Exploring Predefined Date object.  Sliding up and down, Fading, Animate
Method.
Adv. JavaScript
 Inheriting Static Object using proto. jQuery Templating
 Inheritance using Object.create()  Loading DOM dynamically using Jquery
 Java Script Classes templates
 Prototyping  loading templates using AJAX
 Inheritance using prototyping.
 Global and local variables HTML 5
 Securing Data using Closures  Difference between HTML5 and HTML 4
 Exception Handling  List of Browsers support HTML5
 Handling Predefined and user defined  Doc type&Semantic Tags
exceptions  Multithreading Using Web Workers.
 Exploring try, catch, finally and throws.  Media Support (audio and video tags)
 Graphics using Canvas tag and SVG Tags.
Sass  Drag and Drop features
 Sass Intro  Offline Application using Application Cache
 Sass Installation  Exploring Navigator Object
 Working on locations lat and lng using
 Sass Variables
Geolocation
 Sass Nesting
 Storing user preferences using Local storage
 Sass @import & Session Storage
 Sass @mixin
 Sass @extend CSS 3
jQuery  Difference between CSS 2 and CSS 3
 History and version explore  Adding borders and backgrounds
 Difference between Minified and non-minified  Advanced text effects(shadow)
JS files.  2D and 3D Transformations
 On load and on ready difference  Adding Transitions to elements
 jQuery selectors  Adding animations to text and elements
 Multiple ways of referring DOM elements
using jQuery selectors Responsive Design
 jQuery methods  Difference between multiple devices, making
 Adding dynamic properties for DOM elements a page to work on multiple devices
 Toggling elements  Media queries
 Creating dynamic elements using jQuery  Introduction to Bootstrap CSS API

jQuery Traversing methods Bootstrap – 4 along with components

 Traversing Siblings, Children’s&Parent  Basic-Typography
Elements.  Text-Alignments, Floats-Positions
 Traversing Ancestors.  Colors-Backgrounds, Margins-Paddings
 Finding elements using jQuery techniques  Sizings, Breakpoints, Buttons, Navbars
 Filtering elements  List-Groups,Forms, Input-Groups
 Alerts-Progress
Events using jQuery  Tables, Cards, Carousel, Collapse, Modal
 Binding events, Dynamic binding  Grid-System, Grid-Alignments,FlexBoxes
 List of events been supported in jQuery
(blur, change, click, dbclick....etc.)s
ECMA 7 (Latest JavaScript)
AJAX  Const and let keywords
 Advantages with AJAX and its limitations  Arrow functions, advantages
 Samples working with AJAX  Extended parameter handling, default
 parameters Data Communication
 Template literals  Sending and receiving Post & GET Data
 Enhanced object parameters  Reading data from GET/POST requests
 Creating direct classes, inheritance
 Implementing promises Templates
 new data structures sets and maps  Creating templates using PUG/JADE
 New string built-in methods  Generating Dynamic html pages from server
 Using iterators  Responding a template for a client request

File system
NODE JS  Exploring File system, Reading and writing to
 Introduction to Server-Side Scripting files
 Node JS Features and Drawbacks
 Setup Environment for Node.js REST API &WebServices
 Node JS Program architecture  Introduction to REST API
 Node JS Web Server  REST Architecture
 Node JS Global Objects
 Node JS OS Objects Clustering
 Node JS Error Handling  Creating and handling multiple clusters in
 Node JS Event Loop Node js
 Node JS File System
 Async and Sync DB Connection
 Connecting with Database  Connecting to Mongo DB&Connecting to SQL
 Handling CRUD Operations
 Express WebService with DB interactions
 Routing in Express  Creating web services which communicate
 Response Methods in Express with Database
 Serving Static Files
 Express JSON Parser MONGO DB
 Express CORS  Introduction to MongoDB
 Creating Web API  Configuring Server and Client
 MongoDB Compass
Express JS  Creating Database
 Exploring Express module  MongoDB Commands
 Setting up express environment  MongoDB CRUD Operations
 Creating http server using express
Angular-14 Introduction
Express Sessions ReactJS 18 Introduction