- November 17, 2024
- Chiwetara Igwe
-
- 0
MERN Full stack Training
3 Months
Duration
Physical/Online
Classes
Weekday/Weekend
Mon, Web & Fri (Saturdays)
10am - 1pm (WAT)
Time
Full Stack Projects We Will Build
Landing 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
Fullstack App
Deployment
Training Benefits
- Beginner-friendly
- Project-based training
- Excellent support
- Job alerts
- Career guidance
- Certificate of completion
- Flexible payment plan
- Conducive learning environment
- Unlimited internet access
- Recommendation letter
Full Stack (MERN) Course Outline
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.
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 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
- Grid properties
- Grid column properties
- Grid row properties
- grid-template-rows
- grid-template-columns
- grid-gap
Tailwind CSS
Ability to build different types of layouts Design web apps that are responsive Learn general techniques and best practices with TailwindCSS.
- Introduction to Tailwind CSS
- Why Tailwind CSS?
- Advantages of Tailwind CSS
- Installation of tailwind css
- Container
- Box Sizing
- Display
- Float
- Clear
- Object Fit
- Object Position
- Overflow
- Flex Direction
- Flex Wrap
- Flex
- Flex Grow
- Flex Shrink
- Order
- Grid Template
- Columns
- Grid Template
- Rows
- Gap
- 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
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.
- 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
- The use of variables?
- JavaScript Let
- JavaScript Const
- JavaScript Reserved Words
- Numbers
- Strings
- Boolean
- Array
- Objects
- Null
- Undefined
- Arithmetic Operators
- Assignment operators
- Comparison Operators
- JavaScript Unary Operators
- Ternary Operator
- Instanceof Operator
- If-else
- Switch Case in JavaScript
- Break and Continue
- Type Conversion
- For Loop
- While Loop
- For-in Loop
- Differences between for..in and for ..of
- 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
- Basic Array Methods
- sort() Method
- Array Iteration Methods
- JavaScript String Methods
- How to sort strings in JavaScript?
- 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
- Get the Parent Element
- Get Siblings of an Element
- Get Children of an Element
- Manipulating elements
- Create Elements Append Child Nodes InnerHTML
- How to Create a Form with the JavaScript?
- Form validation
- Introduction to Events
- Page Load Events
- The onLoad Event
- The DOMContent
- Mouse Events
- Keyboard Events
- Scroll Events
- Cookies
- LocalStorage
- sessionStorage
- Template Literals
- Object Literal Syntax
- Default Parameters
- Rest Parameters
- Spread Operator
- Destructuring
- What is the arrow function
- Importing and
- Exporting Modules
- Promises
- Async/await
- try…catch try…catch…finally
- Throw an Exception
React JS
Build powerful, fast, user-friendly and reactive web apps with React
- What is React JS?
- Why use React instead of JavaScript
- Project Overview
- Roadmap
- Environment Setup
- Creating New Project
- Analyzing Project Structure
- Components & Why React is Component-Based?
- JSX
- React Elements
- Building Component
- Styling Components
- Dynamic Data in components
- Passing data using Props
- What is NumPy (Numerical Python)?
- Understanding dimensions
- Array Creation
- Array attributes
- 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
- Introduction to routIng
- What is Routing, how it works & installation
- Basic Routing
- Link and NavLink
- Dynamic Routes
- Nested Routes
- Redirection and Not Found Page
- 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
NodeJS
Understand Nodejs and how to use JavaScript to build the backend.
- Overview of Node.js?
- Features of Node.js
- Where to Use Node.js?
- First Application
- REPL Terminal
- Command Line Options
- Install Package Locally
- Install Package Globally
- Update Package
- Uninstall Packages
- Event Loop
- Event Emitter
- Debugger
- Buffer class
- Console class
- Process object
- Global timer functions
- Global variables
- Console
- Process
- Packaging
- Blocking
- Non-Blocking
- Callback as Arrow function
MongoDB
Build powerful, fast, user-friendly and reactive web apps with React
- Introduction to NoSQL
- Types of NoSQL Databases
- Introduction to MongoDB
- How MongoDB works
- MongoDB vs RDBMS
- MongoDB vs MySQL
- How to setup MongoDB
- MongoDB Cursor
- DataTypes in MongoDB
- What is ObjectId in MongoDB
- What is a MongoDB Query?
- Introduction to JSON
- Introduction to BSON and Types
- MongoDB – Create Database
- MongoDB – Drop Database
- MongoDB – Create Collection
- MongoDB – Drop Collection
- Create Database using MongoDB Compass
- Create Database
- MongoDB Insert() Methods
- MongoDB InsertOne() Methods
- MongoDB InsertMany() Methods
- MongoDB Update() Methods
- MongoDB UpdateOne() Methods
- MongoDB UpdateMany() Methods
- MongoDB replaceone() Methods
- 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 – Comparison Query Operators
- MongoDB $cmp Operator
- MongoDB – Greater than Operator $gt
- MongoDB – Less than Operator $lt
- MongoDB – Equality Operator $eq
- 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)
- MongoDB $isArray Operator
- MongoDB $size Operator
- MongoDB $arrayElemAt Operator
- MongoDB $concatArrays Operator
- MongoDB $reverseArray Operator
- 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
- 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
- Create an Index
- Get an Index
- Drop an Index
- Index Types
- Single Field Indexes
- Compound Indexes
- Multikey Indexes
- Text Indexes
- Nodejs – Connect MongoDB with Node app using MongooseJS
- Signup Form Using Nodejs and MongoDB
- Login form using Node.js and MongoDB
ExpressJS
Understand how to plan a project, implement the plan and deploy the software after development
- 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 express()
- Expresson() Function
- express.raw() Function
- express.Router() Function
- express.static() Function
- express.text() Function
- express.urlencoded() 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
- router.all() Function
- router.METHOD() Function
- router.param() function
- router.route() Function
- router.use() Function
- Router Complete Reference
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
AI and Software Development
- Generating code with AI
- Troubleshooting with AI
- Using AI to increase productivity
- Staying relevance despite AI porpularity
Training Fees
DevOps & Software
Software Engineering
Frequently Asked Questions (FAQs)
We have weekend class for those who cannot attend the weekday class. 10am to 1pm (Nigerian Time)
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.
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.
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
