We will review the React concepts in introduction and continue to learn topics that include Node and Express, MongoDB and Mongoose, validation and querying, routing and advanced models, and at last deployment of our app.
MERN Stack
This course is made for developers committed to doing what it takes to level up. You’ll able to really dig in and explore complex concepts every class. We ensure an engaging and intensive experience that can be balanced with a full-time job. We believe in learning through exercises and by creating awesome projects. From scope outline to deployment, your in-class learning will be focused on real world skills through the creation of a single-page web application.
Student Journey
Once you enroll to the courses, we will quickly recap the knowledge of HTML5, CSS3, Basic JavaScript. Which will teach fundamental web development concepts. We will continue learning core javascript function. As you move through the course, we will be leaning towards React and its concepts. At the end of the course, we will be developing a fully functional app and launch it live.
Course Content
- Introduction to HTML5
- Element and Structure
- Lists and Links
- Tables
- Forms
- Semantic HTML
- Introduction To CSS
- Selectors and Visual Rule
- The Box Model
- Display and Positioning
- Colors
- Typography
- Grid
- CSS – Transitions
- Base Concept of Git
- Working with Repositories
- Branching, Merging and Pull Requests
- Introduction to Javascript and ES6
- Introduction to Javascript and ES6 new features. Understand about imperative and declarative way of writing code.
- ES6 Advance & Functional Programming
- Learn advance concept like Data Transformation, Higher Order Function, Immutability, Pure Function, Recursion etc.
- Classes and Arrow function
- Understand and write code using classes. Learn oops connect using javascript. With ES6 one of important concept Arrow Function got introduced, which is very useful in handling the context of application
- Callback and Async
- Learn how Javascript execution work in Async way. Because of javascript Async nature there are concept like callback and async to execute functions after particular execution is done.
- Execution Context and this keyword
- Lean how Javascript manage current state and data in Execution Context. Understand and application of 'This' Keyword (one of the most imp concept)
- Introduction to React
- React Scope and Application usage. Popularity of react technology. React vs other technologies. React Market Trend.
- React Setup and Main Concepts
- Learn how React works breaking down our React applications into the smallest bits: elements and even fibers. Learn about application setup and tools which will help in development. JSX (JavaScript extension) that allows us to define React elements using syntax that looks similar to HTML. Learn how to use JSX to construct a React application.
- Props, State, and the Component Tree
- What is Data Management? And its impact on react components. Learn and explore techniques that can be used for better data management and reduce time spent debugging applications. Learn to construct a component tree. A hierarchy of components that data was able to flow through as properties. Learn to create stateful function components. Learn how state can be sent down a component tree and user interactions back up the component tree.
- React Hooks
- what is React Hooks (new addition in react 16.8)? and its application. Learn how/where to use state and other React features without writing a class components. Learn how to extract stateful logic from a component and test it independently and in integration reuse. Hooks allow you to reuse stateful logic without changing your component hierarchy.
- React-Redux
- Learn/explore Redux State Management. This will help in building big enterprise level applications to better manage the state from single source of data.
- Redux Middleware
- We will learn about middleware to add logger and handling asynchronous calls in large applications
- HOC and Custom Hooks
- Understand and learn advance concept like Higher Order Component and Custom Hooks ,which will help to keep common logic like authorization, submitting forms and etc. at once and reuse it in application using composition.
- React Router
- What is React Router? Review how to leverage the Hash Router component to handle routing on the client. JavaScript is loading information and changing the UI. Learn role of routing solution for browser history, bookmarks, and forward, back buttons etc.
- Introduction to Mongo DB
- Understanding the Basics & CRUD Operations
- Schemas & Relations: How to Structure Documents
- Exploring the Shell & The Server
- Using the MongoDB Compass to Explore Data Visually
- Diving into Create Operations
- Read Operations - A Closer Look
- Update Operations
- Understanding Delete Operations
- Working with Indexes
- Working with Geospatial Data
- Understanding the Aggregation Framework
- Working with Numeric Data
- MongoDB & Security
- Performance, Fault Tolerance & Deployment
- Transactions
- From Shell to Driver
- Introducing Stitch
- Roundup
