A reading that explains what third-party libraries are, how to load them via CDN using script and link tags, and why CDN hosting is preferred over local files, giving learners the foundation to include any external library in a web project.
Topics
This module covers 7 topics. Open a topic to see its subtopics.
Module Content
16 items.
-
-
A reading covering jQuery's core concepts including its selector syntax, DOM traversal, element manipulation, and cross-browser compatibility, teaching learners how to read and modify page content with concise jQuery code.
-
A reading that explains how jQuery's event system works — attaching listeners for clicks, keystrokes, form submissions, and hover actions — so learners can make static HTML pages respond dynamically to user interactions.
-
A reading that explains Bootstrap's 12-column responsive grid system, including container types, rows, column classes, and breakpoints, enabling learners to build page layouts that adapt cleanly across different screen sizes.
-
A reading covering Bootstrap's pre-built UI components such as buttons, cards, navbars, modals, and utility classes, showing learners how to assemble polished, professional interfaces without writing extensive custom CSS.
-
A reading introducing Chart.js, explaining how to configure and embed interactive bar, line, pie, and other chart types into a webpage using a canvas element, so learners can present data visually in their projects.
-
A reading that walks through integrating Bootstrap, jQuery, and Chart.js together in a single cohesive web project, demonstrating how to structure HTML, coordinate library responsibilities, and avoid conflicts between tools.
-
A duplicate reading that walks through integrating Bootstrap, jQuery, and Chart.js together in a single cohesive web project, demonstrating how to structure HTML, coordinate library responsibilities, and avoid conflicts between tools.
-
A lesson page explaining why web developers rely on third-party libraries like jQuery, Bootstrap, and Chart.js and how to pull them into a project via CDN script and link tags, which learners read first to understand library loading, hosting choices, and version considerations before hands-on practice.
-
A reading that introduces jQuery's selector syntax and core DOM methods for finding elements and changing their content, attributes, styles, and visibility, used by learners to compare jQuery shortcuts with plain JavaScript and practice basic page manipulation.
-
A lesson on jQuery's event system, centered on the .on() method for handling clicks, form submissions, typing, and other user actions, which students use to connect user interactions to the DOM manipulation code they already know.
-
A tutorial on Bootstrap's 12-column responsive grid, covering containers, rows, column classes, and breakpoints so learners can build page layouts that rearrange themselves across different screen sizes.
-
A reference-style lesson on Bootstrap's pre-built UI components—navbars, buttons, modals, cards—and its utility classes for spacing, color, text, display, and flexbox, used by learners to style pages with class names instead of custom CSS.
-
An introduction to Chart.js that walks through adding the library via CDN, placing a canvas element, and writing a configuration object with chart type, labels, datasets, and options to render data visualizations in the browser.
-
A capstone lesson showing how jQuery, Bootstrap, and Chart.js work together in one realistic page, guiding learners through combining layout, DOM/AJAX scripting, and charting while managing script order and potential conflicts.
-
A single consolidated page compiling all six module topics—CDN integration, jQuery DOM and events, Bootstrap grid and components, Chart.js, and combining libraries—useful for reviewing or printing the full module in one place.