Skip to content

@ltw-webdev-4 Learn the Web · Web Dev 4

Change the repository type filter

All

    Repositories list

    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, 2024Mar 12, 2024

    • .github

      Public
      Web Dev 3 educational resources & course from Learn the Web.
      0•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • responsive-banner

      Public
      Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.
      263•1•0•0•Updated Dec 4, 2022Dec 4, 2022

    • ecommerce-ux

      Public
      Create all the stuff Jed would expect from you before starting to write any code.
      19•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • geohub

      Public
      A small pattern library to help demonstrate the Patternbot include system.
      CSS
      •45•0•0•0•Updated Dec 4, 2022Dec 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, 2022Dec 4, 2022

    • designing-form-errors

      Public
      Write up code for accessible, well designed form error messages with a little Javascript to help.
      236•1•0•0•Updated Nov 11, 2022Nov 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, 2022Nov 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, 2022Nov 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, 2022Nov 11, 2022

    • javascript-less-carousel

      Public
      Learn to implement a functional and reusable carousel without Javascript.
      193•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • piecing-jekyll-together

      Public
      Using paper-made Jekyll replicas, piece together multiple pages by using Jekyll-like functionality.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • surprise-ecommerce-page-1

      Public
      A surprise page to throw at the eCommerce website pattern libraries to see if everything has been nicely styled.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • surprise-ecommerce-page-2

      Public
      A surprise page to throw at the eCommerce website pattern libraries to see if everything has been nicely styled.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • using-css-variables

      Public
      Learn how to use CSS variables to make your CSS more easily understood and more maintainable.
      150•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • ecommerce-pattern-library

      Public
      A term-long project redesigning an ecommerce website focusing on making a pattern library.
      218•0•0•0•Updated Mar 12, 2021Mar 12, 2021

    • responsive-recipe-book

      Public
      Taking the recipe book from your previous Typography class and turn it into a responsive website.
      60•0•0•0•Updated Feb 2, 2020Feb 2, 2020

    • so-many-icons

      Public
      Create the icons sprite sheet for your eCommerce website and have it show up in the pattern library.
      0•0•0•0•Updated May 7, 2019May 7, 2019

    • finalized-pattern-library

      Public
      The final pattern library fully complete with all components, example pages & fantastic explanations.
      0•0•0•0•Updated Apr 4, 2019Apr 4, 2019

    • ecommerce-project-hand-off-and-documentation

      Public
      Work with your teammate to document & describe all the pieces necessary for creating the product details page.
      3•0•0•0•Updated Mar 26, 2019Mar 26, 2019

    • the-leftovers

      Public
      Finalize any remaining patterns so that making the pages in the coming weeks will be just copy-and-paste.
      0•0•0•0•Updated Feb 28, 2019Feb 28, 2019

    • navigations-sections

      Public
      Style all the different navigations and section styles you’ll need.
      1•0•0•0•Updated Feb 28, 2019Feb 28, 2019

    • ecommerce-homepage-template

      Public
      Create the homepage for your website by using your previously created patterns.
      0•0•0•0•Updated Feb 28, 2019Feb 28, 2019

    • ecommerce-product-list-page-template

      Public
      Create the produce list page for your website by using your previously created patterns.
      0•0•0•0•Updated Feb 28, 2019Feb 28, 2019

    • headers-footers

      Public
      Style the primary header/masthead & footer for your website.
      1•0•0•0•Updated Feb 28, 2019Feb 28, 2019

    • forms

      Public
      Style all the form inputs that will be needed for the eCommerce website.
      0•0•0•0•Updated Jan 25, 2019Jan 25, 2019

    • images-cards

      Public
      Create patterns for icons & images including things like banners, cards, images & captions, etc.
      0•0•0•0•Updated Jan 25, 2019Jan 25, 2019

    • buttons

      Public
      Write the CSS for all the different button styles in your eCommerce pattern library.
      1•0•0•0•Updated Jan 25, 2019Jan 25, 2019

    • typography-colours

      Public
      Style the basic typography, colours and generic HTML elements for the eCommerce pattern library.
      0•0•0•0•Updated Jan 20, 2019Jan 20, 2019

    • ecommerce-ux-inspiration

      Public
      Show inspriational websites, components, patterns, brands, etc. that are guiding your decisions.
      0•0•0•0•Updated Jan 18, 2018Jan 18, 2018