: sivasoft@sivasoft.in
Phone & WhatsApp : +91 63029 64834
Phone & WhatsApp : +91 92481 53330
learn react js online, learn react online, react online course, reactjs online training, react online certification, best react course online, best online course for react js, react online classes, react native learn online, online course react js, online course for react js, mern stack online training, Learn React Online, online react js training in hyderabad, react js online course fees, online mern stack developer course, online react developer course, online react js developer course, best online React JS institute in hyderabad, online MEAN course in hyderabad, online UI TECHNOLOGIES and React JS institutes in ameerpet, top online mern training institutions in India, ameerpet online react training institutes, online react training institutes in hyderabad, best mern online training in hyderabad, online react beginner course, best online React JS course in hyderabad, mern stack online course in hyderabd, online react advanced course, online react course in Ameerpet, react js advanced online course, react js online course in ameerpet, react online course in hyderabd, online best react course, online fullstack react js training, top 10 software online mern training institutes in hyderabad, top 10 software online react training institutes in hyderabad, online mern training in India, online MERN training course institutes, React.js online classes, best online FULLSTACK MERN UI TECHNOLOGIES and React JS institute, best online REACT training courses in Ameerpet Hyderabad India, online FULLSTACK MERN UI TECHNOLOGIES and React institutes in ameerpet, online React JS training course institutes in Ameerpet Hyderabad India, online React training course institutes in Ameerpet Hyderabad India, online mern stack developer training, best online mern stack course, Best Online React Training Courses, Flexible React Learning Online, Master React Framework Online, Online Expert React Instructors, Online React Learning Path, Online React.js Tutorials, online mern stack developer course with placement, best online UI React training course, react js online course, reactjs online course, online react course, react course online, online react js course, online react js training, best online react course, react free online course, best react js online course, best react online course, mern stack course online, best mern stack course online, online react js training in India, online free course for react js, react js free online course, best online react js developer course, online React JS institute in ameerpet, online React JS institute in hyderabad, online UI TECHNOLOGIES and React JS institute hyderabad, online mern training course in ameerpet hyderabad india, online react training course in ameerpet hyderabad india, online react js course in hyderabad, best online mern training courses in Ameerpet Hyderabad india, online mern training course in hyderabad, online angular training india, online mern training, react online training in india, best course for online mern stack, best course to learn online mern stack, best institute to learn online react, best react js online course in hyderabad, mern stack developer course in india, mern stack online course in ameerpet, online advanced react courses, online react course in india, online react full course, react beginner course in hyderabad, react bootcamp online training in hyderabad, react js online course fees in hyderabad, react online beginner course, reactjs best institute online course, best online React JS training courses, top 10 software online mern training institutes in india, online react training with placement, online mern training in Hyderabad, best online MERN training course institutes, MERN stack Online training, Online MERN coding bootcamp, best online FULLSTACK MERN UI and React course in Hyderabad, online FULLSTACK MERN UI and React JS course fees in, online FULLSTACK MERN UI and React JS course in Hyderabad, online FULLSTACK MERN UI and React JS institute in Hyderabad, online MERN UI TECHNOLOGIES and React JS institute in Ameerpet, online UI TECHNOLOGIES training course institutes in Ameerpet Hyderabad India, online mern training institutes in Hyderabad, Beginner React Course Online, React Coding Bootcamp Online, React Online Web Development Classes, online mern stack course with placement, mern stack full course online, react js online course free, react certification online, mern stack online course, react js online certification, online react classes, mern online course, learn online react js web development, best online React JS institute, online MEAN training, online MEAN training course institutes in Ameerpet Hyderabad india, online UI TECHNOLOGIES and React JS course modules, top 10 online best ui technolgies training institutes in ameerpet, online react training in india, online react js course with certificate, online MERN UI TECHNOLOGIES training in Hyderabad, top 10 online best mern training institutes, mern course online in india, mern stack full course in hyderabad, online advanced react course, online mern stack course, online react js advanced course, online react js institutes in ameerpet, react courses online in ameerpet, react online course in ameerpet, top 10 software online react training institutes in india, Online MERN certification program, best online FULLSTACK MERN UI and React institute in Hyderabad, best online UI TECHNOLOGIES training courses in Ameerpet Hyderabad India, online FULLSTACK MERN UI TECHNOLOGIES and React JS institute Hyderabad, online MERN UI TECHNOLOGIES and React JS course modules, online UI training course institutes in Ameerpet Hyderabad India, online react js training institutes in Hyderabad, Certified React Training Online, Online Advanced React Training, Online Interactive React Workshops, React UI Design Online Classes, Top React Online Learning Platforms, online react coding language training course, online mern stack development course, online FULLSTACK ( MEAN ) UI TECHNOLOGIES and React JS training course institutes in ameerpet hyderabad india, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS training courses in ameerpet hyderabad india, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS course in hyderabad, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute in ameerpet, online FULLSTACK ( MEAN )  UI TECHNOLOGIES training, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute in hyderabad, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute in hyderabad, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS course in hyderabad, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS course fees in hyderabad, online FULLSTACK ( MEAN ) UI TECHNOLOGIES and React JS course modules, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute hyderabad, online FULLSTACK ( MEAN ) UI TECHNOLOGIES and React JS institutes in ameerpet, top 10 online best fullstack ( mean ) ui technolgies training institutes in ameerpet, hyderabad, vijayawada, visakhapatnam, pune, chennai, bangalore, bengaluru, india, ameerpet online training institutes, online training institutes in hyderabad, online training institutes in hyderabad, online software training india, top 10 online best fullstack (mean) ui technologies training institutes in ameerpet, hyderabad, india
learn react js online, learn react online, react online course, reactjs online training, react online certification, best react course online, best online course for react js, react online classes, react native learn online, online course react js, online course for react js, mern stack online training, Learn React Online, online react js training in hyderabad, react js online course fees, online mern stack developer course, online react developer course, online react js developer course, best online React JS institute in hyderabad, online MEAN course in hyderabad, online UI TECHNOLOGIES and React JS institutes in ameerpet, top online mern training institutions in India, ameerpet online react training institutes, online react training institutes in hyderabad, best mern online training in hyderabad, online react beginner course, best online React JS course in hyderabad, mern stack online course in hyderabd, online react advanced course, online react course in Ameerpet, react js advanced online course, react js online course in ameerpet, react online course in hyderabd, online best react course, online fullstack react js training, top 10 software online mern training institutes in hyderabad, top 10 software online react training institutes in hyderabad, online mern training in India, online MERN training course institutes, React.js online classes, best online FULLSTACK MERN UI TECHNOLOGIES and React JS institute, best online REACT training courses in Ameerpet Hyderabad India, online FULLSTACK MERN UI TECHNOLOGIES and React institutes in ameerpet, online React JS training course institutes in Ameerpet Hyderabad India, online React training course institutes in Ameerpet Hyderabad India, online mern stack developer training, best online mern stack course, Best Online React Training Courses, Flexible React Learning Online, Master React Framework Online, Online Expert React Instructors, Online React Learning Path, Online React.js Tutorials, online mern stack developer course with placement, best online UI React training course, react js online course, reactjs online course, online react course, react course online, online react js course, online react js training, best online react course, react free online course, best react js online course, best react online course, mern stack course online, best mern stack course online, online react js training in India, online free course for react js, react js free online course, best online react js developer course, online React JS institute in ameerpet, online React JS institute in hyderabad, online UI TECHNOLOGIES and React JS institute hyderabad, online mern training course in ameerpet hyderabad india, online react training course in ameerpet hyderabad india, online react js course in hyderabad, best online mern training courses in Ameerpet Hyderabad india, online mern training course in hyderabad, online angular training india, online mern training, react online training in india, best course for online mern stack, best course to learn online mern stack, best institute to learn online react, best react js online course in hyderabad, mern stack developer course in india, mern stack online course in ameerpet, online advanced react courses, online react course in india, online react full course, react beginner course in hyderabad, react bootcamp online training in hyderabad, react js online course fees in hyderabad, react online beginner course, reactjs best institute online course, best online React JS training courses, top 10 software online mern training institutes in india, online react training with placement, online mern training in Hyderabad, best online MERN training course institutes, MERN stack Online training, Online MERN coding bootcamp, best online FULLSTACK MERN UI and React course in Hyderabad, online FULLSTACK MERN UI and React JS course fees in, online FULLSTACK MERN UI and React JS course in Hyderabad, online FULLSTACK MERN UI and React JS institute in Hyderabad, online MERN UI TECHNOLOGIES and React JS institute in Ameerpet, online UI TECHNOLOGIES training course institutes in Ameerpet Hyderabad India, online mern training institutes in Hyderabad, Beginner React Course Online, React Coding Bootcamp Online, React Online Web Development Classes, online mern stack course with placement, mern stack full course online, react js online course free, react certification online, mern stack online course, react js online certification, online react classes, mern online course, learn online react js web development, best online React JS institute, online MEAN training, online MEAN training course institutes in Ameerpet Hyderabad india, online UI TECHNOLOGIES and React JS course modules, top 10 online best ui technolgies training institutes in ameerpet, online react training in india, online react js course with certificate, online MERN UI TECHNOLOGIES training in Hyderabad, top 10 online best mern training institutes, mern course online in india, mern stack full course in hyderabad, online advanced react course, online mern stack course, online react js advanced course, online react js institutes in ameerpet, react courses online in ameerpet, react online course in ameerpet, top 10 software online react training institutes in india, Online MERN certification program, best online FULLSTACK MERN UI and React institute in Hyderabad, best online UI TECHNOLOGIES training courses in Ameerpet Hyderabad India, online FULLSTACK MERN UI TECHNOLOGIES and React JS institute Hyderabad, online MERN UI TECHNOLOGIES and React JS course modules, online UI training course institutes in Ameerpet Hyderabad India, online react js training institutes in Hyderabad, Certified React Training Online, Online Advanced React Training, Online Interactive React Workshops, React UI Design Online Classes, Top React Online Learning Platforms, online react coding language training course, online mern stack development course, online FULLSTACK ( MEAN ) UI TECHNOLOGIES and React JS training course institutes in ameerpet hyderabad india, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS training courses in ameerpet hyderabad india, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS course in hyderabad, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute in ameerpet, online FULLSTACK ( MEAN )  UI TECHNOLOGIES training, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute in hyderabad, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute in hyderabad, best online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS course in hyderabad, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS course fees in hyderabad, online FULLSTACK ( MEAN ) UI TECHNOLOGIES and React JS course modules, online FULLSTACK ( MEAN )  UI TECHNOLOGIES and React JS institute hyderabad, online FULLSTACK ( MEAN ) UI TECHNOLOGIES and React JS institutes in ameerpet, top 10 online best fullstack ( mean ) ui technolgies training institutes in ameerpet, hyderabad, vijayawada, visakhapatnam, pune, chennai, bangalore, bengaluru, india, ameerpet online training institutes, online training institutes in hyderabad, online training institutes in hyderabad, online software training india, top 10 online best fullstack (mean) ui technologies training institutes in ameerpet, hyderabad, india

