Before you keep reading...

Runestone Academy can only continue if we get support from individuals like you. As a student you are well aware of the high cost of textbooks. Our mission is to provide great books to you for free, but we ask that you consider a $10 donation, more if you can or less if $10 is a burden.

Support Runestone Academy Today

Before you keep reading...

Making great stuff takes time and $$. If you appreciate the book you are reading now and want to keep quality materials free for other students please consider a donation to Runestone Academy. We ask that you consider a $10 donation, but if you can give more thats great, if $10 is too much for your budget we would be happy with whatever you can afford as a show of support.

Support Runestone Academy Today

Fundamentals of Web Programming

Project List

	Project	Skills Required	Learning Goal
1	A Quick Poll and Example of What you will be able to do	An Open Mind	Inspiration
2	Wayback Websites	HTML Basics	Practice writing HTML from scratch

• Assignments

• Preface
  • The Content and Structure of this Book
  • Learning Zones

• 1. The World Wide Web
  • 1.1. Introduction
  • 1.2. History
  • 1.3. The Technology of the Web
    • 1.3.1. An HTTP Request
    • 1.3.2. An HTTP Response
  • 1.4. Exercises
• 2. HTML Basics
  • 2.1. The HyperText Markup Language
    • 2.1.1. My First Heading
  • 2.2. Basic HTML Tags
    • 2.2.1. Headings
    • 2.2.2. Paragraphs
    • 2.2.3. Images
    • 2.2.4. Links
    • 2.2.5. Simple Text Formatting
  • 2.3. Advanced HTML Tags
    • 2.3.1. Unordered Lists
    • 2.3.2. Ordered Lists
    • 2.3.3. Description Lists
    • 2.3.4. Nesting Lists
    • 2.3.5. Tables
    • 2.3.6. Audio
    • 2.3.7. Video
    • 2.3.8. IFrames
  • 2.4. Semantic HTML Tags
  • 2.5. Exercises
  • 2.6. HTML Quiz
• 3. Publishing in the Cloud
  • 3.1. Publishing a web page in the Cloud
  • 3.2. Exercises
• 4. Cascading Style Sheets
  • 4.1. Introduction to CSS
    • 4.1.1. CSS Syntax
    • 4.1.2. Including CSS in Your Page
    • 4.1.3. Cascading
  • 4.2. Changing the Style of an HTML Element
    • 4.2.1. Background
    • 4.2.2. Text
    • 4.2.3. Font
  • 4.3. More on Matching
    • 4.3.1. Matching multiple tags
    • 4.3.2. Using an id attribute in a rule
    • 4.3.3. Using the class attribute in a rule
    • 4.3.4. Matching Children
  • 4.4. Quiz Two
  • 4.5. Changing your page layout
    • 4.5.1. The CSS Box Model
    • 4.5.2. Display
    • 4.5.3. Floating
    • 4.5.4. Positioning
    • 4.5.5. Absolute
    • 4.5.6. Full Page Layout
  • 4.6. Positioning Quiz
  • 4.7. CSS Tricks
    • 4.7.1. Hover
    • 4.7.2. Animation
  • 4.8. The Dropdown Menu Project
    • 4.8.1. Step One
    • 4.8.2. Step Two
    • 4.8.3. Step Three
    • 4.8.4. Step Four
    • 4.8.5. Step Five
  • 4.9. Grid Layout
  • 4.10. CSS Exercises
• 5. Javascript
  • 5.1. The Javascript Programming Language
  • 5.2. Objects Attributes and Methods
  • 5.3. HTML Elements for Interaction
    • 5.3.1. Button
    • 5.3.2. The Input Tag
    • 5.3.3. Text Input
    • 5.3.4. Password
    • 5.3.5. Checkbox
    • 5.3.6. Radio
    • 5.3.7. Color
    • 5.3.8. Range
    • 5.3.9. Date Stuff
    • 5.3.10. Drop Down Menus
  • 5.4. Javascript Quiz
  • 5.5. Javascript Events
    • 5.5.1. Events Used in this Section
  • 5.6. Creating Elements on the Fly
    • 5.6.1. Which Button?
    • 5.6.2. Attaching Events
  • 5.7. Iteration
  • 5.8. Selection
  • 5.9. Guessing Game
  • 5.10. Helper Objects
    • 5.10.1. Array
    • 5.10.2. String
  • 5.11. Asynchronous Programming
    • 5.11.1. Promises
    • 5.11.2. Async / Await
    • 5.11.3. Promises in Depth
  • 5.12. Javascript Exercises
  • 5.13. Javascript Final Quiz
    • 5.13.1. Programming Question
