Training Details

16 Weeks

2pm to 5pm (Afternoon)
Weekdays (Mon, Wed, Fri)
Weekends (Sat)

1st Floor, Nikky Africana Plaza, 70c Allen Avenue, Obasa Close, Opp UBA, Ikeja, Lagos

N500,000

2348029704730

REGISTER NOW

MERN Stack Software Development Training In Lagos Nigeria

https://youtu.be/se7spuMTU78

 MERN (MongoDB, Express, React and Nodejs) is a JavaScript software stack for building dynamic web sites and web applications. Our training is beginner-friendly, practical and project-based. It is designed to help participants gain mastery of different technologies and tools that are used to build functional software. It is tailored to help you gain real-world experience that can get you a job and grow your career.

Who should attend

• Those who are switching career to tech industry.
• Those who have programming skills but want to take their skill to next level with hands-on projects in order to get promotion or higher paying jobs
• Those planning to travel abroad and seeking hands-on skill that can make them relevant.
• Those in managerial position seeking to have knowledge of how software is built

Technologies covered

Learning outcomes

Real-World Project

Build any of the following software – ecommerce, job portal, delivery platform, hospital management system, hotel management system

Fullstack development

Ability to work on either frontend design or backend functionalities such as connecting to database, authentication, validation and more

Collaboration

Learn how to collaborate with other software developers on source code management and version control. Deployment to an online server.

Career Positioning

CV review, interview preparation, LinkedIn profile update, job alert within our alumni community and mentorship

REGISTER NOW

Course Curriculum

Introduction to software development

      Introduction and onboarding

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

HTML and the browser

     Overview of 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 for Responsive Web Design

HTML Entities

• Charsets
• URL Encoding
• HTML Tags
• Doctypes
• HTML Attributes
• Audio/Video

     Project: Designing job application page and Shopping cart page.

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

CSS (Cascading Style Sheets)

     Introduction to CSS

• Benefits of CSS
• How to add CSS to HTML
• Code commenting in CSS
• Applying Colors
• Background Styling
• CSS Borders
• Margins and Padding
• Height and Width
• Box model
• Outline in CSS
• Text Formatting
• Fonts styling
• Using Icons
• Linking pages, buttons and images
• Lists
• Tables

CSS Properties

• Overflow
• Float
• Align
• Combinators
• Pseudo-classes
• Pseudo Elements
• Opacity / Transparency
• DropDowns
• Styling Forms
• Website Layout
• CSS Units
• Specificity
• CSS Properties
• CSS Selectors

     Project: Designing a landing page with HTML and CSS

     Task: Design a personal portfolio page

     Key takeaway: Creating different types of frontend application with HTML and CSS

REGISTER NOW

Tailwind CSS

     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
• Overscroll Behavior
• Position
• Top/Right/Bottom/Left
• Visibility
• Z-index

     Flexbox

• Flex Direction
• Flex Wrap
• Flex
• Flex Grow
• Flex Shrink
• Order

   Tailwind CSS Grid

• Grid Template
• Columns
• Grid Column Start / End
• Grid Template
• Rows
• Grid Row Start / End
• Grid Auto Flow
• Grid Auto Columns
• Grid Auto Rows
• Gap

   Alignment

• Justify Content
• Justify Items
• Justify Self
• Align Content
• Align Items
• Align Self
• Place Content
• Place Items
• Place Self

   Spacing

• Padding
• Margin
• Space Between

   Sizing

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

   Typography

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

   

• Backgrounds

• Background Image
• Background Clip
• Background Color
• Background
• Opacity
• Background
• Position
• Background
• Repeat
• Background Size
• Gradient Color
• Stops

   Borders

• Border Radius
• Border Width
• Border Color
• Border Opacity
• Border Style
• Divide Width
• Divide Color
• Divide Opacity
• Divide Style
• Ring Width
• Ring Color
• Ring Opacity
• Ring Offset Width
• Ring Offset Color

   Effects

• Box Shadow
• Opacity

  Tailwind Filters

• Filter
• Blur
• Brightness
• Contrast
• Drop Shadow
• Grayscale
• Hue Rotate
• Invert
• Saturate
• Sepia
• Backdrop Filter
• Backdrop Blur
• Backdrop
• Brightness
• Backdrop Contrast
• Backdrop
• Grayscale
• Backdrop Hue
• Rotate
• Backdrop Invert
• Backdrop Opacity
• Backdrop Saturate
• Backdrop 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

  SVG

• Fill
• Stroke
• Stroke Width

     Project
