ltw-webdev-1 Goto Github PK

repos: 46.0 gists: 0.0

Name: Learn the Web · Web Dev 1

Type: Organization

Bio: Web development part 1 for Learn the Web.

Location: Ottawa, Canada

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

Learn the Web · Web Dev 1's Projects

.github

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

button-styles

A CSS code exercise looking at using multiple classes to create consistent styles.

call-to-action-banner

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

cards

Dig into the browser’s layout models to make a simple, flexible informational design.

cmon-do-the-sketchin

An activity to practice recognizing and drawing parts of a website including semantics and basic CSS.

columns-of-cards

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

confectionery-website-check-in

Show the teacher that you’ve planned out the content, done some quick sketches of the layout & have started coding.

confectionery-website-prototype

Create a wireframe/prototype for a confectionery website—showing what you learned this term.

confectionery-website-sketches

Show the teacher that you’ve started planning the code for your Confectionery website prototype.

content-semantics

Write the HTML code for the beets activity concentrating on semantics only.

css-validation-fixes

Work through all the validation errors, indentation problems, & file issues.

curriculum

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

dev-tools-modifier

An exercise learning how to use the developer tools by modifying an existing website.

dinosaur-designs

Assets for an in-class pair programming exercise that introduces CSS.

exploding-robot-head

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

family-lines

An activity to help reinforce indentation best practices & the understanding of parent-child relationships in HTML.

flexing-your-muscles

Follow this lesson to learn some flexbox techniques to apply to different layouts.

header-icons

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

hero-banner

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

hide-show-responsively

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

horizontal-nav

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

html-document-setup

Create a valid HTML document with all the right starter code.

html-validation-fixes

Sift through the files and code and fix all of the errors.

icon-group

Write the missing HTML for an icon group by figuring out what the already complete CSS wants to do.

image-grid

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

link-card

Making a card pattern that is completely clickable.

making-an-image-card

Use CSS position absolute and relative to make an image card.

masthead-semantics

Write out the semantically correct HTML elements for the masthead, navigation & banner of a website.

navigation-highlight

A code exercise to practice highlighting the current page in website navigation.

paper-plans

Practice sketching and planning responsive websites.

ltw-webdev-1 Goto Github PK

Learn the Web · Web Dev 1's Projects

Recommend Projects

Recommend Topics

Recommend Org