Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Full-Stack Web Developer Bootcamp | Front & Back-End Mastery

via Udemy

Overview

Master HTML, CSS, Bootstrap, WordPress, Elementor, JavaScript, React, PHP, MySQL, PostgreSQL, MongoDB & More in 1 Course

What you'll learn:
  • Master modern Web Development fundamentals as well as advanced topics
  • Master how to build modern websites with complete responsive features and mobile adaptability
  • Build websites and web applications on a professional scale.
  • Learn best practices to write clean, performant, and bug free code
  • Build your own full stack websites and applications
  • Build Snake Game from Scratch to Finish
  • Build Game of Pong from Scratch to Finish
  • Build Tic Tac Toe Game from Scratch to Finish
  • Build Rock Paper Scissor Game from Scratch to Finish
  • Build Temperature Converter from Scratch to Finish
  • Build Weather Application with API from Scratch to Finish
  • Build Image Slider from Scratch to Finish
  • Build Advance Calculator from Scratch to Finish
  • Build Digital Clock from Scratch to Finish
  • Build Stopwatch from Scratch to Finish
  • Build Simple Interest Calculator from Scratch to Finish
  • Build Password Generator System from Scratch to Finish
  • Build Dice Roller App from Scratch to Finish
  • Build Number Guessing System from Scratch to Finish
  • Build Color Picker App from Scratch to Finish
  • Build Digit Counter from Scratch to Finish
  • Build Random Number Generator from Scratch to Finish
  • Work on hands-on projects like a To-Do List, Movie Search App, E-Commerce Website, and more!
  • Create Check Boxes and Radio Button Apps
  • JavaScript Fundamentals – Understand variables, data types, operators, control flow, and loops.
  • Functions & Objects – Learn function declarations, arrow functions, object-oriented programming, and ES6 classes.
  • Working with the DOM – Select, manipulate, and update HTML elements dynamically with JavaScript.
  • Event Handling – Handle user interactions like clicks, keyboard inputs, and form submissions.
  • Asynchronous JavaScript – Master callbacks, promises, async/await, and API data fetching.
  • Setting up Visual Studio Code and Node.js for React development
  • Creating a React App using Vite for optimized performance
  • Writing and understanding JSX and React-SX Fragments
  • Mastering Functional Components and their best practices
  • Adding CSS Styling to React Components
  • Building a Reusable Card Component in React
  • Understanding Props, PropTypes, and defaultProps
  • Implementing Conditional Rendering (If-Else, Ternary, Logical Operators)
  • Rendering and managing Lists in React, including sorting and filtering
  • Handling Events and Event Parameters in React
  • Using the useState Hook to manage component state
  • Creating a Digit Counter App using useState Hook
  • Implementing Form Handling with onChange() Event Handler
  • Building an E-commerce Form and a Color Picker App in React JS
  • Mastering Updater Functions to modify states efficiently
  • Updating Objects, Arrays, and Array Objects in State
  • Creating a Digital Clock and Window Resizing App with useEffect
  • Implementing useEffect Hook to manage side effects
  • Exploring useContext Hook for state management
  • Using useRef Hook for direct DOM manipulation and optimizations
  • Learn the basics of PHP and set up your environment.
  • Write your first PHP code and embed HTML seamlessly.
  • Mastering PHP Fundamentals: Understand variables, data types, strings, math operators, arrays, and associative arrays
  • User Interaction in PHP: Accept and process user inputs, calculate results, and use GET/POST methods effectively.
  • Control Structures in PHP: Leverage if-else statements, switch cases, loops, and comments for dynamic programming.
  • Advanced PHP Concepts: Work with classes, objects, constructors, inheritance, functions, and return statements to create modular and reusable code.
  • SQL Database Design | Database Setup and Fundamentals
  • Download, install, and configure MySQL, PostgreSQL, and MongoDB with Compass and Mongosh.
  • Create databases, tables, and define data constraints (Unique, NOT NULL, Primary Key, Foreign Key, etc.) in MySQL and PostgreSQL.
  • Use SQL statements to insert, select, update, and delete data.
  • Implement advanced features like JOINS (INNER, LEFT), ORDER BY, LIMIT, UNION, SELF JOIN, and VIEWS.
  • Apply indexing and subqueries to optimize data management.
  • NoSQL Database Design with MongoDB
  • Set up MongoDB, work with Compass and Shell, and integrate with Visual Studio Code.
  • Design MongoDB collections and documents, manage arrays and embedded documents, and understand relationships between documents.
  • Execute operations like sorting, updating, deleting, and creating one-to-one reference relations.
  • Advanced Database Management: Learn auto-commit, rollback, current date/time functions, logical operators, wildcards, and ordered insertions.
  • Become a Wordpress and Elementor Expert. Create beautiful pages, post and portfolio items using WordPress and Elementor
  • Master the art of using the Elementor page builder plugin
  • How to ensure your site looks great on desktop, tablet and mobile phone
  • How to create a use (and re-use) templates.
  • How to use motion effects in your design
  • WordPress Theme fundamentals
  • Create WordPress website without Theme
  • Design WordPress website header, footer and sidebar with widgets
  • Enhance communication on website
  • Increase conversion on website
  • Create Your Own Website From Scratch
  • Build a complete blog site in this course
  • Learn how to monetize your blog
  • Master modern Bootstrap fundamentals as well as advanced topics
  • Build a full Bootstrap website from scratch
  • Understand how Bootstrap grid works
  • Learn about Bootstrap tables
  • Learn about Bootstrap buttons
  • Learn about Bootstrap carousel
  • Learn about Bootstrap Navigation
  • Learn about Bootstrap jumbotron
  • Learn about Bootstrap well
  • Learn about Bootstrap contextual properties
  • Master Complete Front-End and Back-End Web Development from Building Amazing Websites to Database Design Mastery

