HTML

Front-end web design

Learn to create web pages with HTML and CSS

MVCode Clubs

Create a Portfolio

We'll learn to use HTML and CSS by creating a portfolio for your student page

MVCode Clubs

Card Games

Create a digital version of a deck for your favorite card game!

MVCode Clubs

Pokedex Website

Make a pokedex website that will display imported data and an image from a spritesheet for a certain pokemon.

MVCode Clubs

Card Games - Upload your deck

use pictures to upload a deck of cards to the program

Created by jake wheaton about 1 year ago

Access Level: premium

Account: MVCode Clubs

Pokedex Website using HTML and Javascript

This is the third lesson in creating a Pokedex Website. It will focus on using HTML elements to change the Javascript code.

Created by aaronjau101 about 1 year ago

Access Level: premium

Account: MVCode Clubs

Pokedex Website using P5JS and Spritesheets

This is the second lesson in creating a Pokedex Website. It will focus on using P5JS with the pokemon data to display a sprite and information for a certain pokemon.

Created by aaronjau101 about 1 year ago

Access Level: premium

Account: MVCode Clubs

Pokedex Website using JQuery with CSV files

Learn how to use JQuery to load data from a CSV file and then display it on a website

Created by aaronjau101 about 1 year ago

Access Level: premium

Account: MVCode Clubs

Spritesheets and Animations

Learn to add animated Sprites to your javascript repos

Created by jamie about 1 year ago

Access Level: public

Account: MVCode Clubs

Putting Your Processingjs Games on an HTML Page

Take one of your processingjs repos and add them to an html page

Created by jamie over 1 year ago

Access Level: public

Account: MVCode Clubs

Embedding Scratch Projects on an HTML page

How to put your scratch games on a webpage

Created by jamie over 1 year ago

Access Level: premium

Account: MVCode Clubs

Personality Quiz

Make a personality quiz on a website to find out what kind of animal you are!

Created by slinkous over 1 year ago

Access Level: premium

Account: MVCode Clubs

Create a Gallery of your Projects

Practice your CSS by creating a project gallery of your JS and Scratch projects

Created by jamie over 1 year ago

Access Level: premium

Account: MVCode Clubs

Intro to Web Design: Let's Make a Portfolio - HTML

In this lesson we will learn to use HTML tags by making a rough outline of our portfolio page

Created by jamie over 1 year ago

Access Level: premium

Account: MVCode Clubs

Databases: Virtual Pet

Learn to use a database to store persistent data in your projects

Created by jamie over 1 year ago

Access Level: public

Account: MVCode Clubs

Putting your Processing.js Games on a Web Page

Tutorial on structuring a web project and at the end putting a pjs game in it.

Created by t doggo about 2 years ago

Access Level: public

Account: MVCode Clubs

Under construction

Here's an easy way to get loads of points really quickly at MV Code Club in Greenbrae, California

Created by evan about 3 years ago

Access Level: premium

Account: MVCode Clubs

HTML Earth Day Webpage

Create a webpage informing people of the importance of the Earth day movement

Created by jamie over 3 years ago

Access Level: public

Account: MVCode Clubs

Front-end Web Design 5: CSS Navigation Bar

Learn some CSS features by creating an interactive navigation bar

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 4: Creating your own Layout

Create some standard website features and learn some helpful CSS techniques

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 3: CSS Layouts

Learn to position and format your pages the way you want them

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 2: CSS Selectors

Learn to make your webpages more interesting by adding color and interactivity

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

Front-end Web Design 1: HTML

Build a simple webpage in html

Created by jamie over 3 years ago

Access Level: premium

Account: MVCode Clubs

HTML/CSS Custom Projects

A place to post screenshots for custom HTML/CSS projects

Created by aaron about 4 years ago

Access Level: public

Account: MVCode Clubs

Hack Session - Hack with HTML - CSS3 Animation

Hack a website's HTML code by adding a super cool rainbow animation.

Created by matie about 4 years ago

Access Level: public

Account: MVCode Clubs

Debug Session - Debug HTML with Chrome

Debug any website using Google Chrome's Inspect Element tool. Students will learn how to locally edit the HTML & CSS code live in the browser of any website. This is a good way to testing layouts and inspecting the code of a webpage.

Created by matie about 4 years ago

Access Level: public

Account: MVCode Clubs

HTML5 CODE OFF

This is a challenge that has a student write as much HTML code as they can in 20 minutes. Each item is worth points!

Created by matie over 4 years ago

Access Level: public

Account: MVCode Clubs

Build an image gallery - Part 1

In part 1, we setup the HTML.

Created by matie over 4 years ago

Access Level: public

Account: MVCode Clubs

Add a Favicon

Add a Favicon to your website

Created by matie over 4 years ago

Access Level: public

Account: MVCode Clubs