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.
      261•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.
      235•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.
      192•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.
      216•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.
      59•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
    ProTip! When viewing an organization's repositories, you can use the props. filter to filter by custom property.