Learn the Web · Web Dev 2

Web development part 2 for Learn the Web.

Ottawa, Canada

Pinned Repositories

contact-form
Create a functional website contact form using Formspree as the message sender.
Language:HTML4 2 0304
curriculum
The weekly term overview of materials, exercises & assignments.
Language:CSS0 3 00
data-table
Create a chart of data using HTML table elements.
Language:HTML3 2 0293
events-calendar
Use HTML table elements to create a calendar of events.
1 2 0273
hot-grid-dle
Create a small layout using grids, hiding and showing units & position.
2 2 0196
html-writer
Write all the necessary HTML for the content in the Semantics Schemantics group activity.
1 2 0352
icons
Use CSS modules & Modulifier to create a very basic list with icons.
2 2 0300
making-responsive-grids
A step-by-step guide to making a responsive grid and the different pieces of code that are needed.
1 2 0196
responsive-photo-gallery
Combine together grids, modular type & CSS components to make a responsive photo gallery.
Language:HTML1 2 0106
saas-website
Code the SaaS website you designed in your Interaction Design course.
1 2 0204

Learn the Web · Web Dev 2's Repositories

ltw-webdev-2/contact-form
Create a functional website contact form using Formspree as the message sender.
Language:HTML4 2 0304
ltw-webdev-2/data-table
Create a chart of data using HTML table elements.
Language:HTML3 2 0293
ltw-webdev-2/hot-grid-dle
Create a small layout using grids, hiding and showing units & position.
2 2 0196
ltw-webdev-2/arrrgenes-treasure-tours
Fix colour contrast & colour blindness related problems on a piratey tourism website.
Language:CSS1 2 0137
ltw-webdev-2/events-calendar
Use HTML table elements to create a calendar of events.
1 2 0273
ltw-webdev-2/html-writer
Write all the necessary HTML for the content in the Semantics Schemantics group activity.
1 2 0352
ltw-webdev-2/making-responsive-grids
A step-by-step guide to making a responsive grid and the different pieces of code that are needed.
1 2 0196
ltw-webdev-2/saas-website
Code the SaaS website you designed in your Interaction Design course.
1 2 0204
ltw-webdev-2/using-a-type-system
A quick look at using a generated type system from Typografier in your website to simplify making responsive layouts.
1 2 0195
ltw-webdev-2/curriculum
The weekly term overview of materials, exercises & assignments.
Language:CSS0 3 00
ltw-webdev-2/.github
Web Dev 2 educational resources & course from Learn the Web.
1 0
ltw-webdev-2/accessibility-fixer-upper
Fix and debug all the accessibility problems found in this website.
Language:CSS268
ltw-webdev-2/basic-accessibility
A quick look at some basic additions to a website to make it more accessible.
2 0220
ltw-webdev-2/button-systems
Explore how to use and change the default set of buttons provided by Modulifier.
2 0188
ltw-webdev-2/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.
2 0
ltw-webdev-2/finding-grids
An exercise to help sketch and find grids within an already complete websites.
2 0
ltw-webdev-2/finding-patterns
Sketch the grids, type systems and modules onto some paper wireframes for practice.
2 0
ltw-webdev-2/grid-ception
Using the Gridifier system and embedding grids within grids to make more complex layouts.
2 0303
ltw-webdev-2/grid-layout
Create a grid-based, responsive layout using the Gridifier tool.
2 0312
ltw-webdev-2/just-your-type
A creative design project that demonstrates the skills learned so far using the Gridifier, Typographer & Modulifier.
2 2174
ltw-webdev-2/modular-nav
Create a modular navigation using the grid and type systems.
2 0293
ltw-webdev-2/more-than-just-datum
Create a prototype interface for a playground finder app using tables & forms.
2 0142
ltw-webdev-2/request-for-grade
Write up the reasons why your final project demonstrates everything learned this term.
2 0
ltw-webdev-2/responsive-image-section
Create a responsive section that has an image on it's left half.
310
ltw-webdev-2/saas-website-sketches
Show the teacher that you’ve started planning the code for your SaaS website.
2 0
ltw-webdev-2/section
Using the finalized HTML and basic CSS, complete the layout by adding Typografier & associated classes.
Language:HTML314
ltw-webdev-2/semantics-schemantics
A quick review exercise for HTML semantics before starting the term.
ltw-webdev-2/sketching-websites
Sketch the grids and type systems onto some paper wireframes for practice.
2 0
ltw-webdev-2/using-gridifier
A quick look at how using a generated grid from Gridifier in your website to simplify making responsive layouts.
2 0198
ltw-webdev-2/why-the-type-face
A quick activity practicing using the Typografier classes and determining which to use in what situation.
2 0