Versi 1
Materi terus diupdate, so pastikan Anda melakukan update

React.js adalah library Javascript paling populer untuk membangun berbagai aplikasi yang modern.

Paket ini mengajarkan React (MERN) mulai dari dasar hingga mahir, dengan penjelasan konsep dan berbagai project untuk mempermudah Anda dalam memahami materi React (MERN) ini.

Anda akan belajar fullstack programming yaitu React, Redux, Express, NodeJS, MongoDB, dll untuk membangun berbagai project seperti eCommerce, eLearning platform, web application, point of sales, dll.

Berikut adalah materi belajar React (MERN) :

• Materi#1 : MERN eCommerce From Scratch (Senilai Rp.799.000,-)

Build an eCommerce platform from the ground up with React, Redux, Express & MongoDB






There are a lot of "eCommerce" courses out there, but most use some kind of prebuilt plugin or platform. In this course, we will build a completely customized eCommerce / shopping cart application from scratch with the MERN stack with the following functionality...

• Full featured shopping cart
• Product reviews and ratings
• Top products carousel
• Product pagination
• Product search feature
• User profile with orders
• Admin product management
• Admin user management
• Admin Order details page
• Mark orders as delivered option
• Checkout process (shipping, payment method, etc)
• PayPal / credit card integration
• Custom database seeder script




What you'll learn :

• Build a custom eCommerce platform with React, Redux, Node, Express & MongoDB
• An actual real-world project built in a linear and progressive manner
• Full featured shopping cart with PayPal & credit/debit payments
• Admin area to manage customers, products & orders
• Product rating & review system
• Product search, carousel, pagination & more



• Materi#2 : MERN Stack Hotel Booking App with React, Node, Mongo 2021 (Senilai Rp.279.000,-)

Learn how to build complex applications without state management tool REDUX






Learn to build real world eLearning marketplace (Udemy clone) using Full stack/MERN stack JavaScript Next.js React Node MongoDB and Stripe from scratch to deployment.

If you have taken my previous courses, then you have already build some great projects, I know that :) You have already build E-commerce apps, SEO blogging platform, Social network and even a Marketplace...but you haven't build any thing like this.

This project will not only teach you the very best of everything but also enables you to make a good income out of it.. yes this time you are not just going to build yet another project, you are going to build an eLearning marketplace that generates money for you and for your users (Instructors).

This concept is extremely powerful and there is no limit to it. You can grow this project to one of the most successful project ever. Yes I am talking about building an online education marketplace, something like Udemy! Yes you heard me right, you will learn to build something like Udemy using Full stack JavaScript React.js Next.js Node.js MongoDB Stripe and AWS.

Another important part of this course is, It is build for production use. Yes when we say production, we need to make sure it is secure, fast, SEO and built with solid infrastructures right? Don't worry, I have covered all that in the best possible way!

You will build a secure and production ready authentication system using cookies. So no more worries about insecurities of storing tokens in local storage. It is extremely fast and SEO optimized because we are using Next.js, which is a React framework for building production apps.

It is built with solid infrastructures to ultimately scale in future. We are using AWS SES for emails and S3 for storage. So as you can see, this is absolutely amazing project to build, that can easily be one of the best startup project to change the world.

Whether you want to build an online education marketplace for a country or a region or the entire world. This is where it all starts.

And it is all done from scratch with nothing but an empty code editor and of course with a lot of passion to learn, build and grow together. In about 5000 lines of code, you will be able to build this masterpiece and deploy to the cloud for the real world.

So if this sounds amazing, join me in this course. Let's build this next big thing together and have a good time along the way!





What you'll learn :

• Build Udemy clone for real world use
• Build one of the biggest real world eLearning marketplace app
• Master frontend/backend Full Stack/MERN Stack
• Learn to use NextJs to build SEO ready react apps
• Learn to use AWS IAM (user management) SES (for email) and S3 (for storage)
• Learn to use Stripe Connect to build a robust marketplace
• Fully automated payment system
• Platform fee and instructor payout on each sale
• Production ready authentication using cookies including password reset
• Role based access for instructors and students with dedicated dashboard
• Simple and scalable LMS (learning management system)
• Global state management using react context API and reducer hook
• Robust course creation/management with lessons add/update/rearrange
• Free and paid course enrollment option
• User dashboard for courses with options to keep track of completed lessons
• Instructor dashboard with stripe account access, payment history and revenue report
• Deploy to digital ocean cloud