Design a modern landing page with tailwind
Convert Figma design to the actual web app using tailwind

     Personal project: Design a web app for a Fintech company or other industry using tailwind

     Key takeaway:
Ability to build different types of layout
Design web apps that are responsive
Learn general techniques and best practice

REGISTER NOW

JavaScript Programming

     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 create multi-line strings in JavaScript?
• 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

     JavaScript Runtime

• Execution Context
• Call Stack
• Event Loop

Project. Build a quiz application

Build an income and expense app

Personal project: Create a loan calculator for a loan company

Key takeaway: Learn modern best practices and code patterns.

Get the skills and confidence to really understand JavaScript.

Follow a structured learning path to grow your skills more quickly.

Work on real projects and build your portfolio.

React (JS Library)

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

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

Handling side effects

• What are side effects & useEffect()
• UseEffect() hook
• Cleanup function

HTTP Calls using Axios/fetch

• Making first network Call with fetch
• Network call using Axios
• Handling data and states
• Async and Await
• Updating the data

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

Project: Design an app that consumes APIs from the backend with search functionality and pagination

Convert Figma design to a real web app using React.

Personal project: Design a web app for a Real Estate company or other industry using React.

Key takeaway:

Get hands-on practice in building various projects using React JS.

You will also be creating an industry-ready single-page web application.

Learn how to deploy and maintain an application.

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

REGISTER NOW

Nodejs

• What is Node.js
• Node.js Process Model
• Install Node.js
• Node.js Console/REPL
• Node.js Basics
• Node.js Modules
• Local Modules in Node.js
• Export Modules in Node.js
• Node Package Manager (NPM)
• Create Web Server in Node.js
• Node.js File System
• Debugging Node.js Application
• Node Inspector for Debugging
• Node.js Application
• Node.js EventEmitter
• Serving Static Files from Node.js
• Database Access
• Node.js Database Access
• Access MongoDB in Node.js

Express

• Overview
  Installation
  Routing
  HTTP Methods
  URL Building
  Middleware
  Templating
  Static Files
  Form Data
  Database
  Authentication
  RESTful APIs
  Error handling
  Debugging

REGISTER NOW

MongoDB

Introduction

• What is MongoDB
• Install MongoDB
• MongoDB Basics
• MongoDB Shell
• MongoDB Data Types

CRUD Operation

• Inserting document
• insertOne
• insertMany

Selecting documents

• findOne
• find

Comparison query operation

• $eq: Equal To Operator
• $lt: Less Than Operator
• $lte: Less Than or Equal To Operator
• $gt: Greater Than Operator
• $gte: Greater Than or Equal To Operator
• $ne: Not Equal To Operator
• $in: In Operator
• $nin: Not In Operator

Logical query operator

• $and: Logical AND Operator
• $or: Logical OR Operator
• $not: Logical NOT Operator
• $nor: Logical NOR Operator

Element query operators

• $exists
• $type

Array query operators

• $size
• $all
• $elemMatch

Sorting and limiting

• sort(): Sorting documents
• limit(): Limiting documents

Updating documents

• updateOne: Update one Document
• updateMany: Update Multiple Documents
• $inc: Increase / Decrease Field Value
• $min: Update Field Value
• $max: Update Field Value
• $mul: Mutiply Field By a Number
• $unset: Remove Fields
• $rename: Rename Fields
  Upsert

Deleting documents

• deleteOne
• deleteMany

Aggregation

• Aggregation Pipeline
• $avg
• $count
• $sum
• $max
• $min

Indexes

• MongoDB Indexes
• Create Index
• Unique Index
• Compound index
• Drop Index

Using Mongoose

Deployment

• Source code management/collaboration
• Deployment to live server

Project: Deployment of Nodejs app on server

Key takeaway: Understand how the server works and how to deploy your app on the server.

REGISTER NOW

Testimonials

EXCELLENT

56 reviews on

Olutosin Oyeleke

Tech365 is the right place to be for acquiring any Tech skill. The teachings are deep, explanatory, and detailed. The teachers take their time to explain each concept and tool from the basics. There is no assumption in their teachings as they take students from beginner level to expert level. Tasks are also given to increase one's knowledge of the scope taught per day. I took Data Analytics and Data Science classes at Tech365, and I can boldly say that I got value for my money. The training centre also provides support and mentorship for their students even after training.

Drastute global Concept

Tech365 is the best for practical experience in teaching for any I.T courses with qualified tutors that are readily available to proved solution to any issues.. I have one certificate from tech365 and I have 2 more to go .I recommend tech365 for anyone with no prior I.T skills to enroll with them.