ONLINE FULLSTACK ( MERN - MONGODB EXPRESS REACT NODE ) UI TECHNOLGIES with Next JS TRAINING COURSE

Apply For Course
DURATION : 6 Months
FACULTY : Mr.SIVA
BATCH TIMINGS : Click Here - BATCH TIMINGS
COURSE MODULES
  • HTML / XHTML , CSS, JAVASCRIPT(BASIC & ADVANCED)
  • HTML5,6, CSS3,4, POLLYFILLS
  • BOOTSTRAP 5
  • JQUERY, AJAX, JSON OR REST API OR SERVICE CALLS
  • SCSS (SASS)
  • ECMASCRIPT2020 OR ES2020
  • TYPESCRIPT
  • REACT JS
  • Next Js
  • NODE JS
  • EXPRESS JS
  • MONGO DB
  • FACEBOOK, GOOGLE+, TWITTER, GOOGLE MAP, YOUTUBE
  • SEARCH ENGINE OPTIMIZATION (On-Page and Off-Page)
  • GOOGLE ANALYTICS INTEGRATION
  • Developer Tools
  • DOMAIN & WEB HOSTING
  • MINI PROJECT ON HTML 4 FORMS
  • MINI PROJECT ON JAVASCRIPT FORM VALIDATION
  • MAJOR PROJECT ON HTML AND CSS (INCLUDES HTML5,6, CSS3,4)
  • MAJOR PROJECT ON JQUERY, JQUERY UI, THIRD PARTY PLUGINS, AJAX, REST API OR JSON
  • MAJOR PROJECT ON BOOTSTRAP 5 RESPONSIVE LAYOUT
  • BOOTSTRAP INTEGRATION
  • DEPLOYMENT
  • MAJOR PROJECT ON REACT JS
  • JWT
  • SIGNUP and LOGIN and LOGOUT
  • AUTHENTICATION and AUTHORIZATION
  • DEPLOYMENT
  • CRUD
  • MAJOR PROJECT ON MERN with Next JS
  • BITBUCKET (GIT)
  • CREATE BRANCHES and PR
  • JIRA
  • SLACK
  • Linkedin Profile
  • Chat GPT
  • REALTIME ENVIRONMENT TERMINOLOGY
  • TIPS AND TRICKS TO SERVIVE IN COMPANIES
  • DISCUSSION ON MOST COMMONLY ASKED INTERVIEW QUESTIONS AND SYSTEM TASKS
  • MOST COMMONLY USED REALTIME ENVIRONMENT TOOLS
  • RESUME PREPARATION
  • INTERVIEW QUESTIONS
  • FREE COURSE COMPLETION CERTIFICATE
  • LIVE PROJECTS TRAINING ALSO AVAILABLE