• Materi#3 : Next.Js React Node JavaScript MERN LMS eLearning Marketplace (Senilai Rp.799.000,-)

Learn to Build Real World LMS eLearning Marketplace using NextJs React Node MongoDB Stripe AWS and Secure Authentication






Learn to build real world eLearning marketplace (Udemy clone) using Full stack/MERN stack JavaScript Next.js React Node MongoDB and Stripe from scratch to deployment.

If you have taken my previous courses, then you have already build some great projects, I know that :) You have already build E-commerce apps, SEO blogging platform, Social network and even a Marketplace...but you haven't build any thing like this.

This project will not only teach you the very best of everything but also enables you to make a good income out of it.. yes this time you are not just going to build yet another project, you are going to build an eLearning marketplace that generates money for you and for your users (Instructors).

This concept is extremely powerful and there is no limit to it. You can grow this project to one of the most successful project ever. Yes I am talking about building an online education marketplace, something like Udemy! Yes you heard me right, you will learn to build something like Udemy using Full stack JavaScript React.js Next.js Node.js MongoDB Stripe and AWS.

Another important part of this course is, It is build for production use. Yes when we say production, we need to make sure it is secure, fast, SEO and built with solid infrastructures right? Don't worry, I have covered all that in the best possible way!

You will build a secure and production ready authentication system using cookies. So no more worries about insecurities of storing tokens in local storage. It is extremely fast and SEO optimized because we are using Next.js, which is a React framework for building production apps.

It is built with solid infrastructures to ultimately scale in future. We are using AWS SES for emails and S3 for storage. So as you can see, this is absolutely amazing project to build, that can easily be one of the best startup project to change the world.

Whether you want to build an online education marketplace for a country or a region or the entire world. This is where it all starts.

And it is all done from scratch with nothing but an empty code editor and of course with a lot of passion to learn, build and grow together. In about 5000 lines of code, you will be able to build this masterpiece and deploy to the cloud for the real world.

So if this sounds amazing, join me in this course. Let's build this next big thing together and have a good time along the way!

What you'll learn :

• Build Udemy clone for real world use
• Build one of the biggest real world eLearning marketplace app
• Master frontend/backend Full Stack/MERN Stack
• Learn to use NextJs to build SEO ready react apps
• Learn to use AWS IAM (user management) SES (for email) and S3 (for storage)
• Learn to use Stripe Connect to build a robust marketplace
• Fully automated payment system
• Platform fee and instructor payout on each sale
• Production ready authentication using cookies including password reset
• Role based access for instructors and students with dedicated dashboard
• Simple and scalable LMS (learning management system)
• Global state management using react context API and reducer hook
• Robust course creation/management with lessons add/update/rearrange
• Free and paid course enrollment option
• User dashboard for courses with options to keep track of completed lessons
• Instructor dashboard with stripe account access, payment history and revenue report
• Deploy to digital ocean cloud



• Materi#4 : MERN Stack ECommerce App - React,Redux,Node,Express,Mongo DB (Senilai Rp.279.000,-)

Build a Complete MERN Stack Ecommerce application from scratch and deploy to Heroku






Build a Complete MERN Stack Ecommerce App From Scratch

This course is not for any React beginners or Node Beginners. You must have some basic knowledge in React , Redux , Redux Thunk and Node JS.

In this course we will implement the following features in the Ecommerce Application.

• Creating React App
• Working with the static data
• Working with API End Points
• Mongo DB atlas and Compass
• Redux States and Reducers
• Redux Thunk as MiddelWare
• Working with local storage and Redux store
• Add to cart Feature
• Update Quantity in cart
• Delete Products from cart\
• User Authentication
• Stripe Payment Gateway
• Placing orders with stripe
• Placing Orders
• Store orders in database
• Retrieve Orders to user profile
• User Dashboard
• Admin Dashboard
• Manage Users , Products , Orders in Admin Panel
• Protected routes for admin panel
• Deployment to Heroku.
• By the end of the courses you will know how to work with redux states ,reducers, Middelwares including the payment gateway.
MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work.

Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.

