ltw-webdev-2 Goto Github PK

repos: 44.0 gists: 0.0

Name: Learn the Web · Web Dev 2

Type: Organization

Bio: Web development part 2 for Learn the Web.

Location: Ottawa, Canada

Blog: https://learntheweb.courses/courses/web-dev-2/

Learn the Web · Web Dev 2's Projects

.github

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

accessibility-fixer-upper

Fix and debug all the accessibility problems found in this website.

arrrgenes-treasure-tours

Fix colour contrast & colour blindness related problems on a piratey tourism website.

banner

Use a type system with a little bit of CSS to create a banner.

basic-accessibility

A quick look at some basic additions to a website to make it more accessible.

button-systems

Explore how to use and change the default set of buttons provided by Modulifier.

contact-form

Create a functional website contact form using Formspree as the message sender.

content-page

Using a big chunk of content and Typografier, design the content to it looks properly formatted.

curriculum

The weekly term overview of materials, exercises & assignments.

data-table

Create a chart of data using HTML table elements.

embed-containers

A quick, simple assignment to get practice using embed containers.

events-calendar

Use HTML table elements to create a calendar of events.

finding-and-grouping-fields

An in-class activity to help get used to the different types of form fields available and how they should be grouped together.

finding-grids

An exercise to help sketch and find grids within an already complete websites.

finding-patterns

Sketch the grids, type systems and modules onto some paper wireframes for practice.

grid-ception

Using the Gridifier system and embedding grids within grids to make more complex layouts.

grid-layout

Create a grid-based, responsive layout using the Gridifier tool.

hot-grid-dle

Create a small layout using grids, hiding and showing units & position.

html-writer

Write all the necessary HTML for the content in the Semantics Schemantics group activity.

icon-cards

Combine together grids, modular type & CSS components to make a series of link cards with icons.

icon-navigation

Combine together grids, modular type & CSS components to make a responsive navigation with icons.

icons

Use CSS modules & Modulifier to create a very basic list with icons.

just-your-type

A creative design project that demonstrates the skills learned so far using the Gridifier, Typographer & Modulifier.

list-groups

A small, super simple exercise to get practice using list groups.

lists-n-grids

Create a list-based layout using grid and type systems.

making-responsive-grids

A step-by-step guide to making a responsive grid and the different pieces of code that are needed.

modular-nav

Create a modular navigation using the grid and type systems.

more-than-just-datum

Create a prototype interface for a playground finder app using tables & forms.

registration-form

Create a registration form using HTML’s form & input elements with functionality supplied by Formspree.

request-for-grade

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

ltw-webdev-2 Goto Github PK

Learn the Web · Web Dev 2's Projects

Recommend Projects

Recommend Topics

Recommend Org