Our ONLINE TRAINING HIGHLIGHTS
  • LIVE INTERACTIVE SESSIONS
  • REALTIME TRAINING with WORKING EMPLOYEES
  • LIFE TIME ACCESS to RECORDING SESSIONS

HTML

  • Internet
  • Types of Webpages
    • Static Webpage
    • Dynamic Webpage
    • Server Webpage
  • Introduction To HTML
  • Structure Of HTML
  • Tag
    • Empty Tag
    • Container Tag
  • Editors
  • Basic Tags
  • Meta Tags
  • Attributes & Parameters
  • Font tag
  • Formatting Tags
  • Quotation and Citation Elements
  • Paragraph tag
  • Computer Code
  • abbr & acronym
  • Comments
  • Iframe
  • Entities and Symbols
  • Charset
  • Image tag
  • Link Tags
  • Image Link
  • Text Link
  • Email Link
  • Colors
  • Marquee Tag
  • List
    • Ordered List
    • Unordered List
    • Nested List
    • Description List
  • Table Tag
  • Form tags
  • Frame Tag
  • Background Colors & Images
  • Embed Multimedia - Movie, Music
  • XHTML
  • Difference Between HTML & XHTML
  • Doctypes:DTD
  • W3C
  • Introduction To HTML 5

Cascading Stylesheets(CSS)

  • CSS
    • Introduction
    • Syntax
    • Comments
  • Types of StyleSheets
    • Internal StyleSheets
    • External StyleSheets
    • Inline StyleSheets
    • Compound StyleSheet
  • Types of Selectors
    • Universal or Global
    • Element or Tag
    • Class
    • Id
    • Descendant
    • Grouping
    • Attribute
  • Div's & Span tags
  • Block & Inline
  • Colors
  • Box Model
    • Border
      • border-bottom
      • border-bottom-color
      • border-bottom-style
      • border-bottom-width
      • border-color
      • border-left
      • border-left-color
      • border-left-style
      • border-left-width
      • border-right
      • border-right-color
      • border-right-style
      • border-right-width
      • border-style
      • border-top
      • border-top-color
      • border-top-style
      • border-top-width
      • border-width
    • outline
      • outline-style
      • outline-width
      • outline-color
    • margin
      • margin-bottom
      • margin-left
      • margin-right
      • margin-top
    • padding
      • padding-bottom
      • padding-left
      • padding-right
      • padding-top
  • Background
    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position
    • background
  • Font
    • font-family
    • color
    • font-size
    • Set Font Size With Pixels
    • Set Font Size With em
    • font-style
    • font-variant
    • font-weight
    • font
  • Text
    • Color
    • letter-spacing
    • Word-spacing
    • line-height
    • text-align
    • text-decoration
    • text-indent
    • text-transform
    • vertical-align
    • White-space
    • Direction
    • unicode-bidi
  • Images
    • border
    • width
    • height
    • opacity
  • FORMS
  • Links
    • a:link
    • a:visited
    • a:hover
    • a:active
  • cursor
  • Lists
    • list-style
    • list-style-type
    • list-style-position
    • list-style-image
  • Tables
    • border
    • border-collapse
    • width
    • height
    • text-align
    • vertical-align
    • padding
  • Dimension
    • height
    • width
    • max-height
    • min-height
    • max-width
    • min-width
  • Display / Visibility
  • Positioning
    • bottom
    • clip
    • left
    • overflow
    • absolute
    • fixed
    • relative
    • static
    • right
    • top
    • z-index
  • float & clear
  • Pseudo-class
  • Pseudo-element
  • Combinators
    • descendant selector (space)
    • child selector (>)
    • adjacent sibling selector (+)
    • general sibling selector (~)
  • Image Sprites
  • Navigation Bar
  • CSS Validations(W3C)
  • Introduction to css3.0

