MERN Stack Programming Training Course | Code College


MERN Stack Programming Training Course

Learn MERN Stack and how to build Full-Stack apps to become a Full-Stack Web Developer!



Duration

  • 5 Days Full-time

What do I need?

  • Webinar : A laptop, and a stable internet connection. The recommended minimum speed is around 10 Mbps.
  • Classroom Training : A laptop, please notify us if you are not bringing your own laptop. Please see the calendar below for the schedule

Certification

  • Attendance : If you have attended 80% of the sessions and completed all the class work, you qualify for the Attendance Certificate. (Course Price : R14 500)
  • Competency : Only offered as part of a Coding Bootcamp
  • You may apply for credits in NQF level 5 but these are to be ordered seperately at additional cost

Pre-requisites

You should have passed our NodeJS and React courses before doing this course

Delivery

  • Onsite (Woodmead Classroom)
  • Remote Online (Discord Webinar)

Who will benefit

  • Programmers who want to ful-fill their Javascript skills to become a full-stack Web Developer
  • Developers who found that JavaScript alone is inadequate to develop a rich, fully-fledged front-end. We build the backend and front-end to work together to make a comprehensive full-stack app.
  • What you will learn

    • You will start building your first MERN stack app within minutes
    • You wil learn Node, Express and Mongo in order to build a back-end and publishing an API for front-end consumption
    • You will deploy the backend independent from the React front-end
    • Create a React front-end to consume the NodeJS backend API
    • Deploy the React front-end seperately from the backend to constitute a Full-Stack Web App
    • This course constitutes the core subject portion of the corresponding module in the Web Developer Bootcamp

    Content



    Day 1

    SOFTWARE SETUP AND INTRODUCTION

    • Introduction
    • MongoDB Overview
    • Setting Up MongoDB Atlas Cloud database
    • Ading Sample Data
    • Setting Up our Node.JS, Express Backend

    Day 2

    PREPARING THE BACKEND

    • Creating our Backend Server
    • Creating the Movies Data Access Object
    • Creating the Movies Controller
    • Testing our Backend API
    • Leaving Movie Reviews

    Day 3

    API TESTING AND SETTING UP THE FRONT-END

    • Testing the Reviews API
    • Route to get a single movie and it's ratings
    • Introduction to React
    • Create Navigation Header Bar
    • Defining our Routes

    Day 4

    BUILDING THE FRONT-END INTERFACE

    • MovieDataService: Connecting to the Backend
    • MovieList Component
    • Movie Component
    • Listing Reviews
    • Adding and Editing Reviews

    Day 5

    COMPLETING THE C.R.U.D. FUNCTIONALITY

    More on Firebase

    • Deleting a Review
    • Get next page's Results
    • Get next Page's Results - Search by Title and Rating
    • DEPLOYING BACK-END AND FRONT-END

    • Deploying Backend
    • Hosting and Deploying our React Frontend

    Calendar