Full Stack Web Development

Course Overview

This comprehensive course takes you from zero experience to becoming a professional full-stack developer. You will learn how to build dynamic websites and applications by mastering frontend technologies such as HTML, CSS, and JavaScript, alongside backend technologies like Node.js, Express, and MongoDB. With a focus on real-world applications, by the end of this course, you'll have built, tested, and deployed fully functional web apps, ready to land a job or improve your current skills.

Skills you'll aquired

Web Development Fundamentals (HTML5, CSS3, JavaScript)
Responsive Design and Mobile-first Development
Advanced JavaScript (ES6+), including Promises and Async/Await
Version Control with Git and GitHub
Frontend Development using React.js
Backend Development using Node.js and Express.js
Database Management with MongoDB (NoSQL)
RESTful APIs Design and Implementation
Authentication and Authorization (JWT, OAuth)
Web Application Deployment (Heroku, Netlify)
Testing with Jest, Mocha, and Chai
Basic DevOps Concepts (CI/CD pipelines)

Course Features:

60 Hours

Live Class and Video Suggestions

18 Articles

12 Downloadable Resources

43 Practicals

54 Hands-on Projects

Certificate upon Completion

Live Interactions

Course Compact

Understand the role of a full stack developer, and learn the high-level architecture of modern web applications.

Full Stack vs Frontend and Backend Explained
Overview of Web Application Architecture
Career Opportunities and Industry Use Cases

Learn the foundational languages of the web: HTML5 for structure and CSS3 for styling. This module focuses on creating responsive, accessible, and visually appealing web pages.

Introduction to HTML5 Semantics and Best Practices
Advanced CSS (Flexbox, Grid Layout, Animations)
Building Responsive Websites (Media Queries)
CSS Preprocessors (SASS, SCSS)

Dive deep into JavaScript, the language of the web, to create dynamic and interactive websites.

JavaScript Basics: Variables, Loops, Functions, and Objects
DOM Manipulation and Event Handling
Advanced ES6+ Features: Arrow Functions, Classes, Destructuring
Asynchronous JavaScript: Callbacks, Promises, Async/Await

Master React.js, the most popular JavaScript library for building dynamic user interfaces.

Introduction to React and JSX
Component-based Architecture and State Management
Working with Props and Lifecycle Methods
React Router for Single Page Applications (SPA)
State Management using Redux

Learn how to collaborate on projects and track changes using Git, the essential version control tool.

Basic Git Commands (init, clone, commit, push)
Working with Branches and Merging Changes
Hosting Projects on GitHub
Collaborating on Open-Source Projects

Learn server-side programming with Node.js and Express, enabling you to handle backend logic, server requests, and APIs.

Introduction to Node.js and Asynchronous Programming
Building RESTful APIs with Express.js
Handling HTTP Requests and Middleware
Creating a CRUD Application (Create, Read, Update, Delete)

Understand NoSQL databases and how to integrate MongoDB into your web applications.

Introduction to Databases and MongoDB
CRUD Operations with MongoDB
Data Modeling and Schema Design
Mongoose for MongoDB Integration

Learn how to implement authentication and secure your web applications using JSON Web Tokens (JWT) and OAuth.

User Authentication with JWT
Role-based Authorization
Secure API Endpoints
Managing Sessions and Cookies

Learn to build scalable, performant, and secure APIs for modern web applications.

Structuring and Optimizing Express APIs
Pagination, Filtering, and Sorting Data
Error Handling and Data Validation
API Rate Limiting and Security Best Practices

Learn how to deploy your web applications to cloud platforms like Heroku or Netlify.

Preparing Your App for Production
Deploying to Heroku with Git Integration
Continuous Integration/Continuous Deployment (CI/CD)
Automating Tests and Deployments

Put all your skills to the test by building and deploying full-fledged web applications.

Final Project: Build a Full-Stack Web Application (Frontend, Backend, Database)
Preparing for Real-World Job Interviews
Building an Online Portfolio with GitHub Pages

Requirements

No prior programming experience required
Basic computer knowledge (using a web browser and text editor)
A computer with internet access
A willingness to learn and work on hands-on projects

Description

The Full Stack Web Development course is a complete guide to becoming a professional web developer. Covering both frontend and backend development, this course is designed to teach you how to build complex, data-driven websites and applications from scratch. You will start by learning the core fundamentals of HTML, CSS, and JavaScript, then move on to advanced topics such as React, Node.js, Express, MongoDB, and API development. By the end of this course, you will have built multiple projects and be ready to apply for roles as a full stack web developer.

Meet the Instructor

Mayomi Odewaye

Software Engineer / Data Analyst / Project Manager

Mayomi Odewaye is a dynamic and accomplished professional who has made significant contributions to the fields of software engineering, data analysis, and project management. With a strong academic background and practical experience in Python programming, Machine Learning, Web Development, and PHP, Mayomi is passionate about teaching and mentoring aspiring developers. As the founder of KrossCheck, Mayomi is dedicated to providing innovative solutions that enhance the educational experience and streamline academic processes.