আপনার গ্লোবাল ক্যারিয়ার প্রসপেক্ট ও আয় বাড়িয়ে নিন মাত্র ১ সপ্তাহেগ্রামীণফোন একাডেমিতে কোডার্সট্রাস্টের প্রফেশনাল সার্টিফিকেট কোর্সগুলো করে, সম্পূর্ণ বিনামূল্যে।

আপনার গ্লোবাল ক্যারিয়ার প্রসপেক্ট ও আয় বাড়িয়ে নিন মাত্র ১ সপ্তাহেগ্রামীণফোন একাডেমিতে কোডার্সট্রাস্টের প্রফেশনাল সার্টিফিকেট কোর্সগুলো করে, সম্পূর্ণ বিনামূল্যে।

MERN Stack

From Database Design to Front-End Magic - Learn the Ins and Outs of Every Layer!

Explore the world of full-stack web development with our MERN Stack course. Dive into MongoDB, Express, React, and Node.js, mastering each technology’s role in creating dynamic web applications. From setting up a development environment to deploying and scaling your projects, this course covers it all. Gain hands-on experience building RESTful APIs, creating user interfaces with React, and managing state with Redux. By the end, you’ll be certified as an Advanced Web Designer, equipped with the skills to thrive in today’s digital landscape.

Enroll Now

Acquire a skill and become job-ready with professional certifications

Online

BDT 35,000

On-Campus

BDT 50,000

Share this course

Ready to revolutionize the web? Our MERN Stack course is your ticket to mastering the hottest technologies in full-stack web development! Dive into MongoDB, Express, React, and Node.js, and unleash your creativity to build powerful, dynamic web applications. With hands-on training and expert guidance, you’ll transform from a coding enthusiast to a certified web development wizard. Don’t miss this opportunity to level up your skills and unlock endless possibilities in the digital world!

Enroll now and start your journey to web development greatness!

Key Features

Tools Covered

What you'll learn

After completing the course, learners will be able to:

Learning Path

  • Orientation (By Student Affairs)
  • Course Introductions
  • Browsers and HTML
  • Editors Offline and Online
  • Tags Attribute and Elements
  • Comments
  • Paragraph
  • Heading
  • Formatting Text

Assignment Based on this topic

  • Lists
  • Links
  • Images
  • HTML Layout Elements
  • HTML Semantic Elements
  • Tables
  • HTML Forms
  • HTML Element Reference
  • HTML Attribute Reference

Assignment Based on this topic

  • Project With HTML CV
  • Introduction CSS
  • Applying CSS to HTML
  • Selectors properties and values
  • CSS Colors
  • CSS Backgrounds
  • CSS Box Model
  • CSS Margins Padding Borders
  • CSS Text and Font Properties
  • CSS General Topics

Assignment Based on this topic

  • CSS Flexbox
  • CSS Media Queries
  • CSS Responsive
  • CSS Transform
  • CSS Animation Basic and Animation Library
  • Portfolio Landing Page
  • Git, Source Control, GitHub
  • Installing Git, Create GitHub Repository
  • Git Init, git Add, Git Commit
  • Set Origin, Git Push, Git Pull, Repo Overview
  • Send Project Code GitHub
  • Host the website With Github Action With Cpanel CI/CD
  • Common GitHub Related Issues
  • Git Branch, Merge Branches
  • Git Pull, Toggle Branch, Merge Conflict
  • GitHub With Own Repo
  • Introduction | Tailwind CSS
  • Tailwind Installation
  • Utility-First Approach
  • Responsive variants – Tailwind Breakpoints
  • Hover focus & other state variants
  • Dark mode variant

Assignment Based on this topic

  • Composing Utilities with @apply Directive
  • Tailwind @layer Directive – Understand Tailwind Layers
  • @responsive and @screen Directives
  • theme() and screen() – Tailwind Functions
  • Tailwind Configurations – Advanced Concepts

Assignment Based on this topic

  • PostCSS Installation – Advanced Concepts
  • Theme Configuration – Advanced Concepts
  • Extend Theme – Advanced Concepts
  • Extend Variants – Advanced Concepts
  • Tailwind CSS 3 tutorial – Upgrade to Tailwind 3
  • Ecommerce Landing Page with Tailwind CSS
  • Getting Started with JavaScript
  • JS Variables & Constants
  • JS console Log
  • JavaScript Data types
  • JavaScript Operators
  • JavaScript Comments
  • JavaScript Type Conversions

Assignment Based on this topic

  • JavaScript if else Statement
  • JavaScript for loop
  • JavaScript while loop
  • JavaScript break Statement
  • JavaScript continues Statement
  • JavaScript Switch Statement
  • Problem Solving with JS
  • JavaScript Function and Function Expressions
  • JavaScript Objects
  • JavaScript ARRAY
  • Object and Array Destructure
  • JS String
  • JavaScript Import
  • JavaScript Export
  • JavaScript ES6
  • JavaScript Arrow Function
  • JavaScript Template Literals
  • JavaScript Map
  • JavaScript Callback Function
  • What is DOM
  • Analyze the DOM
  • Traversing DOM Elements
  • Traversing DOM Hierarchy
  • Manipulate the DOM
  • Listening to DOM Events