JAVASCRIPT

  • Introduction to javascript
    • Syntax
    • Statements
    • Comments
  • Popup Boxes
    • Alert
    • Confirm
    • Prompt
  • Variables
  • Operators
    • Arithmetic
    • Assignment
    • Comparison
    • Logical
    • Conditional
  • Conditional Statements
    • if
    • if...else
    • if...else if...else
    • Switch
  • Loops
    • while
    • do...while
    • for
    • for...in
    • Break
    • Continue
  • Functions
    • User-defined Functions
      • Function Syntax
      • Function with Arguments
      • Returning Values from Functions
      • Closures
      • Local and Global Variables
    • Built-in Functions
      • paraseInt and parseFloat
  • Events
    • Introduction
    • Mouse Events
    • Keyboard Events
    • Form Events
    • Document/Window Events
  • Page redirection
  • Page Printing
  • Built-in Objects
    • Introduction
    • Number
    • Strings
    • Math
    • Arrays
      • Array Properties and Methods
    • Date
    • Boolean
    • Regexp
  • Advanced javascript
    • Error handling
    • Debugging
    • HTML DOM
      • Introduction
      • Methods
      • Document
      • HTML
      • CSS
      • Events
      • EventListener
      • Nodes
      • Nodelist
    • Browser BOM
      • Window
      • Screen
      • Location
      • History
      • Navigator
      • Popup Alert
      • Timing
    • Creating a JavaScript Object
    • JavaScript Keyword new
    • Using an Object Constructor
    • Adding methods to an object
    • CLOSURES
    • Form Validations
      • Basics of Form Validation
      • Validating Radio Buttons
      • Validating Checkboxes
      • Validating Select Menus
      • Validating Text & Textareas
      • Validating Through Regular Expressions : Alphabetical, Alphanumeric, Email, Date, Image, Password and so on

