• November 17, 2024
  • Chiwetara Igwe
  • 0
PHYSICAL AND ONLINE FULLSTACK BOOTCAMP

MERN Full stack Training

Techbly Full stack (MERN) Development training is beginner-friendly, practical and project-based. It is designed to help participants become job-ready.
MongoDB
Github
Deployment
HTML
CSS
Tailwind
Javascript
React
Express

3 Months

Duration

Physical/Online

Classes

Weekday/Weekend

Mon, Web & Fri (Saturdays)

10am - 1pm (WAT)

Time

Our Training is Designed to make you job-ready

Full Stack Projects We Will Build

In addition to the software development projects below, you will also be given resources to build others on your own.

Landing page

Use the HTML and CSS concepts that was learnt to design an responsive page.

DOM Manipulation


Create a functional frontend app that manipulates the DOM using JavaScript

Consume API with React


Fetch a data from a backend using API and render them with React

Social Network

Build a fullstack app that users can register and connect with others

Fullstack App

Build a fullstack application using NodeJS and MongoDB

Deployment

Learn how to make your app go live using GitHub and PaaS
WHY TECHBLY

Training Benefits

Here are some of the benefits of learning at Techbly.
Curriculum

Full Stack (MERN) Course Outline

Module 1

Introduction and HTML

Understanding of how to render different HTML elements in the browser.

Introduction to software development

  • Full stack software development road-map
  • How the internet works
  • Project planning process
  • Installation and setup

Introduction to HTML

  • Advantages and limitations of HTML
  • HTML Comments
  • Basic HTML tags
  • HTML Elements
  • Heading
  • Paragraphs
  • Text Formatting
  • Quotations
  • Links
  • Images
  • Tables
  • Lists
  • Block and Inline Elements
  • Iframes
  • File Paths
  • Viewport meta tag

HTML Entities

  • Doctypes
  • HTML Attributes
  • Audio/Video

     Project: Designing job application page and Shopping cart page.

Module 2

Cascading Stylesheet (CSS)

Understand how to style any page and create appealing user interfaces using CSS.

Introduction to CSS

  • What is CSS?
  • Benefits of CSS.

Basic Structure of CSS

  • Selector
  • Property
  • Value

CSS Selectors

  • Element Selector
  • Class Selector
  • ID Selector
  • Attribute Selector

CSS Properties and Values

  • Text Styling
  • font-family
  • font-size
  • font-weight
  • color
  • text-align
  • text-decoration

Box Model

  • width and height
  • margin
  • padding
  • border
  • box-sizing

Layout

  • display
  • position 
  • float

Backgrounds and Images

  • background-color
  • background-image
  • background-size
  • background-position
  •  

CSS Units

  • Absolute Units
  • Relative Units

CSS Media Queries

Flexbox
  • Flexbox Container
  • Main Axis
  • Cross Axis Flex Direction
  • row
  • row-reverse
  • column
  • column-reverse Flexibility
  • flex-grow
  • flex-shrink
  • flex-basis Alignment
  • justify-content
  • align-items
  • Ordering
CSS Grid
  • Grid properties
  • Grid column properties
  • Grid row properties
  • grid-template-rows
  • grid-template-columns
  • grid-gap
Module 3

Tailwind CSS

Ability to build different types of layouts Design web apps that are responsive Learn general techniques and best practices with TailwindCSS.

Tailwind CSS outline
  • Introduction to Tailwind CSS
  • Why  Tailwind CSS?
  • Advantages of Tailwind CSS
  • Installation of tailwind css
     Layout
  • Container
  • Box Sizing
  • Display
  • Float
  • Clear
  • Object Fit
  • Object Position
  • Overflow
Flex
  • Flex Direction
  • Flex Wrap
  • Flex
  • Flex Grow
  • Flex Shrink
  • Order
 Tailwind CSS Grid
  • Grid Template
  • Columns
  • Grid Template
  • Rows
  • Gap
 Alignment
  • Justify Content
  • Justify Items
  • Justify Self
  • Align Content
  • Align Items
  • Align Self

Spacing

  • Padding
  • Margin
  • Space Between

 Sizing

  • Width
  • Min-Width
  • Max-Width
  • Height
  • Min-Height
  • Max-Height

     

Typography

  • Font Family
  • Font Size
  • Font Style
  • Font Weight
  • Letter Spacing
  • Line Height
  • List Style Type
  • Opacity
  • Text Alignment
  • Text Color
  • Text Opacity
  • Text Decoration
  • Text Transform 
  • Vertical Alignment
  • White space
  • Word Break

 Borders

  • Border Radius
  • Border Width
  • Border Color
  • Border Opacity
  • Border Style

Effects

  • Box Shadow
  • Opacity

