Skip to content
@ltw-webdev-1

Learn the Web · Web Dev 1

Web development part 1 for Learn the Web.

Web Dev 1 · Learn the Web

Web development is the production of functional, interactive websites accomplished through the use of the HTML and CSS coding languages. Using video tutorials, step-by-step online lessons, and automation, students explore processes such as semantics and mobile-first architecture, and tools like cloud platforms and version control, in tandem with precise organization principles and current best practices.


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 Loading

  1. curriculum curriculum Public

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

    HTML

Repositories

Showing 10 of 46 repositories
  • curriculum Public

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

    ltw-webdev-1/curriculum’s past year of commit activity
    HTML 0 0 0 0 Updated Mar 12, 2024
  • .github Public

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

    ltw-webdev-1/.github’s past year of commit activity
    0 0 0 0 Updated Dec 4, 2022
  • call-to-action-banner Public

    Use CSS position along with float to create a call to action banner.

    ltw-webdev-1/call-to-action-banner’s past year of commit activity
    0 294 0 1 Updated Dec 4, 2022
  • columns-of-cards Public

    Use the CSS float property to create a column layout with four cards inside.

    ltw-webdev-1/columns-of-cards’s past year of commit activity
    0 288 0 1 Updated Dec 4, 2022
  • exploding-robot-head Public

    Use position relative & absolute to make this robot head explode when hovered.

    ltw-webdev-1/exploding-robot-head’s past year of commit activity
    HTML 1 269 0 2 Updated Dec 4, 2022
  • header-icons Public

    Use float to add navigation and two image icons to the header of a website.

    ltw-webdev-1/header-icons’s past year of commit activity
    1 334 0 0 Updated Dec 4, 2022
  • hero-banner Public

    Use CSS position to make a hero banner with text displayed in front of an image.

    ltw-webdev-1/hero-banner’s past year of commit activity
    0 327 0 0 Updated Dec 4, 2022
  • hide-show-responsively Public

    Use media queries and responsive design techniques to hide and show content on different screen sizes.

    ltw-webdev-1/hide-show-responsively’s past year of commit activity
    HTML 2 305 0 0 Updated Dec 4, 2022
  • horizontal-nav Public

    Make a horizontal navigation using the CSS flow and display properties.

    ltw-webdev-1/horizontal-nav’s past year of commit activity
    0 344 0 0 Updated Dec 4, 2022
  • image-grid Public

    Use float and media queries to make a grid of images responsive for different screen sizes.

    ltw-webdev-1/image-grid’s past year of commit activity
    HTML 0 284 0 0 Updated Dec 4, 2022

Top languages

Loading…

Most used topics

Loading…