JQUERY

  • Introduction
    • What is jQuery
    • Downloading and Installing jQuery
    • Creating a Simple Page in jQuery
    • Overview of jQuery Features
    • The Document Ready Function
    • How to use Custom Scripts?
  • Selectors
    • How to use Selectors?
    • Name
    • #ID
    • .Class
    • Universal (*)
    • Multiple Elements E, F, G
    • Attribute Selector
  • JQUERY EFFECTS
    • hide/show
    • fade
    • slide
    • animate
    • toggle
    • stop
    • Callback
    • Chaining
  • DOM TRAVERSING
    • Ancestors
    • Descendants
    • Siblings
    • Filtering
  • Form Selectors
  • HTML
    • Get
    • Set
    • Add
    • Remove
    • CSS Classes
    • css()
    • Dimensions
  • jQuery Events
  • noConflict() Method
  • AJAX Methods
    • load( )
    • $.get( )
    • $.post( )
    • $.getScript( )
    • $.getJSON( )
    • $.ajax( )
    • AJAX Events
      • ajaxComplete( )
      • ajaxStart( )
      • ajaxError( )
    • JQUERY UI LIBRARY Overview
    • Jquery Theme Roller

HTML 5

  • What is HTML 5
  • Overview of HTML 5
    • Browser Support
    • W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications
    • Power of HTML5 in web & mobile Domains
    • Overview of updated new features
  • HTML5 Syntax
    • The DOCTYPE
    • Character Encoding
    • The <script> tag
    • The <link> tag
    • HTML5 Document
  • Forms
    • color
    • date
    • datetime
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week
  • Form Elements
    • <datalist>
    • <keygen>
    • <output>
  • New attributes for <form>
    • autocomplete
    • novalidate
  • New attributes for <input>
    • autocomplete
    • autofocus
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • height and width
    • list
    • min and max
    • multiple
    • pattern (regexp)
    • placeholder
    • required
    • step
  • Video and Audio
    • Media
    • <audio>
    • <video>
    • <source>
    • <embed>
    • plugins
    • youtube
  • Types of Elements
    • Semantic Elements
    • Structural Elements
  • HTML5 NEW ELEMENTS
    • <article>
    • <aside>
    • <canvas>
    • <details>
    • <figcaption>
    • <figure>
    • <footer>
    • <header>
    • <hgroup>
    • <main>
    • <mark>
    • <meter>
    • <nav>
    • <section>
    • <summary>
    • <time>
  • Migration from HTML4 to HTML5
    • HTML5 Browser Support
      • HTML5 Elements as Block Elements
      • Adding New Elements to HTML
      • Problem With Internet Explorer
      • Complete Shiv Solution
      • HTML5 Skeleton
  • HTML5 DEPRECATED TAGS
    • <acronym>
    • <center>
    • <font>
    • <frame>
    • <frameset>
    • <s>
    • <u>
  • HTML5 DEPRECATED ATTRIBUTES
    • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
    • background-body
    • bgcolor-table, tr, td, th and body.
    • border table
    • cellpadding-table
    • cellspacing-table
    • hspace-img
    • vspace-img
    • noshade-hr
    • rules-table
    • size-hr
    • type-li, ol and ul
    • width-hr, table, td, th, pre.
  • Web Storage
    • Local Storage
    • Session Storage
  • Web Workers
  • MathML
    • Introduction
    • Browser Support
    • MathML Characters
    • Matrix Presentation
    • Math Formulas
  • Geolocation
    • Locate the User's Position
    • Browser Support
    • getCurrentPosition() method
    • Handling Errors & Rejections
    • Displaying the Result in a Map
    • Location-specific Information
    • getCurrentPosition() Method - Return Data
    • Geolocation object - Other interesting Methods
  • Drag and Drop API
    • Browser Support
    • Make an Element Draggable
    • What to Drag - ondragstart and setData()
    • Where to Drop - ondragover
    • Do the Drop - ondrop
    • Drag image back and forth
  • Canvas Overview
    • Lines
    • Curves
    • font
    • Image
    • Paths
    • Shapes
    • Color, gradients
  • SVG
    • What is SVG?
    • SVG Advantages
    • Differences Between SVG and Canvas
    • Rectangle
    • Circle
    • Ellipse
    • Line
    • Polygon