Tailwind Filters

  • Filter
  • Blur
  • Brightness
  • Contrast
  • Drop Shadow
  • Grayscale
  • Hue Rotate
  • Invert
  • Saturate
  • Sepia

Tables

  • Border Collapse
  • Table Layout

Transitions and Animation

  • Transition Property
  • Transition Duration
  • Transition Timing Function
  • Transition Delay

Transforms

  • Transform
  • Transform Origin
  • Scale
  • Rotate
  • Translate

Interactivity

  • Appearance
  • Cursor
  • Outline
  • Pointer Events
  • Resize
  • User Select
Module 4

JavaScript

Get the skills and confidence to understand JavaScript. Follow a structured learning path to grow your skills more quickly. Work on real projects and build your portfolio.

Introduction to JavaScript
  • Overview of JavaScript
  • Installing Code Editor
  • Developer console
  • Adding JavaScript into HTML
  • JavaScript Statements
  • Basic Syntax
  • Input and output
  • JavaScript Comments
  • Interaction: alert, prompt, confirm
     Variables in JavaScript
  • The use of variables?
  • JavaScript Let
  • JavaScript Const
  • JavaScript Reserved Words
     Data Types
  • Numbers
  • Strings
  • Boolean
  • Array
  • Objects
  • Null
  • Undefined
     JavaScript Operators
  • Arithmetic Operators
  • Assignment operators
  • Comparison Operators
  • JavaScript Unary Operators
  • Ternary Operator
  • Instanceof Operator
     Conditionals
  • If-else
  • Switch Case in JavaScript
  • Break and Continue
  • Type Conversion
     Loops in JavaScript
  • For Loop
  • While Loop
  • For-in Loop
  • Differences between for..in and for ..of
Javascript functions
  • Inbuilt Functions
  • User-defined functions
  • Anonymous Functions
  • Functions as First-Class Citizens
  • Callback Functions
  • Higher order function (map, filter, reduce, find)
  • Understanding variable scopes in JavaScript
  • JavaScript Hoisting
  • JavaScript Strict Mode
  • this in JavaScript
Arrays in JavaScript
  • Basic Array Methods
  • sort() Method
  • Array Iteration Methods
     JavaScript Strings
  • JavaScript String Methods
  • How to sort strings in JavaScript?
Document Object Model (DOM)
  • Introduction to
  • Document Object Model
  • Select Element By Id
  • Select Elements By Name
  • Select Elements By Tag Name
  • Select Elements By Class Names
  • Select Element By CSS Selectors
Traversing elements
  • Get the Parent Element
  • Get Siblings of an Element
  • Get Children of an Element
  • Manipulating elements
  • Create Elements Append Child Nodes InnerHTML
   Javascript Form
  • How to Create a Form with the JavaScript?
  • Form validation
Event handling
  • Introduction to Events
  • Page Load Events
  • The onLoad Event
  • The DOMContent
  • Mouse Events
  • Keyboard Events
  • Scroll Events
Storing data in the browser
  • Cookies
  • LocalStorage
  • sessionStorage
     ES6
  • Template Literals
  • Object Literal Syntax
  • Default Parameters
  • Rest Parameters
  • Spread Operator
  • Destructuring
  Module
  • What is the arrow function
  • Importing and
  • Exporting Modules
Asynchronous JavaScript
  • Promises
  • Async/await
Error Handling
  • try…catch try…catch…finally
  • Throw an Exception
Module 5

React JS

Build powerful, fast, user-friendly and reactive web apps with React

Introduction to React
  • What is React JS?
  • Why use React instead of JavaScript
  • Project Overview
  • Roadmap
React Setup
  • Environment Setup
  • Creating New Project
  • Analyzing Project Structure
React basics and components
  • Components & Why React is Component-Based?
  • JSX
  • React Elements
  • Building Component
  • Styling Components
  • Dynamic Data in components
  • Passing data using Props
Introduction to Numpy
  • What is NumPy (Numerical Python)?
  • Understanding dimensions
Numpy Basics
  • Array Creation
  • Array attributes
Random number generation
  • Random sampling
  • Random seeds


State and event handling

  • Handling Events in React
  • Why are States required?
  • useState() Hook
  • Form Handling
  • Handling form Submission

Contents conditional rendering

  • Rendering of List
  • Importance of key attribute
  • Conditional Statements & Output
Multipage Single page application with react-router
  • Introduction to routIng
  • What is Routing, how it works & installation
  • Basic Routing
  • Link and NavLink
  • Dynamic Routes
  • Nested Routes
  • Redirection and Not Found Page
Global state management with context
  • What is React Context?
  • React context vs Redux
  • When to use React Context?
  • Application of react context
  • Deployment
    • Steps to create a production build
    • Hosting your application online
Module 6

NodeJS

