-
Day 1 (MERN Architecture)
- - Introduction React.js / Node.js / Express / MongoDB
- - Difference between Angular and React.js
- - Setup Development Tools (Node.js + React.js packages)
- - Using NPM (Node Package Manager)
- - Pure NodeJS+EJS vs NodeJS+React.js
- - Basic Command lines in React.js CLI
- - New React.js Project
- - Review Project Structure
- - ES2016 (Javascript for React.js)
- - JSX (Javascript for React.js)
- - Well Rect.js Project File Structure
- - Webpack
- - React.js Architechture
- React-Dom and Component
- Component Lifecycle
- Props
- State
- Data and Event Binding
- Single Page Web Application
- - Export and Import React.js Components
- - Bundle Icons
- - Bundle Fonts
- - Using JQuery in React.js
- - ES2016 Programming
- - JSX Programming
- - Begin CMPos Workshop
- - Admin LTE (Opensource CSS Theme) Integration
- - Flexbox - Modern CSS for Web Responsive
- - Add Components and Assets to Admin LTE
- - Data Exchange between Components both (Child and Parent)
- - Callback with props between Components
- - Routing Solution (Route, Link, Switch, Redirect) for (SPA)
- - Routing Interception (Rect Guard)
- - Nested Route
- - Rect-Redux (sharing data and actions)
- - Redux-Thunk (Dispatcher) to Support Asynchronous Actions
- - Calling External Javascript in React.js
- - Create Routing for POS and Stock Workshop
- - Routing with Parameters
- - Using Ref
- - JQuery Integration
- - Integrate DataTable and Pagination
- - Popular Visual Studio Code Extensions such as React.js Snippet
- - React.js Form and 2-Ways Data Binding
- - Loggging and Debugging
- - Deep Dive Node.js
- - JSON WebAPI with Node.js
- - Using Nodemon - automatically Restarting App Tool.
- - Routing (HTTP GET, POST, DELETE and PUT) in Node.js with Express
- - Manage Static Files (Images, CSS, Html, etc.)
- - Learn All Response Function (Write,End,Send,Json,SendFile,Redirect, Render)
- - Use Express Facade Technique using app.all
- - Error Handler such as Page not found, etc.
- - JSON Parsing with Body-Parser
- - Export/Import Router Module
- - Chain Routing Handlers
- - Passing multiple parameters
- - Regular Expression of Parameters ex: /:id, /:from-to...
- - Using View/Template Engine (EJS/ Pug) to Manage Frontend for NodeJS without React.js
- - Asyn Commu. with Reactive Way (Observable, Promise, Async-Await)
- - Using Observable Operators [Of, First, timeout]
- - React.js + Node.js Integration
- - LocalStorage and Session Handler
- - MongoDB Installation and Integration
- - Learn How NoSQL and RDBMS Difference is
- - MongoDB Concept (Document, Collection, Fields)
- - MongoDB Robo3T and Compass (GUI)
- - MongoDB Using Mongoose framework to access MongoDB as Profs.
- - Insert, Select, Update, Delete, Join (aggregate) in MongoDB
- - Using Mongoose for Collection Schema and Default/Automation
- - MongoDB Import and Export
- - Connect RESTFul Webservice (JSON)
- - Authentification as Profs.
- - Implement Secure API with JWT (JSON Web Token)
- - Upload file with Formiable Package
- - PM2 ($ pm2 start app.js) - Start / Stop / Restart and Log
- - Finish Workshop's Logic and Features
- - Enable PWA (Progressive Web Application)
- - Solving CORS (Cross-Origin Resource Sharing) Issue
- - Solving Redirection problem with Fallback
- - Deploy in root and sub-domain
- - Production Deployment
- - Fixing Problem Access Deny Due to Using IP
- - How to prevent Node.js Blocking IO
- - Understand Event-Loop and Thread Pool
- - Demo - Deploy on Nginx
- - FAQ
Day 2 (AdminLTE Theme Integration + Advanced React.js)
Day 3 (Redux, Reducer, Actions, Node.js Integration)
Day 4 (MongoDB/Mongoose + Node.js Integration)
Day 5 (Finish Workshop + Deployment + ResponsiveCSS (Flexbox))