{"id":547,"date":"2015-10-19T14:44:46","date_gmt":"2015-10-19T09:14:46","guid":{"rendered":"http:\/\/stepbystepschools.net\/?page_id=547"},"modified":"2019-07-01T15:25:02","modified_gmt":"2019-07-01T09:55:02","slug":"learn-jquery-in-1-day","status":"publish","type":"page","link":"https:\/\/www.stepbystepschools.net\/?page_id=547","title":{"rendered":"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri"},"content":{"rendered":"<h2><span style=\"text-decoration: underline; color: #800000;\">Course Name<\/span><span style=\"color: #800000;\">: &#8211;<\/span> Learn ReactJS in 2 days\u00a0at Mumbai Andheri<\/h2>\n<h2><span style=\"text-decoration: underline; color: #800000;\">Date &amp; Time<\/span><span style=\"color: #800000;\">: &#8211;\u00a0<\/span>Sat\u00a017th Aug and Sun 18th Aug 2019.<\/h2>\n<h2><span style=\"text-decoration: underline; ;color: #993300;\">Cost<\/span><span style=\"color: #993300;\">: &#8211;\u00a0<\/span><\/h2>\n<h2>Booking between\u00a030 June to\u00a027 July 2019 \u2013 1000 INR discount, you pay 6000 INR<br \/>\nBooking between\u00a028 July to 10 Aug 2019 \u2013 500 INR discount, you pay 6500 INR<br \/>\nBooking between 11 Aug to 16 Aug 2019\u00a0 \u2013 0 INR discount, you pay 7000 INR<\/h2>\n<h2><span style=\"text-decoration: underline; ;color: #993300;\">How to Join?<\/span><\/h2>\n<p>Click <a title=\"How to Register\" href=\"http:\/\/stepbystepschools.net\/?page_id=96\" target=\"_blank\" rel=\"noopener\">Here<\/a><\/p>\n<h2><span style=\"text-decoration: underline; color: #800000;\">Key Features<\/span><\/h2>\n<ul>\n<li>No PPT&#8217;s completely Hands-on ReactJS training.<\/li>\n<li>Tea\/Coffee as refreshment will be provided.<\/li>\n<li>All at only 7000 INR<\/li>\n<\/ul>\n<h2><span style=\"text-decoration: underline; color: #800000;\">H\/W and S\/W Requirement<\/span><\/h2>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Following installation required in your laptop for training having minimum 4 GB RAM\/i3 processor in it.<\/li>\n<li>Visual Studio Code download link, get from <a href=\"https:\/\/code.visualstudio.com\/download\" target=\"_blank\" rel=\"noopener\">here<br \/>\n<\/a>and<\/li>\n<li>VS 2017 Community Edition download link, get from <a href=\"https:\/\/www.visualstudio.com\/vs\/community\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/li>\n<li>Microsoft SQL Server 2008 or higher<\/li>\n<li>NodeJS download link, get from <a href=\"https:\/\/nodejs.org\/en\/download\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/li>\n<li>JavaScript Editor (Notepad++\/SublimeText\/Atom)<\/li>\n<li>Chrome browser installed<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong><em>Day 1 &#8211;\u00a0First Day<\/em><\/strong><\/p>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td width=\"30%\">ES6 Primer<\/td>\n<td>\n<ul>\n<li>History of JavaScript<\/li>\n<li>What is ES6<\/li>\n<li>A word on bable<\/li>\n<li>Block scope, let &amp; const<\/li>\n<li>Template literals<\/li>\n<li>Arrow functions<\/li>\n<li>Spread and Rest operators<\/li>\n<li>Object literal improvements<\/li>\n<li>Destructuring<\/li>\n<li>Classes\n<ul>\n<li>Inheritance<\/li>\n<li>Static properties and methods<\/li>\n<\/ul>\n<\/li>\n<li>Promises<\/li>\n<li>Iterators and Iterables<\/li>\n<li>Generators<\/li>\n<li>Modules<\/li>\n<li>Set and Map<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Introduction to React<\/td>\n<td>\n<ul>\n<li>What is React?<\/li>\n<li>Why React?<\/li>\n<li>React version history<\/li>\n<li>Just React &#8211; Hello World<\/li>\n<li>Using create-react-app<\/li>\n<li>Anatomy of react project<\/li>\n<li>Running the app<\/li>\n<li>Debugging first react app<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Templating using JSX<\/td>\n<td>\n<ul>\n<li>Working with React.createElement<\/li>\n<li>Expressions<\/li>\n<li>Using logical operators<\/li>\n<li>Specifying attributes<\/li>\n<li>Specifying children<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>It&#8217;s all about components<\/td>\n<td>\n<ul>\n<li>Significance of component architecture<\/li>\n<li>Types of components\n<ul>\n<li>Functional<\/li>\n<li>Class based<\/li>\n<li>Pure<\/li>\n<\/ul>\n<\/li>\n<li>Component Composition<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Working with state and props<\/td>\n<td>\n<ul>\n<li>What is state and it significance<\/li>\n<li>Read state and set state<\/li>\n<li>Passing data to component using props<\/li>\n<li>Validating props using propTypes<\/li>\n<li>Supplying default values to props using defaultProps<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Understanding component lifecycle<\/td>\n<td>\n<ul>\n<li>Understanding lifecycle of component in reactjs<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Event handling in React<\/td>\n<td>\n<ul>\n<li>Understanding React event system<\/li>\n<li>Understanding Synthetic event<\/li>\n<li>Passing arguments to event handlers<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Rendering lists<\/td>\n<td>\n<ul>\n<li>Using react to key prop<\/li>\n<li>Using map function to iterate on arrays to generate elements<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Working with forms<\/td>\n<td>\n<ul>\n<li>Controlled components<\/li>\n<li>Uncontrolled components<\/li>\n<li>Understand the significance to defaultValue prop<\/li>\n<li>Using react ref prop to get access to DOM element<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>Understand react portals<\/td>\n<td>\n<ul>\n<li>Understanding all about react portals<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong><em>Day 2 &#8211; Next Day<\/em><\/strong><\/p>\n<table width=\"100%\">\n<tbody>\n<tr>\n<td width=\"30%\">Under error boundaries<\/td>\n<td>\n<ul>\n<li>Under error boundaries<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">React\u2019s new fiber architecture<\/td>\n<td>\n<ul>\n<li>React\u2019s new fiber architecture.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">Routing with react router<\/td>\n<td>\n<ul>\n<li>Setting up react router<\/li>\n<li>Understand routing in single page applications<\/li>\n<li>Working with BrowserRouter and HashRouter components<\/li>\n<li>Configuring route with Route component<\/li>\n<li>Using Switch component to define routing rules<\/li>\n<li>Making routes dynamic using route params<\/li>\n<li>Working with nested routes<\/li>\n<li>Navigating to pages using Link and NavLink component<\/li>\n<li>Redirect routes using RedirectComponent<\/li>\n<li>Using Prompt component to get consent of user for navigation<\/li>\n<li>Path less Route to handle failed matches<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">Just Redux<\/td>\n<td>\n<ul>\n<li>What is redux?<\/li>\n<li>Why redux?<\/li>\n<li>Redux principles<\/li>\n<li>Install and setup redux<\/li>\n<li>Creating actions, reducer and store<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">Immutable.js for immutable datastructures<\/td>\n<td>\n<ul>\n<li>Immutable.js for immutable datastructures<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">React Redux<\/td>\n<td>\n<ul>\n<li>What is React Redux?<\/li>\n<li>Why React Redux?<\/li>\n<li>Install and setup<\/li>\n<li>Presentational vs Container components<\/li>\n<li>Understand high order component<\/li>\n<li>Understanding mapStateToProps and mapDispatchtToProps usage<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">Redux Saga(Redux middleware)<\/td>\n<td>\n<ul>\n<li>Why redux middleware?<\/li>\n<li>Available redux middleware choices<\/li>\n<li>What is redux saga?<\/li>\n<li>Install and setup redux saga<\/li>\n<li>Working with Saga helpers<\/li>\n<li>Sagas vs promises<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">Server-side rendering with react<\/td>\n<td>\n<ul>\n<li>What is server-side rendering (SSR)?<\/li>\n<li>Why SSR?<\/li>\n<li>Working with renderToString and renderToStaticMarkup methods<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">Unit testing in react<\/td>\n<td>\n<ul>\n<li>Understand the significance of unit testing<\/li>\n<li>Understand unit testing jargon and tools<\/li>\n<li>Unit testing react components with Jest<\/li>\n<li>Unit testing react components with enzyme<\/li>\n<li>Using sinon to mock<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"30%\">Webpack primer<\/td>\n<td>\n<ul>\n<li>What is webpack?<\/li>\n<li>Why webpack?<\/li>\n<li>Install and setup webpack<\/li>\n<li>Working with webpack configuration file<\/li>\n<li>Working with loaders<\/li>\n<li>Quick word on code splitting, lazy loading, tree shaking<\/li>\n<li>Setting up Hot Module Replacement<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Course Name: &#8211; Learn ReactJS in 2 days\u00a0at Mumbai Andheri Date &amp; Time: &#8211;\u00a0Sat\u00a017th Aug and Sun 18th Aug 2019. Cost: &#8211;\u00a0 Booking between\u00a030 June to\u00a027 July 2019 \u2013 1000 INR discount, you pay 6000 INR Booking between\u00a028 July to &hellip; <a href=\"https:\/\/www.stepbystepschools.net\/?page_id=547\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Learn ReactJS in 2 days\u00a0at Mumbai, Andheri - Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.stepbystepschools.net\/?page_id=547\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri - Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai\" \/>\n<meta property=\"og:description\" content=\"Course Name: &#8211; Learn ReactJS in 2 days\u00a0at Mumbai Andheri Date &amp; Time: &#8211;\u00a0Sat\u00a017th Aug and Sun 18th Aug 2019. Cost: &#8211;\u00a0 Booking between\u00a030 June to\u00a027 July 2019 \u2013 1000 INR discount, you pay 6000 INR Booking between\u00a028 July to &hellip; Continue reading &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.stepbystepschools.net\/?page_id=547\" \/>\n<meta property=\"og:site_name\" content=\"Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-01T09:55:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.stepbystepschools.net\/#website\",\"url\":\"https:\/\/www.stepbystepschools.net\/\",\"name\":\"Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai\",\"description\":\"MVC 5\/Core, AngularJS 1.x, 2.0, 4.0, Design Pattern, Architecture, SSIS, SSAS, SSRS, Data Science, Big data, Hadoop classroom training\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.stepbystepschools.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.stepbystepschools.net\/?page_id=547#webpage\",\"url\":\"https:\/\/www.stepbystepschools.net\/?page_id=547\",\"name\":\"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri - Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai\",\"isPartOf\":{\"@id\":\"https:\/\/www.stepbystepschools.net\/#website\"},\"datePublished\":\"2015-10-19T09:14:46+00:00\",\"dateModified\":\"2019-07-01T09:55:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.stepbystepschools.net\/?page_id=547#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.stepbystepschools.net\/?page_id=547\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.stepbystepschools.net\/?page_id=547#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.stepbystepschools.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri - Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.stepbystepschools.net\/?page_id=547","og_locale":"en_US","og_type":"article","og_title":"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri - Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai","og_description":"Course Name: &#8211; Learn ReactJS in 2 days\u00a0at Mumbai Andheri Date &amp; Time: &#8211;\u00a0Sat\u00a017th Aug and Sun 18th Aug 2019. Cost: &#8211;\u00a0 Booking between\u00a030 June to\u00a027 July 2019 \u2013 1000 INR discount, you pay 6000 INR Booking between\u00a028 July to &hellip; Continue reading &rarr;","og_url":"https:\/\/www.stepbystepschools.net\/?page_id=547","og_site_name":"Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai","article_modified_time":"2019-07-01T09:55:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.stepbystepschools.net\/#website","url":"https:\/\/www.stepbystepschools.net\/","name":"Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai","description":"MVC 5\/Core, AngularJS 1.x, 2.0, 4.0, Design Pattern, Architecture, SSIS, SSAS, SSRS, Data Science, Big data, Hadoop classroom training","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.stepbystepschools.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.stepbystepschools.net\/?page_id=547#webpage","url":"https:\/\/www.stepbystepschools.net\/?page_id=547","name":"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri - Learn MVC, Angular, Architecture, MSBI, Data Science in Mumbai","isPartOf":{"@id":"https:\/\/www.stepbystepschools.net\/#website"},"datePublished":"2015-10-19T09:14:46+00:00","dateModified":"2019-07-01T09:55:02+00:00","breadcrumb":{"@id":"https:\/\/www.stepbystepschools.net\/?page_id=547#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.stepbystepschools.net\/?page_id=547"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.stepbystepschools.net\/?page_id=547#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.stepbystepschools.net\/"},{"@type":"ListItem","position":2,"name":"Learn ReactJS in 2 days\u00a0at Mumbai, Andheri"}]}]}},"_links":{"self":[{"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=\/wp\/v2\/pages\/547"}],"collection":[{"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=547"}],"version-history":[{"count":11,"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=\/wp\/v2\/pages\/547\/revisions"}],"predecessor-version":[{"id":2786,"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=\/wp\/v2\/pages\/547\/revisions\/2786"}],"wp:attachment":[{"href":"https:\/\/www.stepbystepschools.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}