What you'll learn :

• How To Create a New React App
• Working with Static JSON Data
• Creating Node and Express Server
• Mongo DB Atlas and Mongo DB Compass connection
• Connecting Node JS and Mongo DB
• Working with API End Points
• Working with State Management
• Working with Redux stores , reducers,actions
• Working with Redux Thunk
• Add to cart functionality
• Updating and deleting items from cart
• Checkout Functionality
• Stripe payment gateway integration
• Connecting stripe to react and node
• Working with react-stripe-checkout module
• Placing orders
• Store orders in database
• User Authentication
• Working on User profile
• Filtering Products by price , category
• Products search functionality
• Adding reviews to the products
• Displaying reviews for the products
• Admin panel implementation
• Mange users , orders , products with admin panel
• Deployment to HEROKU



• Materi#5 : React: Authentication (Senilai Rp.539.500,-)

Learn how to build complex applications without state management tool REDUX






User authentication is a critical part of virtually every website, yet few web developers know all the details behind how it works and how to use it to provide a good user experience. In this course, instructor Shaun Wassell dives into the details behind user authentication in the context of React and how to incorporate user authentication into React applications. Shaun begins with some definitions, steps, and basic authentication projects. Then he discusses in-depth email verification and how to set it up. Shaun explains how to give users the ability to reset their passwords, then describes the steps in setting up OAuth. He goes over several prebuilt authentication options, then concludes with some best practice recommendations.




What you'll learn :

• Introduction
• User Authentication Basics
• Email Verification
• Resetting Passwords
• OAuth
• Prebuilt Authentication Options
• Best Practices
• Conclusion
• Ex_Files_React_Authentication



• Materi#6 : The Complete React Fullstack Course (Senilai Rp.279.000,-)

Take you coding to the next level with React, Node js, Express, MongoDB and ES6






Do you want to learn the whole process of building your App ?. This is the course for you.

We will start from the very beginning, from "I don't even know how use it..and why would I“ to actually understanding how React works and make it communicate with other technologies like Node js.

You will learn all the logic and practice behind React in different modules, and as we advance through the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with some course projects, and after you have a strong base of React we will journey into Servers and Databases, Redux and deploying apps to production.

We will use ES6, the latest version of javascript.

Don’t know ES6 ?

Don’t sweat it, there is a full bonus section where we will show you all the ES6 magic.

To sum everything up, you will learn in this course:



• The very basics of React. How to install and the logic behind it.
• Once you know the basics of React we will journey into the confusing stuff.
• After you have a strong base of React we will create a full practice project.
• Everybody is using Redux, so we will learn how to use redux with our React Apps.
• Since our app will need a database, you will learn how to use MongoDB and mongoose.
• Apply security, authentication, restricting routes, hashing passwords and JWT’s.
• We will create a second practice project using React, Redux, Node Server and MongoDB.
• Of course, we will learn the whole process of publishing you app using Heroku, Git and Github.
• Webpack is part of the fullstack.
• You also get a Full ES6 course




What you'll learn :

• You will learn the whole React WebApp building process, from your pc to the server.
• Work with nosql databases ( Firebase, MongoDB and Moongoose)
• How to deploy applications to services like Firebase and Heroku.
• Learn how Redux work and apply it on a real life application.
• Learn what NODE js is and How it works and create your own server,



• Materi#7 : React, Context & SASS Build a Real World Responsive Website (Senilai Rp.799.000,-)

Learn React.js, Context API, Flexbox and SASS/SCSS, Create Multi Pages Responsive Website






Welcome to React.js, Context API & SCSS course, in this comprehensive course you will learn React.js library, Context API, Flexbox, and Sass/Scss from absolute beginner level, after taking this course you will be compatible with React, Context API, and Sass, before this course no React.js and Sass knowledge is required. In this course first, we will learn CSS Flexbox which is the most widely used CSS layout, don't worry if you don't know CSS Flexbox because I will explain to you Flexbox from scratch. Second, you will learn Sass or Scss which is a preprocessor language, SCSS will supercharge your skills because it's very flexible we can use variables, functions, loops, inheritance, and lots more features with the help of SCSS. Finally, you learn the React.js library which is the most popular library in the market nowadays, React.js is the front-end library for building user interfaces and it's created by Facebook a well known social network, many large companies are using React.js library such as Facebook itself, Udemy, Medium, PayPal, Payoneer, etc. Now let me summarize that what you will learn in this course.

