HTML

Front-end web design

Learn to create web pages with HTML and CSS

MVCode

Create a Portfolio

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

MVCode

Pokedex Website

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

MVCode

Fish Tank Challenge

Make your own fish tank!

Created by slinkous about 1 year ago

Access Level: public

Account: MVCode

Side Scroll Adventure: The Alternate Ending

Convert your Sidescroller game to share with the world!

Created by slinkous about 1 year ago

Access Level: premium

Account: MVCode

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 2 years ago

Access Level: premium

Account: MVCode

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 2 years ago

Access Level: premium

Account: MVCode

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 2 years ago

Access Level: premium

Account: MVCode

Spritesheets and Animations

Learn to add animated Sprites to your javascript repos

Created by jamie over 2 years ago

Access Level: public

Account: MVCode

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 2 years ago

Access Level: public

Account: MVCode

Embedding Scratch Projects on an HTML page

How to put your scratch games on a webpage

Created by jamie over 2 years ago

Access Level: premium

Account: MVCode

Personality Quiz

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

Created by slinkous over 2 years ago

Access Level: premium

Account: MVCode

Create a Gallery of your Projects

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

Created by jamie over 2 years ago

Access Level: premium

Account: MVCode

Intro to CSS

Start with some basic CSS to add colors and formatting to your page

Created by jamie over 2 years ago

Access Level: premium

Account: MVCode

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 almost 3 years ago

Access Level: premium

Account: MVCode

Databases: Virtual Pet

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

Created by jamie almost 3 years ago

Access Level: public

Account: MVCode

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 over 3 years ago

Access Level: public

Account: MVCode

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 4 years ago

Access Level: premium

Account: MVCode

HTML Earth Day Webpage

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

Created by jamie almost 5 years ago

Access Level: public

Account: MVCode

Front-end Web Design 5: CSS Navigation Bar

Learn some CSS features by creating an interactive navigation bar

Created by jamie almost 5 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 4: Creating your own Layout

Create some standard website features and learn some helpful CSS techniques

Created by jamie almost 5 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 3: CSS Layouts

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

Created by jamie almost 5 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 2: CSS Selectors

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

Created by jamie almost 5 years ago

Access Level: premium

Account: MVCode

Front-end Web Design 1: HTML

Build a simple webpage in html

Created by jamie almost 5 years ago

Access Level: premium

Account: MVCode

HTML/CSS Custom Projects

A place to post screenshots for custom HTML/CSS projects

Created by aaron over 5 years ago

Access Level: public

Account: MVCode

Hack Session - Hack with HTML - CSS3 Animation

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

Created by matie over 5 years ago

Access Level: public

Account: MVCode

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 over 5 years ago

Access Level: public

Account: MVCode

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 5 years ago

Access Level: public

Account: MVCode