Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Master Full Stack Web Development With Games and Application
Rating: 4.2 out of 5(263 ratings)
22,472 students

Master Full Stack Web Development With Games and Application

Learn HTML, CSS, JavaScript, Python, Node.js, MongoDB & Build Real-World Web Apps and Interactive Games From Scratch
Created byLearnify IT
Last updated 4/2026
English
English [Auto],

What you'll learn

  • Frontend development with HTML5, CSS3, and JavaScript
  • Responsive design techniques and modern layout systems
  • Backend development using Python and Node.js
  • Database management with MongoDB
  • RESTful API creation and integration
  • Building and deploying interactive web-based games
  • Building and deploying interactive web-based application

Course content

1 section • 26 lectures • 11h 57m total length

  • Introduction31:44

    Explore the foundations of web development, including HTML, CSS, JavaScript, frontend and backend concepts, databases, deployment, and full stack development.

  • HTML & CSS Basics32:56

    Learn how HTML and CSS form the foundation of web development, covering structure with tags, styling with CSS, semantic and accessible markup, responsive design, and flexbox basics.

  • Creating a Basic Portfolio Webpage26:51

    Create a basic portfolio webpage using HTML, CSS, and JavaScript in VS Code, with index.html, style.css, script.js, and a multi-page layout (about, projects, contact) plus simple interactivity.

  • JavaScript Fundamentals Part 136:15

    Master JavaScript fundamentals for dynamic web apps with DOM manipulation, fetch and Ajax, and event handling. Learn core data types, variables, operators, and asynchronous patterns using callbacks, promises, and async/await.

  • JavaScript Fundamentals Part 225:09

    Master JavaScript fundamentals part two by learning loops (for, while, do while) and conditionals (if, else if, else) with practical coding examples.

  • Interactive Webpage New Update21:54
  • DOM Manipulation & Basic Responsive Design23:15

    Master DOM manipulation and basic responsive design with JavaScript to dynamically update HTML and CSS content, handle events, and explore advantages, disadvantages, and cross-device compatibility.

  • Query Selectors and Event Listeners41:35

    Apply query selectors and event listeners to build interactive web pages with JavaScript. Learn to manipulate the DOM using document.querySelector, querySelectorAll, and addEventListener in practical examples.

  • CSS Media Queries New Update20:37
  • Interactive Navbar & Mobile-Friendly Layout24:46

    Create an interactive navbar with mobile-friendly layouts using HTML, CSS, and JavaScript. Build a semantic nav tag with a responsive menu toggle and CSS-driven adaptation across devices.

  • Introduction to Backend with Node.js & Express31:33

    Learn to build fast, scalable back-end with Node.js and Express.js, covering middleware, routing, REST APIs, and database integration using MongoDB with mongoose in a practical setup.

  • To Do List App with Node.JS23:36

    Build a full stack to-do list app with Node.js by scaffolding a project, installing Express and EJS, creating a server, views, and a frontend to add, display, and delete tasks.

  • Task Manager API using REST API (Express.js)33:49

    Build a task manager api with express.js using a rest api, implementing get, post, put, and delete tasks and testing with Postman or Thunder Client.

  • Working with Databases (MongoDB)28:14

    Learn MongoDB basics: document-based storage using bson json-like documents, collections, and core operations insert, find, update, delete, then compare sql vs nosql and explore VS Code setup for real-time apps.

  • Fetch API & Axios for HTTP Requests32:25

    Master fetch API and Axios for HTTP requests in JavaScript, comparing built-in fetch with third-party Axios, JSON parsing, setup with npm install axios, and Axios features like interceptors.

  • Connecting a Frontend Form to a Backend API31:21

    Learn to connect a front end form to a backend API with HTML and JavaScript, sending JSON data to a Node.js and Express server via fetch.

  • Contact Form with Database Storage22:56

    Develop a contact form with database storage using HTML, CSS, Python, Flask, and SQLite in Visual Studio Code, and learn a complete project structure with templates and static files.

  • Python IN Web Development19:58

    Learn how Python fits into the web stack as the back end, handling logic, databases, and authentication, with Flask for lightweight, Django for full-featured projects.

  • Basic Python for Web Development38:21

    Master the basics of Python for web development, from environment setup and printing to variables, functions, lists, dictionaries, if statements, and a Flask app with templates and forms.

  • WEB GAMES21:35

    Learn full stack web game development with HTML, CSS, JavaScript, and canvas for browser-based games. Set up front-end and back-end folders and add real-time multiplayer with Node.js and Socket.io.

  • Basic Web game Dev using JS as Logic31:58

    Build a basic web game with JavaScript logic using index.html, style.css, and game.js; create a clickable moving box, track score, and run a 25-second game timer.

  • Basics of Python WEB GAMES & Simple Project38:13

    Explore Python web game basics with Flask and Django backends, real-time multiplayer via web sockets, and a tic tac toe project demonstrating front-end HTML/CSS/JS and a Python API.

  • Rock, Paper, Scissors (Web Version)38:13

    Build and deploy a rock paper scissors web game using Python and Flask in a stack workflow, with Visual Studio Code setup, templates, static files, and an interactive HTML/JS frontend.

  • Class Project 114:14

    Develop the tic tac toe backend JavaScript logic to power a dynamic game board, handle turns and moves, and process win or draw checks via a back-end API.

  • Class Project 214:23

    Build a live character counter app with an html/css/js front end and an express.js back end to persist the last text and enable real time updates.

  • Class Project 2 Part 211:50

    Create a node express backend for class project two part two, implementing server.js, static file serving, and post and get routes to store and fetch text on localhost:3000.

