Courses Offered: SCJP SCWCD Design patterns EJB CORE JAVA AJAX Adv. Java XML STRUTS Web services SPRING HIBERNATE  

       

UI Technologies with REACT JS Course Details
 

Subscribe and Access : 5200+ FREE Videos and 21+ Subjects Like CRT, SoftSkills, JAVA, Hadoop, Microsoft .NET, Testing Tools etc..

Batch Date: Nov 6th @4:00PM

Faculty: Mr. Ramesh (13+ Yrs of Exp,.. & Real Time Expert)

Duration : 4 Months

Location: Maitrivanam, Hyderabad

Venue :
DURGA SOFTWARE SOLUTIONS,
Flat No : 202, 2nd Floor,
HUDA Maitrivanam,
Ameerpet, Hyderabad - 500038

Ph.No: +91 - 8852 8852 96/97/63/64


Syllabus:

UI Technologies

Intro to Web App Development

  • What is web / internet
  • What is web site
  • What is web page
  • What is web browser

HTML 5

  • Intro to HTML 5
  • Need of HTML 5 in real web sites
  • Removed elements
  • Remove attributes
  • New input types
  • New attributes of <input> tag
  • <audio>, <video>
  • <header>, <nav>, <section>, <footer>
  • Inline Elements
  • Block Elements
  • Diff Between Inline and Block Elements

CSS 3

  • Intro to CSS 2 & 3
  • Rgba
  • font and it related properties
  • text and it related properties
  • word formatting properties
  • Border and how it works
  • Border radius and how it works
  • Box shadow, text shadow and how it works
  • Margin and how it works
  • padding and how it works
  • Transitions
  • Animations
  • Gradient colors
  • Positons relative,absolute,fixed and sticky
  • Overflow Properties(hidden,scroll,auto)
  • Transform Propertes

Bootstrap Responsive Web Design

  • Intro to Page Template Development
  • Intro to Responsive web design
  • Need of RWD in real web sites
  • Extra-small, small, medium, large devices
  • Media queries

Bootstrap

  • Introduction to Bootstrap
  • Need of Bootstrap in real web sites
  • Bootstrap First Example
  • Bootstrap Lead
  • Bootstrap Alignment
  • Bootstrap Text colors
  • Bootstrap Tables
  • Bootstrap Buttons
  • Bootstrap Images
  • Bootstrap Jumbotron
  • Bootstrap Cards
  • Bootstrap DropDown
  • Bootstrap NavBar
  • Bootstrap Carousel Plugin
  • Bootstrap Grid system (Responsive Web Design)
  • Bootstrap Forms

JAVASCRIPT

  • Intro to JavaScript
  • Need of JavaScript in real web sites
  • Variables
  • Operators
  • Control statements
  • Dialog boxes
  • User-defined functions
  • DOM manipulations
  • Event handling
  • Mouseover, mouseout
  • Keyup, keypress, onload
  • Setinterval, Settimeout
  • External JavaScript
  • Validations using JavaScript
  • String methods
  • Date methods

JQUERY

  • Intro to jQuery
  • Need of jQuery in real web sites
  • Advantages of jQuery
  • jQuery versions
  • jQuery production vs development
  • Downloading jQuery
  • val, html, text
  • mouseover, mouseout
  • Keypress, keyup
  • Fade in, fade out, fade to, fade toggle
  • Show, hide, toggle
  • Slide down, slide up, slide toggle
  • Updating CSS using Jquery
  • jQuery chaining
  • addClass, removeClass
  • attr, removeAttr
  • append, prepend, after, before
  • Drag and Drop using Jquery -UI

REACT JS

1. REACT

  • Introduction to React
  • Original DOM vs Virtual DOM
  • React Components
  • React Components with JSX
  • Props and state
  • Creating an application using Create React App.
  • SetState
  • Creating Forms
  • Creating Table
  • Handling Events
  • JSX
  • Validations
  • Applying Styles
  • Class Components
  • Function Components
  • Hooks
  • Context
  • Routing
  • Basic Routing and Passing Params
  • Creating Reusable Components
  • Fragments
  • Keys

2. Redux

3. Javascript - ES6

  • Class
  • Let & Const
  • Promise
  • Map
  • Filter
  • Template Literals
  • Spread operator
  • Arrow functions

4. CRUD OPERATIONS