Francis Ezekude

Tech 365 is an amazing place to upgrade or acquire a tech skill, I definitely recommend it 100%

Chioma Iroka

I didn't allow distance rob me off this amazing experience. One of the best decisions I took this year was, registering at Tech365 for my Data Analysis training. If you need a physical class for your Tech journey, I will advise you go to Tech365. Amazing learning environment, great teachers and hands on projects.

Obateru seun

It's an amazing experience with Tech365, a great citadel of learning in tech. Learning environment and instructors are top-notch.

FOLA BIYI

Tech365 is the best place to learning. I was taught in a way that even JSS 1 STUDENTS will catch up without losing interest. I will recommend Tech365 to anyone even if you don't have knowledge about IT. TAKE IT FROM ME, it is 100% class and hand-on.

Adebowale Jeff Johnson

Class was always fun and very engaging. If you're not comfortable with time management, get yourself together before coming to learn with Tech365.

Oginni Samson

I recently attended Tech365 and had an amazing experience! The instructor was knowledgeable, patient, and approachable. He takes him to explain complex concepts in a way that was easy to understand and provided hands-on learning experiences that helped me apply what I learned in real world situations. The curriculum was well-structured and comprehensive, covering a wide range of topics relevant to the tech industry. I appreciated that Tech2365 stayed up-to-date with the latest technology trends, ensuring that students were learning relevant and practical skills that would help them succeed in the workforce. The facilities were top-notch, with modern equipment and plenty of resources available for students. The environment is well organized, and provided a comfortable learning environment. Overall, I highly recommend this tech school to anyone looking to enhance their technical skills or pursue a career in the tech industry. The quality of education and support provided by Tech365 is truly exceptional, and I'm grateful for the opportunity to have learned from such talented and dedicated instructor

mayowa oyeyinka

I've been studying Data Science at Tech365 for the past few months and I have to say, it's been an incredibly positive experience. The tutors are knowledgeable and patient, always making sure to answer any questions I have. The classroom environment is also very conducive to learning. What I really appreciate about Tech365 is the resources they provide. They start the classes from scratch, enabling even people without prior experience to catch on. They also organize regular challenges that incorporate hands-on projects into the coursework, which are a great way to put what we've been taught to the test. I would highly recommend Tech365 for anyone looking to move into tech. The knowledgeable instructors and comprehensive resources at Tech365 make it an exceptional place to learn.

Our students work at

Frequently Asked Questions

Can I make payment in installment?

Yes we accept installment payment. You can discuss with our team members on available payment options.

Do I need to have a prior knowledge of programming before I can enrol?

No prior programming experience is required. However, you need to know how to operate the computer efficiently. Our training approach is beginner friendly, and we work on several real world projects to help our student have deeper understanding of each module. 

Why should I choose Tech365 instead of other centers?

People prefer Tech365 because our training are:

• Project-based training
• Job recommendation
• World-class support
• Up-to-date curriculum
• Career guidance and mentoring
• Access to support community
• Certificate of completion
• Flexible payment plan
• Flexible timing

Our training is

• Globally relevant
• Beginner friendly
• Futuristic
• Relevant across industries
• In high demand
• Financially rewarding

Will I be given a job immediately I finish the training?

We do not guarantee job. However, we do refer our students for jobs as different organization do reach out to us to hire our students. Some of our students have gotten job through this process.

Do you offer weekend class?

Yes, we offer weekend classes for those who can’t attend weekdays due to their job or other reasons

When can I start?

Our training schedule are around January, May and September. You can talk to one of our representative for more information.

Is it a physical class?

Yes our training is physical at Ikeja, Lagos. However, those outside Nigeria or living far away can join us online via zoom. The experience is similar.

Do you offer support after the training?

Yes. In fact, this is our strength. We are committed to supporting our students to ensure they succeed.

Do I need to come with my own laptop?

Yes, it is recommended to 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.

Will I have access to internet?

Yes, we provide internet access to our students.

What type of Laptop is required?

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.

I AM INTERESTED




Our Pricing Plans

Best Software Development Training

You can choose available options below based on your need.

• Frontend
• Backend

Get Started Now

• DevOps
• Computer Science Fundamentals
• Software Engineering Module
• Data Structure/ Algorithm
• Frontend
• Backend

Get Started Now

• Mobile App
• Computer Science Fundamentals
• Software Engineering module
• Data Structure/ Algorithm
• Frontend
• Backend

Get Started Now