CSS 3.0

  • CSS 2.0 vs CSS 3.0
  • Introduction to css3
  • whats new in css3.0
  • border
    • box-shadow
    • border-image
    • border-radius
  • background
    • background-clip
    • background-origin
    • background-size
    • Multiple Background Images
  • Gradients
    • Linear Gradients
      • Top to Bottom
      • Left to Right
      • Diagonal
      • Angles
      • Multiple Color Stops
      • Transparency
    • repeating-linear-gradient
    • Radial Gradients
      • Evenly Spaced Color Stops
      • Differently Spaced Color Stops
      • Set Shape
      • Use of Different Size Keywords
        • closest-side
        • farthest-side
        • closest-corner
        • farthest-corner
    • repeating-radial-gradient
  • text effects
    • text-shadow
    • word-wrap
  • @FONT Face
    • Browser Support
    • Font Formats
    • Browser Support for Font Formats
    • Using The Font
    • Working with third party plugins
  • Google fonts
  • 2D Transforms
    • Browser Support for 2D Transforms
    • transform
    • transform-origin
    • translate(x,y)
    • translateX(n)
    • translateY(n)
    • scale(x,y)
    • scaleX(n)
    • scaleY(n)
    • rotate(angle)
    • skew(x-angle,y-angle)
    • skewX(angle)
    • skewY(angle)
  • 3D Transforms
    • rotateX()
    • rotateY()
    • rotateZ()
  • RGBA
  • Box Resize
  • Box Sizing
  • Outline
  • Transitions
    • transition
    • transition-delay
    • transition-duration
    • transition-property
    • transition-timing-function
      • linear
      • ease
      • ease-in
      • ease-out
      • ease-in-out
  • Animations
    • @keyframes
    • animation
    • animation-delay
    • animation-direction
    • animation-duration
    • animation-iteration-count
    • animation-name
    • animation-play-state
      • running
      • paused
    • animation-timing-function
      • linear
      • ease
      • ease-in
      • ease-out
      • ease-in-out
    • object-fit
  • Selectors
  • Multiple Columns
    • column-count
    • column-gap
    • column-rule
    • column-rule-color
    • column-rule-style
    • column-rule-width
  • User Interface
    • resize
    • outline-offset
  • Variables
  • Box-sizing
  • Flex
  • Media Queries
  • Overview of CSS 3.0 compatabilities for Internet Explorer

