• support@conveytechlabs.com

online_training [woocommerce_currency_switcher_drop_down_box]

400.00$

Category:

Description

Prerequisite: HTML, JavaScript, CSS, Bootstrap (optional), Node Fundamentals (optional)

Software Required: Node.js, Visual Studio Code and Google Chrome

 

Topics:

ECMASCRIPT 2015 Fundamentals

  • ES2015– Working with Class
  • ES2015 –Inheritance
  • ES2015 – StringInterpolation
  • ES2015 – let & constkeyword
  • ES2015 – ArrowFunctions
  • ES2015 – Spread and Restoperator
  • ES2015 – CloningObjects
  • ES2015 – Optional and DefaultParameters
  • ES2015 – Working withPromises

Node.js Fundamentals

  • NodeIntroduction
  • Workingwith Inbuilt Node Modules (os, path, fs, events, http inbuild modules)
  • Creating User-definedModules
  • InstallingThird Party modules (Global and Project modules)
  • UsingThird Party modules (rimraf, typescript, http-server, bluebird, bcryptjs, babel-cli babel- core babel-preset-env)
  • Usage ofjson

Bootstrap fundamentals

  • Bootstrapintroduction

React.js using ES5

  • ReactIntroduction
  • WhyReact?
  • VirtualDOM
  • How Virtual DOMWorks
  • HowReact Renders the View
  • ReactAdvantages

Core of React

  • React Top LevelAPI
  • CreateElement
  • render
  • createReactClass
  • JSXIntroduction
  • createReactClass

React Fundamentals

  • React ComponentIntroduction
  • Working withprops(Properties)
  • PropValidations
  • Static Methods inReact
  • NestedComponents
  • React andCSS
  • EventHandling
  • Usingrefs
  • Working withState
  • UnidirectionalFlow
  • ReactComponent Life Cycle
  • ReactComponent Life Cycle-phases
  • ReactComponent Life Cycle methods execution sequence
  • AddingKeys for Dynamic children
  • Fetchingrecords for Top-level components using jQuery

Webpack Fundamentals

  • WebpackIntroduction
  • Settingup Webpack environment from the scratch
  • Configuring ModuleLoader
  • Weboptimization using webpack – bundling and minification

React using ES2015

  • CreatingSetup for React to work with ES2015 and webpack
  • Creating ContainerComponent
  • SmartComponent and Dump Component
  • Working withEvents
  • Creating PresentationComponents
  • ReactRouting

Redux

  • Introduction toRedux
  • UnderstandingReducer, State and Action
  • Understandingthe usage of store

React using Redux

  • Introductionto HOC (Higher order component)
  • Usageof Provider and Connect
  • ReduxFlow
  • PracticalImplementation of State management using React with Redux
  • Usage ofMiddleware
  • How middlewareworks
  • Creating and usingmiddleware

Course Description

React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies.

React can be used as a base in the development of single-page or mobile applications, as it’s optimal only for its intended use of being the quickest method to fetch rapidly changing data that needs to be recorded. However, fetching data is only the beginning of what happens on a web page, which is why complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API.

Course Information

  • Duration: 20 Hrs
  • Timings: Weekdays 1-2 Hours per day (or) Weekends: 2-3 Hours per day
  • Method: Online/Classroom Training
  • Study Material: Soft Copy

Course Content

React.js with Redux

 

Duration: 20 hrs.
Prerequisite: HTML, JavaScript, CSS, Bootstrap (optional), Node Fundamentals (optional)
Software Required: Node.js, Visual Studio Code and Google Chrome

Topics

ECMASCRIPT 2015 Fundamentals
• ES2015 – Working with Class
• ES2015 – Inheritance
• ES2015 – String Interpolation
• ES2015 – let & const keyword
• ES2015 – Arrow Functions
• ES2015 – Spread and Rest operator
• ES2015 – Cloning Objects
• ES2015 – Optional and Default Parameters
• ES2015 – Working with Promises

Node.js Fundamentals

• Node Introduction
• Working with Inbuilt Node Modules (os, path, fs, events, http inbuild modules)
• Creating User-defined Modules
• Installing Third Party modules (Global and Project modules)
• Using Third Party modules (rimraf, typescript, http-server, bluebird, bcryptjs, babel-cli babel-core babel-preset-env)
• Usage of Package.json
• Bootstrap fundamentals
• Bootstrap introduction

React.js using ES5

• React Introduction
• Why React?
• Virtual DOM
• How Virtual DOM Works
• How React Renders the View
• React Advantages
• Core of React
• React Top Level API
• React.CreateElement
• ReactDOM.render
• createReactClass
• JSX Introduction
• createReactClass

React Fundamentals

• React Component Introduction
• Working with props(Properties)
• Prop Validations
• Static Methods in React
• Nested Components
• React and CSS
• Event Handling
• Using refs
• Working with State
• Unidirectional Flow
• React Component Life Cycle
• React Component Life Cycle-phases
• React Component Life Cycle methods execution sequence
• Adding Keys for Dynamic children
• Fetching records for Top-level components using jQuery

Webpack Fundamentals

• Webpack Introduction
• Setting up Webpack environment from the scratch
• Configuring Module Loader
• Web optimization using webpack – bundling and minification
React using ES2015
• Creating Setup for React to work with ES2015 and webpack
• Creating Container Component
• Smart Component and Dump Component
• Working with Events
• Creating Presentation Components
• React Routing

Redux

• Introduction to Redux
• Understanding Reducer, State and Action
• Understanding the usage of store

React using Redux

• Introduction to HOC (Higher order component)
• Usage of Provider and Connect
• Redux Flow
• Practical Implementation of State management using React with Redux
• Usage of Middleware
• How middleware works
• Creating and using middleware

Key Features

  • Career oriented training.
  • One to One live interaction with a trainer.
  • Demo project end to end explanation.
  • Interview guidance with resume preparation.
  • Support with the trainer through E-mail.

Live Traffic

Live Traffic Feed

Registration

Enquery

conveytechlabs