• 1. CSS Flexbox from beginners level
• 2. SASS or SASS from beginners level
• 3. React.js library from beginners level
• 4. Context API from beginners level
• 5. React Routing
• 6. React Image Lazy Loading
• 7. JavaScript Scroll Animations
• 8. Gallery Lightbox with React.js
• 9. Deployment to Netlify



What you'll learn :

• Learn React JS library from beginners level
• Context API from beginners level
• CSS Flexbox from beginners level
• Sass or Scss from beginners to advanced
• React Routing
• Vanilla JavaScript scroll animations
• Accordion with pure React js
• Image lazy loading with React js
• SEO optimized React pages with Helmet



• Materi#8 : React Projects - Build a Calculator (Senilai Rp.799.000,-)

Learn to Create a Calculator with React






In this course I will walk you step by step through how to build a calculator with React from scratch. Throughout the course you will learn to use React Components, as well as basic React Hooks. By the end of the course you will have created a fully functional calculator that you can add to your portfolio.




What you'll learn :

• Students will learn to use React to build a functional Calculator.
• Students will learn to create Styled Components with React.
• Students will learn how to add functionality to React Components.
• Students will gain a better understanding of React state.



• Materi#9 : Jago React (Senilai Rp.157.500,-)

Jago Membuat Aplikasi Web Modern dengan React dan Firebase.






Dalam Seri Video Tutorial ini, kamu akan belajar membuat sebuah Aplikasi Penjualan menggunakan fitur terbaru di React 16.8+ yaitu React Hooks dan Database generasi terbaru dari Firebase yaitu Cloud Firestore.





• Materi#10 : React, Next.js and Django: A Rapid Guide - Advanced (Senilai Rp.799.000,-)

React with Typescript, Next.js, Redux, DRF 3.1, Docker, Redis, Stripe, Frontend & Backend Filtering






Learn how to create an Ambassador App using React, Next.js and Django Rest Framework. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big Django API. In Django you will learn:

• How to create APIs with Django Rest Framework
• Use Docker
• Create protected routes
• Login with HttpOnly Cookies
• Login with Scopes
• Use Redis
• Use Stripe
• Sending Emails
• Filter Cached products
In React you will learn:
• Create a React project with Typescript
• Create a Next.js project with Typescript
• React Material UI
• Use Redux
• Use React Hooks
• Create public and private routes
• Restrict routes for unauthorized users
• Use Stripe



What you'll learn :

• Use Docker
• Login with HttpOnly Cookies and Multiple user Scopes
• Caching with Redis
• Paying with Stripe
• Different types of Users
• React Hooks with Typescript
• React Material UI
• NextJS with Typescript
• Use Redux

My teaching style is very straightforward, I will not waste too much time explaining all the ways you can create something or other unnecessary information to increase the length of my lectures. If you want to learn things rapidly then this course is for you.



• Materi#11 : RestroKing - Cake Pizza & Bakery React Template (Senilai Rp.275.500,-)






RestroKing is a popular WebApp template for multi purpose use . It’s responsive HTML template, which is based on the Bootstrap framework. It utilizes all of the Bootstrap components in design and re-styles many commonly used plugins to create a consistent design that can be used in all type of business an organisations website.




• Materi#12 : Saasland - MultiPurpose React Template For Startup Business (Senilai Rp.275.500,-)








Saasland React JS is a state-of-the-art, one of a kind, multi-purpose templates built for developers, programmers who love to work with React JS. It’s code base in robust, developer friendly. It is purely React based, no jQuery needed! it’s very easy to deploy and the outputs are super fast.

Paket spesial bagi Anda yang ingin mempelajari pemrograman fullstack yang modern yaitu MERN (MongoDB, Express, React dan NodeJS), berbagai project akan membuat Anda memahami dengan baik. Harga total semua materi diatas 5,5 juta rupiah, namun harga spesial untuk Anda hari ini :