Requirements

  • No experience required

Description

Are you ready to build dynamic, interactive, and powerful web applications from scratch?

This comprehensive Udemy course will transform you into a highly skilled Full Stack Web Developer, covering everything from fundamental front-end design to robust back-end systems and database management. Whether you're a complete beginner or looking to solidify your existing knowledge, you'll gain the confidence to create professional-grade web applications and even dive into exciting web-based games!

What You'll Learn:

I. Front-End Development: Crafting Engaging User Experiences

  • HTML5: Master the foundational language of the web, structuring content with semantic tags and building accessible web pages.

  • CSS3: Design stunning and responsive user interfaces. Learn advanced techniques like Flexbox, Grid, transitions, transforms, and animations to bring your designs to life.

  • JavaScript: Become a JavaScript expert! Understand core concepts like data types, control flow, functions, objects, and asynchronous programming (callbacks, Promises, async/await). You'll master DOM manipulation for interactive elements and learn how to work with Web APIs.


II. Back-End Development: Building Powerful Server-Side Logic

  • Python: Get started with Python for back-end development. Learn its fundamentals and how to use it to create server-side applications. (Specifically, this course will introduce Python as a versatile language for backend logic, which can then be expanded upon with frameworks like Django or Flask in future learning.)

  • Node.js : Dive into the world of server-side JavaScript. Build robust RESTful APIs, handle requests and responses, implement routing, and manage middleware with Express.js.

  • MongoDB: Master NoSQL database management. Learn to store, retrieve, update, and delete data, and integrate MongoDB seamlessly with your Node.js applications.


III. Beyond Traditional Web Apps: Building Web-Based Games & Applications

  • Interactive Web Games: Apply your HTML, CSS, and JavaScript skills to develop engaging web-based games, understanding game logic and user interaction.

  • Practical Project: Build a variety of real-world applications throughout the course, solidifying your knowledge through hands-on projects.

By the end of this course, you will be able to:

  • Confidently build responsive and visually appealing user interfaces using HTML, CSS, and JavaScript.

  • Develop powerful and scalable back-end APIs with Node.js and Express.js.

  • Manage and interact with databases using MongoDB.

  • Integrate front-end and back-end components to create complete full stack applications.

  • Develop engaging web-based games and interactive applications.

  • Possess a strong portfolio of projects to showcase your skills to potential employers.

Who is this course for?

  • Anyone eager to learn front-end and back-end web development and build their own web applications and games.

Enroll now and start your journey to becoming a proficient Full Stack Web Developer!This course is meticulously designed with clear explanations, step-by-step guidance, and engaging exercises to ensure you grasp every concept. By the end, you'll not only have a strong theoretical understanding but also a robust portfolio of projects that demonstrate your ability to build, deploy, and maintain modern full-stack applications, ready to launch your career as a professional Full Stack Web Developer.

Generate Audio Overview

Who this course is for:

  • Anyone eager to learn front-end and back-end web development and build their own web applications and games.

Report abuse