This course is designed to provide you with hands-on experience and real-world projects while covering HTML, CSS, Bootstrap, WordPress, Elementor, JavaScript, React, PHP, MySQL, PostgreSQL, MongoDB, and much more!

Are you ready to transform your web development skills and become a full-stack web developer? Whether you're a complete beginner or looking to advance your career, this all-in-one Fullstack Developer Course will take you from the fundamentals of front-end and back-end development to mastering complex web applications.

Become a Full-Stack Web Developer: Learn Everything from HTML to MongoDB in One Course!


Front-End Development

1. HTML (HyperText Markup Language)

  • Learn how to structure a web page using HTML5 elements

  • Understand semantic HTML for SEO-friendly websites

  • Work with forms, tables, multimedia, and more

2. CSS (Cascading Style Sheets)

  • Style websites with CSS3 techniques, including Flexbox and Grid

  • Implement animations, transitions, and responsive design

  • Create stunning layouts and themes with CSS

3. Bootstrap (CSS Framework)

  • Master Bootstrap 5 to build modern, responsive websites

  • Use pre-built components like navigation bars, modals, and carousels

  • Create mobile-friendly and fast-loading pages effortlessly

4. WordPress & Elementor

  • Build professional websites with WordPress, the world’s most popular CMS

  • Use Elementor to design beautiful pages without coding

  • Learn about themes, plugins, and customization techniques

  • Develop and manage blogs, portfolios, and eCommerce sites

5. JavaScript (Programming Language for the Web)

  • Understand JavaScript fundamentals: variables, functions, loops, and objects

  • Work with DOM manipulation and event handling

  • Create dynamic web pages with interactive elements

  • Learn modern ES6+ features like arrow functions and template literals

  • Build real-world projects like Snake Game, Pong Game, Weather App, Tic Tac Toe Game, Image Slider, Color Picker, Digital Clock, and Stopwatch

6. React.js (Front-End JavaScript Library)

  • Master React components, props, and state management

  • Work with hooks, the Context API, and advanced React patterns

  • Build real-world projects like to-do lists, Color Picker, Digital Clock, and Stopwatch

Back-End Development

7. PHP (Server-Side Programming)

  • Understand PHP syntax and programming fundamentals

  • Process forms and manage user authentication

  • Work with file uploads and session handling

8. MySQL (Relational Database Management System)

  • Learn SQL queries for creating, retrieving, updating, and deleting records

  • Understand database relationships, indexes, and stored procedures

9. PostgreSQL (Advanced SQL Database System)

  • Learn how to work with an advanced relational database system

  • Understand database optimization techniques and indexing

  • Manage data efficiently using SQL queries

10. MongoDB (NoSQL Database for Modern Applications)

  • Work with collections and documents in MongoDB

  • Learn how to perform CRUD (Create, Read, Update, Delete) operations

Why Enroll in This Course?

Comprehensive Curriculum: Covers everything you need to become a full-stack developer
Hands-On Projects: Work on real-world applications to build a strong portfolio
Beginner-Friendly: No prior coding experience required – we start from scratch!
Lifetime Access: Learn at your own pace with lifetime access to the course materials
Job-Ready Skills: Master the most in-demand technologies for web development
Expert Guidance: Learn from industry professionals with step-by-step tutorials


By the end of this course, you'll have the skills to build and deploy fully functional websites and web applications, making you a job-ready full-stack developer

Start your web development journey today and unlock limitless opportunities in tech!

Syllabus

  • Download and Installation of IDEs
  • HTML for web development
  • CSS for web development
  • Complete front-end web development
  • Creating a professional Homepage
  • Creating a blog page from scratch
  • Creating a media page
  • Creating a Signup page
  • Creating a login page
  • Creating a Contact page
  • Creating an about page
  • Better Front-End practices for beginners
  • WordPress and Elementor Website Design | Build Automobile Website from Scratch
  • Bootstrap for Web Development for Beginners
  • WordPress and Elementor Website Design | Build A Professional Website
  • WordPress and Elementor Website Design | Build Your Portfolio Website
  • Introduction to JavaScript
  • JavaScript Fundamentals and Syntax
  • Decision Making Statements in JavaScript
  • String Methods and Operators in JavaScript
  • Loop Systems in JavaScript
  • Functions and Methods in JavaScript
  • Objects and Classes in JavaScript
  • Getters and Setters in JavaScript
  • Arrays and Destructing in JavaScript
  • Working with functions in JavaScript
  • JavaScript Modules and Error Handling
  • Document Object Model - DOM in JavaScript
  • Event Listening in JavaScript
  • NodeList and ClassList in JavaScript
  • Callback Hell, Promises, Async and Await Functions in JavaScript
  • JSON - JavaScript Object Notation
  • Cookies in JavaScript
  • API - Application Programming Interface
  • JavaScript Windows Properties
  • Introduction to React JS
  • Your First React JS App
  • Functional Component in React JS
  • Props in React JS
  • Conditional Rendering in React JS
  • List Rendering in React JS
  • Event Handling in React JS
  • React Hooks - useState, useEffect
  • Updater Function in React JS
  • useEffect React Hook
  • useContext React Hook
  • useRef React Hook
  • Introduction to PHP Web Development
  • Basic PHP Syntax
  • User Inputs in PHP

Taught by

Emenwa Global, George Steve, Juliet Rona and Chris Mendes

Reviews

4.7 rating at Udemy based on 114 ratings

Start your review of Full-Stack Web Developer Bootcamp | Front & Back-End Mastery

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.