Skip to content
@ltw-webdev-4

Learn the Web · Web Dev 4

Web development part 4 for Learn the Web.

Web Dev 4 · Learn the Web

Design consistency in large websites is hard to achieve. Using visual design & code best practices, students build a cohesive library of common components, patterns, and styles. Small teams exchange pattern libraries and demonstrate the many components by creating full page template deliverables.


Learn the Web

Learning code doesn’t have to be confounding.

There are too many topics and too many tutorials online. It’s hard to figure you which are up-to-date and even harder to figure out what order to follow them.

Learn the Web, is a structured, curated, living guide to web development for graphic designers—presenting the information in a logical, targeted order that goes from a basic mobile-friendly webpage to a complex multi-screen interactive website.


Thomas J Bradley

I believe that everybody should perpetually learn, try, build, break, & fix things—the Open Web is the perfect platform for exactly that.

Pinned

  1. curriculum curriculum Public

    The weekly term materials, exercises & assignments for Algonquin Design’s Web Dev 4 course.

    HTML

Repositories

Showing 10 of 31 repositories
  • curriculum Public

    The weekly term materials, exercises & assignments for Algonquin Design’s Web Dev 4 course.

    HTML 0 0 0 0 Updated Mar 12, 2024
  • .github Public

    Web Dev 3 educational resources & course from Learn the Web.

    0 0 0 0 Updated Dec 4, 2022
  • responsive-banner Public

    Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.

    1 263 0 0 Updated Dec 4, 2022
  • ecommerce-ux Public

    Create all the stuff Jed would expect from you before starting to write any code.

    0 19 0 0 Updated Dec 4, 2022
  • geohub Public

    A small pattern library to help demonstrate the Patternbot include system.

    CSS 0 45 0 0 Updated Dec 4, 2022
  • request-for-grade Public

    Write up the reasons why your final project demonstrates everything learned this term.

    0 0 0 0 Updated Dec 4, 2022
  • designing-form-errors Public

    Write up code for accessible, well designed form error messages with a little Javascript to help.

    0 236 0 0 Updated Nov 11, 2022
  • ecommerce-checkout-form-page-template Public

    Create the checkout form page for your website by using your previously created patterns.

    0 0 0 0 Updated Nov 11, 2022
  • ecommerce-product-details-page-template Public

    Using another person’s pattern library create the product details page within the system they created.

    0 0 0 0 Updated Nov 11, 2022
  • finalizing-pattern-docs Public

    Finish all the rationales, all the fields, and refine all the documentation in preparation for handing the project off to another person.

    0 0 0 0 Updated Nov 11, 2022

Top languages

Loading…

Most used topics

Loading…