***Content will be upadated as per latest updations.

BOOTSTRAP 5

  • Get Started?
    • What is Bootstrap?
    • Bootstrap History
    • Why Use Bootstrap?
    • What Does Bootstrap Include?
    • HTML File
    • Adding Bootstrap to Your Web Pages
    • Downloading Bootstrap
    • Bootstrap CDN
    • Put Your HTML Elements Inside Containers
    • Bootstrap Browser/Device Support
  • Typography
  • Colors
  • Tables
  • Images
  • Jumbotron
  • Alerts
  • Buttons
  • Button Group
  • Button Dropdown
  • Badges
  • Progressbars
  • Pagination
  • List Groups
  • Cards
  • Collapse
  • Navbar
  • Forms
  • Inputs
  • Carousel
  • Modal
  • Tooltip
  • Popover
  • Scrollspy
  • Utilities
  • Grid Sytem
  • BOOTSTRAP RESPONSIVE LAYOUT PROJECT

SCSS(SASS)

  • Variables
  • Nesting
  • Partials
  • Modules
  • Mixins
  • Extend/Inheritance
  • Operators

ECMASCRIPT 6 OR ES6

  • Introduction
  • Environment
  • Syntax
  • Variables, Operators, Decision Making, Loops, Functions, Events, Page Redirect, Dialog Boxes, Void, Page Printing, Objects, Number, Boolean, Strings, Arrays, Date, Math, Regular Expressions, DOM
  • Iterator
    • String
    • Array
    • Map
    • Set
  • Collections
    • Maps
    • Sets
  • Classes : Object-Oriented Programming Concepts
    • Declaring a Class
    • Creating Objects
    • Accessing Functions
    • Setters and Getters
    • The Static Keyword
    • instanceof operator
    • Class Inheritance
    • Method Overriding
    • Super Keyword
  • Promises
  • let and const
  • Variable Hoisting
  • Arrow Functions
    • Fat Arrow Functions
    • Advanced Use of Arrow Functions
    • When to use Arrow Functions
    • When to use Arrow Functions Continued
  • Array Helper Methods
    • forEach
    • map
    • filter
    • find
    • every
    • some
    • reduce
  • Modules
  • Error Handling
  • Validations
  • Animations
  • Debugging
  • ES7 NEW FEATURES
  • ES8 NEW FEATURES
  • ES9 NEW FEATURES