Understand Nodejs and how to use JavaScript to build the backend.

 Introduction to Node.js
  •   Overview of Node.js?
  •   Features of Node.js
  •   Where to Use Node.js?
  Environment Setup
  •   First Application
  •   REPL Terminal
  •   Command Line Options
  Node Package Manager (NPM)
  •   Install Package Locally
  •   Install Package Globally
  •   Update Package
  •   Uninstall Packages
Events
  •   Event Loop
  •   Event Emitter
  •   Debugger
  Global Objects
  •   Buffer class
  •   Console class
  •   Process object
  •   Global timer functions
  •   Global variables
  •   Console
  •   Process
  •   Packaging
Callbacks Concept
  •   Blocking
  •   Non-Blocking
  •   Callback as Arrow function
Module 7

MongoDB

Build powerful, fast, user-friendly and reactive web apps with React

Getting started
  • Introduction to NoSQL
  • Types of NoSQL Databases
  • Introduction to MongoDB
  • How MongoDB works
  • MongoDB vs RDBMS
  • MongoDB vs MySQL
  • How to setup MongoDB
MongoDB – Database, Collection, and Document
  • MongoDB Cursor
  • DataTypes in MongoDB
  • What is ObjectId in MongoDB
  • What is a MongoDB Query?
  • Introduction to JSON
  • Introduction to BSON and Types
CRUD Operations in MongoDB
  • MongoDB – Create Database
  • MongoDB – Drop Database
  • MongoDB – Create Collection
  • MongoDB – Drop Collection
  • Create Database using MongoDB Compass
  • Create Database
MongoDB Methods Insert Operations
  • MongoDB Insert() Methods
  • MongoDB InsertOne() Methods
  • MongoDB InsertMany() Methods
Update Operations
  • MongoDB Update() Methods
  • MongoDB UpdateOne() Methods
  • MongoDB UpdateMany() Methods
  • MongoDB replaceone() Methods
Delete Operations
  • Delete Single Document Using MongoShell
  • Delete Multiple Document Using MongoShell
  • Delete Database using MongoShell
  • MongoDB deleteone() Method

Query Operations

  • Query on Embedded/Nested Documents
  • Query an Array
  • Query for Null or Missing Fields
  • MongoDB Find() Method
  • MongoDB FindOne() Method
  • MongoDB FindAndModify() Method
  • MongoDB FindOneAndDelete() Method
  • MongoDB FindOneAndUpdate() Method
  • MongoDB FindOneAndReplace() Method
  • Query and Projection Operators
MongoDB Operators
Comparison Operators
  • MongoDB – Comparison Query Operators
  • MongoDB $cmp Operator
  • MongoDB – Greater than Operator $gt
  • MongoDB – Less than Operator $lt
  • MongoDB – Equality Operator $eq
Logical Operators
  • MongoDB AND operator ( $and )
  • MongoDB OR operator ( $or )
  • MongoDB NOT operator ( $not )
  • MongoDB NOR operator ( $nor )

Arithmetic Operators

  • MongoDB $add Operator
  • MongoDB $subtract Operator
  • MongoDB $multiply Operator
  • MongoDB $divide Operator
  • MongoDB $abs Operator
  • MongoDB $floor Operator
  • Field Update Operators
  • MongoDB – Maximum operator ( $max )
  • MongoDB – Minimum operator ( $min )
  • MongoDB – Increment Operator ( $inc )
  • MongoDB – Multiply Operator ($mul)
  • MongoDB – Rename Operator ($rename)
Array Expression Operators
  • MongoDB $isArray Operator
  • MongoDB $size Operator
  • MongoDB $arrayElemAt Operator
  • MongoDB $concatArrays Operator
  • MongoDB $reverseArray Operator
Array Update Operators
  • MongoDB – $pull Operator
  • MongoDB – $pop Operator
  • MongoDB – $pullAll Operator
  • MongoDB – $push Operator
  • MongoDB – Positional Operator ($)
  • MongoDB – All Positional Operator ($[])

String Expression Operators

  • MongoDB $concat Operator
  • MongoDB $strcasecmp Operator
  • MongoDB $toUpper Operator
  • MongoDB $toLower Operator
  • $substrCP (aggregation) operator in MongoDB
 
MongoDB Aggregation
  • Updates with Aggregation Pipeline
  • Aggregation Pipeline Stages
  • Aggregation Pipeline Optimization
  • Aggregation Pipeline Limits
  • Aggregation Commands
  • MongoDB Aggregation $out
  • mongodb aggregation $count
  • MongoDB Aggregation $group
  • mongodb aggregation $lookup
  • mongodb aggregation $first
  • Map-Reduce
Indexing
  • Create an Index
  • Get an Index
  • Drop an Index
  • Index Types
  • Single Field Indexes
  • Compound Indexes
  • Multikey Indexes
  • Text Indexes
