
Explore how web applications are built and work under the hood, from front end to back end, ci/cd, databases, and data transfer, for project managers and business analysts.
Explore the end-to-end web application stack for IT business analysts and project managers, covering frontend HTML, CSS, JavaScript, back-end Node.js, databases, architecture, QA automation, APIs, hosting, git, and ci cd.
Explore how web applications work from user access and browser requests to frontend rendering with HTML, CSS, and JavaScript, backend logic, and database interactions, illustrated with real-world examples.
Explore how browsers display data by exchanging requests and responses with a web server, and how front end, back end, and database power a web application.
Explore the front end in practice and theory, covering HTML, CSS, and JavaScript, their core entities, and popular frameworks like React, Angular, and Vue.js.
Understand the frontend as the visible interface with HTML, CSS, and JavaScript that enables dynamic features like product lists, search bars, and accordions.
Explore what HTML means as the standard markup language for web browsers, defining content and structure, and learn how browsers follow a single markup standard.
Explore the HTML structure of a web page, from the doctype and html root to head and body, using tags like div, p, and h1–h3 to organize content and metadata.
Explore how to add inline styles in HTML with the style attribute and compare to external CSS files, highlighting CSS’s single source of truth, centralized styling, responsiveness, and maintainability.
Connect a css file to HTML by adding a link tag in the head with rel='stylesheet' and href to the CSS file, then inspect styles in devtools.
Explore the structure of a css file, including selector blocks and property declarations, and learn tag, class, and id selectors with practical examples like body margins and color styles.
Learn how responsive design uses CSS media queries to apply styles for different screen sizes, including conditions like less than 1250 pixels.
Discover how scss and sass extend css with a flexible syntax and nested selectors for scalable styling in large applications, while ultimately exporting to css.
Explore how JavaScript transforms static HTML into dynamic web content, enabling features like shopping cart updates, animations, and backend scripting with Node.js.
Connect JavaScript to web pages with inline script tags or external .js files. Learn inline JavaScript inside HTML and linking scripts in the head, with a preference for external files.
Explore how JavaScript accesses HTML elements and CSS styles through the Document Object Model, and view the web page as a tree of nested tags revealed by DevTools.
Learn to select and navigate the document object model with JavaScript using getElementById and querySelector, inspect elements in DevTools, and interact with elements like the sign-in button.
Learn to modify the document object model with JavaScript by selecting elements, updating innerHTML, and changing styles to reflect states like red or yellow checkout buttons.
Explore the core JavaScript entities—variables, objects, arrays, functions, and classes—through simple examples, including using the console for debugging, updating HTML elements by id, and organizing code for scalability.
Explore how to fetch data with JavaScript, sending requests to backend endpoints, handling responses, and rendering an array of post objects with fields like user id, id, title, and body.
Explore what JSON stands for and why it is a common data transfer format. Learn how JSON relates to JavaScript objects and its role as a standard for data exchange.
Explore how local storage saves temporary data in the browser using setItem, retrieves it with a console log, and supports reuse of results without extra server requests.
Learn how JavaScript events enable listening and reacting to user actions, from default events like click to custom events, and see how firing events updates the shopping cart product list.
Discover front end frameworks like React, Angular, and Vue, and learn why frameworks speed development with prebuilt functions, safer code, and strong documentation.
Compare popular front-end frameworks React, Angular, and Vue.js, and learn their differences in reliability, scalability, and suitable use for large enterprise apps versus smaller projects.
Explore a practice example with Vue to see how the v-model directive binds input to display output and why frameworks make the same task far shorter.
Discover how the front end, the visual part of a web page, uses HTML, CSS, and JavaScript to build and modify content, with frameworks like React, Angular, and Vue.
Explore backend essentials for IT business analysts and project managers, including why we need backend, NodeJS, relational and non-relational databases, endpoints, crud, and monolith versus microservices.
Explain how the backend runs on the server side, handling logic like creating users and validating orders, pulling data from database, with token-based authentication and JSON responses to the frontend.
Explore popular backend languages and frameworks, including PHP, Python, Microsoft.net, JavaScript, Laravel, Node.js, and Django. PHP is old, Python is the newest, and JavaScript supports backend development for full-stack learning.
Explore the basics of relational and non-relational databases, including MySQL, PostgreSQL, and MongoDB, and compare data stored in tables with object-like key-value stores.
Explore how to create and test NodeJS endpoints, implement CRUD operations, and connect to a real database to understand backend workflows and data exchange between front end and back end.
Compare monolith and microservices architectures for a web application that handles flight tickets, contrasting a single integrated monolith with independently interacting services like bookings and payments.
Identify the backend's role in application logic and endpoints, explain how endpoints trigger backend scripts to push or pull data, and compare monolith and microservices architectures alongside CRUD concepts.
Explore manual and automation quality assurance to ensure software meets requirements, with puppeteer on Node.js illustrating automated testing, and evaluate when automation is worth the investment for a project.
Enhance quality assurance by verifying that functionality works as expected, whether manual or automated, and explore automation through frameworks such as Puppeteer in Node.js.
Define api and rest api, focusing on http-based interactions for web and mobile apps. Review api documentation and stripe as a payment integration example to assess feasibility and third-party integration.
See how data flows between client, server, and a third-party api during typical integrations. Learn how a security token authenticates requests to the api and enables secure, token-based communication.
Explore how an API serves as an interface that enables apps to interact, and how REST API standardizes this integration when using features from other applications.
Compare cloud, vps, shared hosting, and on premise options for running applications. Understand security, cost, and scalability implications for information technology projects.
Compare on-premise responsibilities for physical machines, server setup, maintenance, and licenses with hosting and cloud models that rent virtual machines and scale resources for secure, scalable, and sustainable applications.
Learn how git, a version control system, tracks changes and manages file snapshots. Clone repositories, create branches, make code changes, and roll back with collaboration across teams.
Learn to clone a git repository, create and switch branches, push changes, and track commits for safe merges to the main branch.
Explore how git, the industry standard for version control, uses branches as folders of code snapshots and commits that developers push to branches to preserve snapshots.
Understand ci/cd, including continuous integration and continuous deployment, and how teams merge features and deploy to production while preventing breaks and minimizing human error.
Explain the difference between continuous integration and continuous deployment, showing how CI handles code integration and tests, while CD automates deployment to servers with automated workflows.
Explore how CI/CD (continuous integration and continuous deployment) guides feature development, integration, and deployment to servers, and why no solution fits all cases; DevOps tailors a flow for each case.
Understand how users interact with web applications through the browser, where the front end requests back end services and databases, including third-party APIs, hosted on shared hosting or cloud servers.
Unlock the knowledge of web application development with the comprehensive online course, tailored specifically for non-technical individuals. This course is your key to understanding how web applications are created and how they operate, all explained in straightforward, jargon-free language.
The curriculum is crafted to ensure you grasp complex concepts through clear, straightforward explanations and numerous practical examples. By the time you complete this course, you'll have a solid understanding of how websites work, what happens when you open a browser, how websites are generated, and how data is transferred across the internet.
We will guide you through the essential components of web development, covering:
Frontend Development: Learn how the visual and interactive aspects of websites are created.
Backend Development: Understand the server-side processes that power web applications.
CI/CD (Continuous Integration and Continuous Deployment): Discover how modern development practices ensure reliable and efficient software delivery.
GIT: Get acquainted with version control and collaboration using GIT.
Architectural Approaches: Explore different methods of structuring web applications for scalability and maintainability.
Cloud, VPS, and On-Premise Solutions: Compare and contrast various hosting environments.
API (Application Programming Interface): Learn how different software systems communicate and interact with each other.
Quality Assurance: Understand the importance of testing and ensuring the quality and reliability of web applications.
By the end of this course, you'll not only understand the technical side of web applications but also gain the confidence to discuss and work on web-related projects.
Join the course and feel free to leave your questions, happy to answer!