• 6. Dynamic Web Applications
  • 6.1. Modern Web Application Architecture
    • 6.1.1. CGI Stack
    • 6.1.2. LAMP Stack
    • 6.1.3. MEAN / MERN Stack
    • 6.1.4. Becoming a Full Stack developer
  • 6.2. A trip to the SPA
  • 6.3. First Shopping List Prototype
  • 6.4. Model View Controller
  • 6.5. The Publish and Subscribe Design Pattern
  • 6.6. Our Second Prototype
    • 6.6.1. Model Code
    • 6.6.2. View Code
    • 6.6.3. Controller Code
  • 6.7. Serializing and LocalStorage
    • 6.7.1. Using JavaScript Object Notation (JSON)
    • 6.7.2. Using the localStorage Object
  • 6.8. Prototype 3 Storing the List in the Browser
  • 6.9. Exercises
• 7. Advanced Javascript
  • 7.1. Javascript Prototypes
    • 7.1.1. Object Creation
    • 7.1.2. Exercise
  • 7.2. Interacting with Other Services
    • 7.2.1. Query String Parameters
    • 7.2.2. Javascript Object Notation (JSON)
  • 7.3. Exercises
• 8. Web Application Programmer Interfaces (APIs)
  • 8.1. Using Web APIs in your Application
  • 8.2. Implementing a Web API
  • 8.3. A RESTful API
  • 8.4. Prototype 4 - Storing our List on a Server
  • 8.5. Exercises
• 9. Common Gateway Interface
  • 9.1. Server Side Programming
  • 9.2. Processing user Input
    • 9.2.1. Combining into One File
  • 9.3. Cookies
  • 9.4. Exercises
• 10. The Flask Framework
  • 10.1. Toward Modern Web Development
    • 10.1.1. Templates
    • 10.1.2. Databases
    • 10.1.3. Forms Processing
    • 10.1.4. Flask
  • 10.2. Quickstart
    • 10.2.1. A Minimal Application
    • 10.2.2. What to do if the Server does not Start
    • 10.2.3. Debug Mode
  • 10.3. Routing
    • 10.3.1. Variable Rules
    • 10.3.2. Unique URLs / Redirection Behavior
    • 10.3.3. URL Building
    • 10.3.4. HTTP Methods
  • 10.4. Static Files
  • 10.5. Rendering Templates
  • 10.6. Accessing Request Data
    • 10.6.1. Context Locals
    • 10.6.2. The Request Object
    • 10.6.3. File Uploads
    • 10.6.4. Cookies
  • 10.7. Redirects and Errors
  • 10.8. About Responses
    • 10.8.1. APIs with JSON
  • 10.9. Sessions
  • 10.10. Message Flashing
  • 10.11. Logging
  • 10.12. Templates in Depth
    • 10.12.1. Jinja Setup
    • 10.12.2. Standard Context
    • 10.12.3. Standard Filters
    • 10.12.4. Controlling Autoescaping
    • 10.12.5. Registering Filters
    • 10.12.6. Context Processors
  • 10.13. Exercises
• 11. Introduction to SQL
  • 11.1. Exploring Bike Rental Data with SQL
    • 11.1.1. Query Language
  • 11.2. Getting Started with the Bike Data
    • 11.2.1. Verify access to the dataset
  • 11.3. Filtering
    • 11.3.1. Practice Exercises
  • 11.4. Sorting
    • 11.4.1. Practice Exercises
  • 11.5. Aggregation or Group By
    • 11.5.1. Practice Exercises
  • 11.6. Joining
    • 11.6.1. Practice Exercises
  • 11.7. Accessing Databases from Python
    • 11.7.1. The Basics
  • 11.8. Object Relational Mapping with SQLAlchemy
  • 11.9. Exercises
• 12. Framework Development
  • 12.1. Behind the scenes in Flask
  • 12.2. Python Decorators
  • 12.3. Deploying a Server in the Cloud
  • 12.4. Web Server Gateway Interface
    • 12.4.1. The Application Callable
  • 12.5. Template Engines
    • 12.5.1. Loops in Templates
    • 12.5.2. Conditionals in Templates
    • 12.5.3. Template Inheritance
    • 12.5.4. Templates in Flask
  • 12.6. Persistent Data and Databases
    • 12.6.1. Data Modeling
    • 12.6.2. The Physical Database
  • 12.7. Exercises
• 13. Projects

Fundamentals of Web Programming by Brad Miller is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

You have attempted of activities on this page