Securing MongoDB database
Application of MongoDB
  • Nodejs – Connect MongoDB with Node app using MongooseJS
  • Signup Form Using Nodejs and MongoDB
  • Login form using Node.js and MongoDB
Module 8

ExpressJS

Understand how to plan a project, implement the plan and deploy the software after development

Introduction to Express
  • Creating Express Application
  • How to Structure Application in Express JS
  • Unique features of Express
  • How to send response from server
  • How to implement JWT authentication
  • How to expire session
  • Express Error Handling
Express Functions
  • Express express()
  • Expresson() Function
  • express.raw() Function
  • express.Router() Function
  • express.static() Function
  • express.text() Function
  • express.urlencoded() Function
Express Applications Function
  • app.locals Property
  • app.mountpath Property
  • Mount Event
  • app.all() Function
  • app.delete() Function
  • app.disable() Function
  • app.disabled() Function
  • app.enable() Function
  • app.enabled() Function

Express Requests Function

  • req.app Property
  • req.baseUrl Property
  • req.body Property
  • req.cookies Property
  • req.fresh Property
  • req.accepts() Function
  • req.acceptsCharsets() Function
  • req.acceptsEncodings() Function
  • req.acceptsLanguages() Function

Express Response Function

  • res.app Property
  • res.headersSent Property
  • res.locals Property
  • res.append() Function
  • res.attachment() Function
  • res.cookie() Function
  • res.clearCookie() Function
  • res.download() Function
  • res.end() Function
Express Router Function
  • router.all() Function
  • router.METHOD() Function
  • router.param() function
  • router.route() Function
  • router.use() Function
  • Router Complete Reference
Module 9

Version Control with Git And Github

Introduction to Version control

  • Overview of Version Control Systems (VCS)
  • Importance of Version Control in DevOps

Introduction to GitHub

  • Overview and Features of Github
  • Benefits of Github in DevOps Workflows

Getting Started with GitHub

  • Creating a GitHub Account
  • Installing git
  • Configuring Profile Settings

Git operation

  • Initializing git for a project
  • Adding files to be committed
  • Committing files to the staging area

GitHub Basics

  • Creating a repository
  • Connecting to the remote repository
  • Pushing files to git
Deployment
Module 10

AI and Software Development

How to leverage AI as a DevOps engineer
  • Generating code with AI
  • Troubleshooting with AI
  • Using AI to increase productivity
  • Staying relevance despite AI porpularity
our

Training Fees

Software Development

N1,000,000
Covers all the software development Modules. 4 Months

DevOps & Software

N2,000,000
Covers all the DevOps Modules and full stack software development. 7 Months

Software Engineering

N2,500,000
Covers all the DevOps Modules, software development, system design, data structure and algorithm and advanced project. 1 year
our

Frequently Asked Questions (FAQs)

We have weekend class for those who cannot attend the weekday class. 10am to 2pm or 2pm to 5pm (Nigerian Time)

We have weekend class for those who cannot attend the weekday class. 10am to 1pm (Nigerian Time)

You can pay N400,000 or N500,000 at the beginning of each month to attend the training.
Yes, it is recommended you come with your own laptop as it will help you to practice whatever you are learning. However, we provide laptop that can be used only within our premises if need be.

Depending on your budget, Core i7, 16 GB ram with SSD is best.

However, core i3 or i5 with 4gb or 8gb ram HDD will also work fine.

It can be HP, Dell, Mac, or any other brand.

Yes. In fact, this is our strength. We are committed to supporting our students to ensure they succeed. You will be added to our WhatsApp group to connect with others and also ask questions.

We don’t guarantee job after the training. However, we share job alerts from time to time on available vacancies and tips that can help our students get job faster. We also offer CV review, LinkedIn profile optimization and letter of recommendation to diligent students.

Yes. Techbly was established to bridge the practical knowledge that people are lacking to secure a job. Hence, we focus on making the class beginner friendly with lots of projects to help the participants master the skill.

We issue a certificate of completion after the training. If you are interested in certification, you can pay to take certification exam by international bodies online.

You can chat with our representation using the WhatsApp chat button on our website or call the phone number at the top or bottom of this page. You can also click the register button on this page to show your interest and one of our team will reach out to you.

We don’t compete based on price. Our fees is based on the value we offer. If you want a place that will give you in-depth knowledge and value for your money, you are in the right place. Our past students are glad to learn from us as our training is hands-on and designed to make you job-ready. You can check what over 80 of our students had to say about our training on our Google review pag

Chiwetara Igwe

I'm a full-stack developer, entrepreneur and owner of techbly.ng. I live in Nigeria and I love to write tutorials and tips that can help to other web developers. I am experienced in PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap. I am passionate about learning new things and keeping up with the latest trends and technologies.

http://techbly.ng
× Have a question?