TYPESCRIPT

  • Home
  • Overview
  • Environment Setup
  • Basic Syntax
  • Types
  • Variables
  • Operators
  • Decision Making
  • Loops
  • Functions
  • Numbers
  • Strings
  • Arrays
  • Tuples
  • Union
  • Interfaces
  • Classes
  • Objects
  • Namespaces
  • Modules

REACT JS

  • Foundation to Reactjs
  • Introduction to Reactjs
  • Introducton to concepts on ES6 (ECMASCRIPT)
  • let and const
  • Arrow functions
  • Template literals
  • New Array methods
    • map
    • filter
    • some
    • every
    • find
    • reduce
  • Array & Object destruction
  • Spread Operator
  • classes
  • constructor
  • this usage in class
  • getters & setters in class
  • fetch method to get data from API
  • promises
  • resolve & reject in promises
  • async And await
  • using promises in async and await

React Basics:

  • introduction to webpack & babel introduction.
  • creating project with ReactJs, using npm & npx.
  • ReactJs folder structure.
  • creating "hello world" inital programe.
  • using commands to run & build project.
  • introduction to Jsx
  • inlcude dynamic javascript expression in Jsx
  • attributes in Jsx
  • using dot notation in Jsx
  • best practices in crating Jsx components
  • Jsx childrens & group elements
  • rendering & updating elements on ReactJs
  • introduction to functional components & working with it.
  • introduction to class components & working with it.
  • differenc between class & functional components
  • ReactJs components and props
  • styling with css in ReactJs
  • ReactJs state & setState
  • lifecycle methods in ReactJs
    • componentDidMount()
    • componentDidUpdate()
    • shouldComponentUpdate()
    • componentWillUnmount()
  • handling events in ReactJs
  • conditional rendering in ReactJs
  • keys and list & loop through data.
  • Forms in ReactJs
  • Update state form child(Lifting state up)

Advanced ReactJs:

  • Using fetch & promises & async await in ReactJs to get API data.
  • Fragments in ReactJs
  • Pure components in ReactJs
  • memo in functional components
  • Refs in ReactJs
  • Refs in class components
  • Portals in ReactJs
  • Higher Order functions
  • React Router
  • In details of Switch, Router, path, Link, useParams, useRouteMatch
  • Router paramters
  • Router nesting
  • Transitions with Router
  • Router config
  • Router Redirecting
  • Developing router practical application
  • Redux in React
  • Creating store with redux
  • Data flow in redux
  • Redux actions & reduces
  • Developing redux practical application
  • Advanced context API
    • React.createContext
    • Context.Provider
    • Class.contextType
    • Context.Consumer
    • Context.displayName
  • fetching data with use effects
  • static type checking
  • error boundaries
  • typechecking with PropTypes
  • introducing Hooks in ReactJs
  • use state in Hooks
  • use effects in Hooks
  • make your own Hooks
  • REACT JS content will be updated as per latest updations

Express Framework

  • Express Overview
  • Installing Express
  • Hello world Example
  • Exploring Express module
  • Creating http server using express
  • Reading data from GET / POST requests
  • RESTFul API
    • REST architecture?
    • HTTP methods
    • RESTful Web Services
  • Clustering
    • Creating and Handling multiple clusters
  • Db Connection
    • Connection to Mongo DB
  • Web Services with DB Interactions
    • Create web Services which communicate with Database
  • MongoDB

    • MongoDB
    • MongoDB Get Started
    • MongoDB Create Database
    • MongoDB Create Collection
    • MongoDB Insert
    • MongoDB Find
    • MongoDB Query
    • MongoDB Sort
    • MongoDB Delete
    • MongoDB Drop Collection
    • MongoDB Update
    • MongoDB Limit
    • MongoDB Join

    COURSE ENQUIRY

    Apply For Course


    Follow us on Twitter


    Like us on Facebook

    Sidebar Menu