Project- Money Tracking WebApp


  • Project Discussion
  • Project Setup
  • Project STARTER Guide
  • Implement Function On That Project
  • Implement DOM Manipulation on Project
  • Last Day of the JS Project
  • Exam on JS Problem-Solving
  • What is React and How it Works
  • React Virtual DOM Explained – Easy Explanation
  • React ESLint, Formatting with Prettier, Editor & Project Setup
  • React Folder Structure
  • Stylesheets Inline Style & CSS Modules
  • React Styling – CSS in JS
  • Tailwind Integration with Some Tailwind CSS libraries NEXTUI and DAISYUI
  • React JSX Element & Rendering Elements
  • React Components and Props Core Concept
  • React Render Props
  • What is React Hook – React Hook Introduction
  • React useState hook
  • React useEffect hook
  • React useRef hook
  • React custom hook
  • Router DOM v6 – Breaking Changes – React Router 6 vs 5
  • React Router v6 Private Route
  • React Router Outlet
  • Dynamic Routing React
  • E-commerce MultiPage With Routing and Dynamic Routing
  • What is Context API – Why Context API
  • How to use React Context API
  • useContext hook
  • React Lifting State UP
  • E-commerce Add to Cart With Context API
  • React Authentication
  • Firebase Google Sign-in
  • Manual SignIn
  • React Form Handling
  • React onChange Method
  • React onClick Method
  • Firebase Login/Register System
  • What is Sanity.io/Strapi?
  • How to Sanity.io/Strapi Help You for the Backend?
  • How to Install Sanity
  • Sanity io Documentation
  • Schema With Sanity
  • GroqQuery With Sanity
  • Sanity Cors Policy Solve
  • Sanity MultiUser Connect
  • Connect Frontend with Sanity
  • Fetch Sanity API From React
  • Final Project Complete
  • Exam on React Js
  • Node Js Introduction
  • How Node.js Works
  • Node.js Installation – VS Code Editor Setup
  • Node.js Global Object & Module System
  • Intro With Mongodb and Mongodb Compass(GUI) Database
  • Connect Mongodb to Express and Node
  • Mongoose Setup and Query
  • Schema Creation with Mongoose
  • API developing
  • Get Method
  • Post Method
  • PUT Method
  • Delete Method
  • Multer Setup
  • Schema Creation
  • Cloudinary Setup
  • Upload File API
  • Frontend setup For Upload
  • Handle Post Request
  • Send data to the Backend
  • Setup MERN Project
  • Server Creation with Express Js
  • Installing Packages For Project
  • Schema Creation
  • Connect Mongodb to Server
  • Install Postman API/Thunder client API Tester
  • Create An MVC pattern For the Backend
  • Create Front-end UI
  • Connect front-end and Backend
  • Implement Routing Feature
  • Implement Axios to Fetch Data from the Server
  • Complete the Full Blog Website With MERN
  • End of Blog Project
  • Final Project Overview Day
  • Branding, LinkedIn, Remote Job Opportunities
  • Portfolio, Payoneer
  • Fiverr Account Creation, Fiverr TOS Discussion
  • Fiverr Gig Creation, Buyer Communication, Order Delivery, Payment
  • Upwork Account Creation, Bidding, Followup

Who Will Benefit

The course is designed to benefit a wide range of individuals seeking to thrive in the digital landscape. Potential beneficiaries include:

Skill Level

Eligibility

To enroll in this course, participants should meet the following eligibility criteria:

Prerequisite

Develop Your Knowledge and Skills for a Successful Career

Earn a certificate and get ready for your dream job!

Training 1.5M+ Learners and Professionals in 15+ Countries
Build Your Future!

Enroll in CodersTrust Digital Skills courses and get globally accepted certifications.

Frequently Asked Questions

We offer a diverse range of educational training programs that cater to various subjects and skills. Our courses are available both online and offline to provide flexibility to our students.
You can easily enroll in a course through our website. The payment process details will be outlined during the enrollment process.
Don’t worry if you miss a live session; recordings will be made available for you to catch up. Additionally, you can reach out to our support team for any clarifications or additional resources related to the missed session.
We provide comprehensive 24/7 support to our students. This support is accessible through our dedicated Facebook Groups and in-person at our campus during specified hours. Additionally, our commitment to your success goes beyond the completion of the course, as you have access to lifetime support.
The assessment structure varies for each course, and details will be provided during the orientation. Some courses may have quizzes, assignments, or exams to evaluate your understanding of the material.
Not at all! We’ve crafted our courses to be accessible to individuals from all educational backgrounds. Whether you have a high school diploma, a college degree, or come from a different field entirely, you are welcome to enroll. Our inclusive approach ensures that anyone with the enthusiasm to learn can benefit from our educational programs.
In case of technical issues, our support team is available 24/7 to assist you. You can reach out through the designated channels, and we’ll promptly address any technical challenges you may encounter.
Feel free to reach out! Simply email your inquiries to hello@coderstrustbd.com, and our team will respond within 24 hours to assist you further.

Innovating to Transform High-Potential Youth into Skilled Digital Workforce Worldwide

CONTACT

40 Wall Street, Suite 2004

New York 10005, USA

House# 82, Road# 19/A, Block# E

Banani, Dhaka-1213

Bangladesh

SUBSCRIBE

Unsubscribe anytime

We Accept

Copyright © 2023 – 2024 CodersTrust | All Rights Reserved

Call us to Enroll
Banani Campus
Mirpur Campus
Dhamondi Campus
Chattogram Campus
Select Your Option
Online

Course Fee

BDT 35,000
On-Campus

Course Fee

BDT 50,000
Get Quick Answers

Error: Contact form not found.