freeCodeCamp programming library
Use for long-form project tutorials in Python, JavaScript, data science, machine learning, and web development.
A standards-first web development course covering semantic HTML, modern CSS, JavaScript, accessibility, responsive design, browser APIs, forms, data fetching, testing, performance, and deployment.
A standards-first web development course covering semantic HTML, modern CSS, JavaScript, accessibility, responsive design, browser APIs, forms, data fetching, testing, performance, and deployment.
This track is organized as a mastery loop: source study, sequenced checks, Khan report evidence, then tutor handoff only when the data shows a real stuck point.
Use linked OER and companion sources before attempting checks.
Move through numbered PeerTutor problems without skipping failed gates.
Enter Khan report evidence and let the adaptive plan rank repair units.
Bring exact misses, notes, and one sharp question to a tutor.
The bank is intentionally mixed across facets and difficulty so high scores cannot come from one narrow question style.
Use these linked courses for video instruction and mastery practice, then return here for PeerTutor original checks and tutor help on the exact unit that got stuck.
External video content is linked or embedded through provider-hosted players, not copied. PeerTutor practice is original and cites each source path separately.
Watch the strongest public video path inside PeerTutor, then use the unit checks below to prove the student can actually do the work.
Use for long-form project tutorials in Python, JavaScript, data science, machine learning, and web development.
Use for programming, algorithms, memory, data structures, Python, SQL, and web section walkthroughs.
Khan Academy progress has to be entered from the student or tutor report. Khan does not provide a supported public progress API, so this mirror stores unit status locally and uses it to target PeerTutor checks.
Khan Academy does not provide a supported public progress API or external API keys. PeerTutor stores student-provided report evidence and maps it to original practice instead.
0 repair units and 5 practice units need attention before extension.
No Khan mirror data yet; this is a normal practice candidate, not a proven weakness.
Complete 12 sequenced checks and advance only after misses are corrected.
No Khan mirror data yet; this is a normal practice candidate, not a proven weakness.
Complete 12 sequenced checks and advance only after misses are corrected.
No Khan mirror data yet; this is a normal practice candidate, not a proven weakness.
Complete 12 sequenced checks and advance only after misses are corrected.
No Khan mirror data yet; this is a normal practice candidate, not a proven weakness.
Complete 12 sequenced checks and advance only after misses are corrected.
No Khan mirror data yet; this is a normal practice candidate, not a proven weakness.
Complete 12 sequenced checks and advance only after misses are corrected.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "How the web works and development setup", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "Semantic HTML and content structure", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "CSS foundations and layout", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "Responsive design and accessibility", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "JavaScript language and DOM", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "Forms, data, and browser APIs", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "Testing, debugging, performance, and security", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Rebuild the unit: do 12 PeerTutor checks, log every miss, then ask a tutor from the error log.
Khan evidence to mirror: percent/mastery for "Production portfolio project", missed skill, last activity date, and the next Khan item assigned by the teacher report.
Built for independent progress first, then tutor support where the student gets stuck.
Practice: Trace one page request from URL to rendered document and document a clean project setup.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Explain URLs, HTTP, DNS, browsers, servers, files, command line, editors, and version control.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Trace one page request from URL to rendered document and document a clean project setup.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Create a repeatable local workflow.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for How the web works and development setup runs once for each value 0 through 3. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "How the web works and development setup"?
Which practice artifact should you produce for "How the web works and development setup" before asking a tutor for help?
Which target best proves readiness for "How the web works and development setup"?
Which second target belongs to "How the web works and development setup"?
Practice: Build a multi-page content site and audit its outline, landmarks, links, and alternative text.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Use headings, landmarks, links, lists, tables, images, media, metadata, and meaningful document structure.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Build a multi-page content site and audit its outline, landmarks, links, and alternative text.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Choose elements by semantics, not appearance.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for Semantic HTML and content structure runs once for each value 0 through 4. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "Semantic HTML and content structure"?
Which practice artifact should you produce for "Semantic HTML and content structure" before asking a tutor for help?
Which target best proves readiness for "Semantic HTML and content structure"?
Which second target belongs to "Semantic HTML and content structure"?
Practice: Recreate a responsive layout at three widths and explain the sizing and layout constraints.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Use cascade, specificity, inheritance, box model, selectors, typography, color, Flexbox, and Grid.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Recreate a responsive layout at three widths and explain the sizing and layout constraints.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Build stable layouts without brittle positioning.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for CSS foundations and layout runs once for each value 0 through 5. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "CSS foundations and layout"?
Which practice artifact should you produce for "CSS foundations and layout" before asking a tutor for help?
Which target best proves readiness for "CSS foundations and layout"?
Which second target belongs to "CSS foundations and layout"?
Practice: Complete keyboard, screen-reader structure, contrast, zoom, and mobile audits and fix every failure.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Use fluid sizing, media queries, responsive media, focus order, keyboard access, labels, contrast, and reduced motion.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Complete keyboard, screen-reader structure, contrast, zoom, and mobile audits and fix every failure.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Test against common access needs.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for Responsive design and accessibility runs once for each value 0 through 6. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "Responsive design and accessibility"?
Which practice artifact should you produce for "Responsive design and accessibility" before asking a tutor for help?
Which target best proves readiness for "Responsive design and accessibility"?
Which second target belongs to "Responsive design and accessibility"?
Practice: Build an interactive component, trace every state transition, and test normal and edge cases.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Use values, control flow, functions, arrays, objects, modules, errors, and asynchronous code.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Build an interactive component, trace every state transition, and test normal and edge cases.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Handle DOM state and events with explicit inputs and outputs.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for JavaScript language and DOM runs once for each value 0 through 7. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "JavaScript language and DOM"?
Which practice artifact should you produce for "JavaScript language and DOM" before asking a tutor for help?
Which target best proves readiness for "JavaScript language and DOM"?
Which second target belongs to "JavaScript language and DOM"?
Practice: Create a data-driven form workflow with validation, API handling, and recoverable errors.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Build validated forms and use storage, fetch, JSON, URL, and selected browser APIs.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Create a data-driven form workflow with validation, API handling, and recoverable errors.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Handle loading, success, empty, and error states.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for Forms, data, and browser APIs runs once for each value 0 through 8. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "Forms, data, and browser APIs"?
Which practice artifact should you produce for "Forms, data, and browser APIs" before asking a tutor for help?
Which target best proves readiness for "Forms, data, and browser APIs"?
Which second target belongs to "Forms, data, and browser APIs"?
Practice: Profile and test a page, then submit a defect log with reproducible fixes and before/after evidence.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Use browser tools, automated tests, performance budgets, secure rendering, and dependency discipline.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Profile and test a page, then submit a defect log with reproducible fixes and before/after evidence.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Diagnose failures from evidence.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for Testing, debugging, performance, and security runs once for each value 0 through 9. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "Testing, debugging, performance, and security"?
Which practice artifact should you produce for "Testing, debugging, performance, and security" before asking a tutor for help?
Which target best proves readiness for "Testing, debugging, performance, and security"?
Which second target belongs to "Testing, debugging, performance, and security"?
Practice: Ship a production project with tests, audit results, source citations, and a concise technical retrospective.
Start with MDN Learn Web Development and JavaScript Guide. Take notes until you can explain: Plan, implement, review, deploy, and document a complete site.
Do the first sequenced checks until the definitions, vocabulary, and setup are correct without hints.
Produce the assignment artifact, then pass the application and analysis checks tied to: Ship a production project with tests, audit results, source citations, and a concise technical retrospective.
Any miss becomes an error-log entry, a clean redo, and one nearby transfer problem before advancing.
Bring your attempted work, the exact missed check, and one question about: Use accessibility, performance, responsive, and code-quality acceptance criteria.
Move in order: foundation, transfer, analysis, timed readiness, then metacognitive repair.
Start the next sequenced check: #1 Trace check. Do not jump ahead until this one is correct.
Weakest facet: Concept
A loop for Production portfolio project runs once for each value 0 through 10. How many times does it run?
Which implementation is easiest to test?
Which target best matches the Web Development unit "Production portfolio project"?
Which practice artifact should you produce for "Production portfolio project" before asking a tutor for help?
Which target best proves readiness for "Production portfolio project"?
Which second target belongs to "Production portfolio project"?
These are source links, not scraped course copies. Licenses differ, so the label tells students how each source is used.
View the full citation indexFree, self-paced front-end curriculum covering web standards, semantic HTML, CSS, JavaScript, accessibility, performance, and testing.
Open web documentation for JavaScript fundamentals and browser APIs.
Harvard CS50 sections and course materials for programming, algorithms, data structures, Python, SQL, and web foundations.
Long-form programming, computer science, data, math, and project tutorials from the freeCodeCamp nonprofit channel.