Level 1 - V School | Better Humans, Better Outcomes

Sign in Subscribe

Level 1

A collection of 33 posts

Static Website of Own Choosing

Static Websites

Static Website of Own Choosing

Make a website of your own choosing. It can be about any topic you want, can include 1 or more pages, and should follow some generic principles of good web design.

Terminal Practice

Terminal Practice

In this exercise you will be using most common terminal commands that you'll need in order to succeed in this class. The things you can do in the terminal are virtually endless, but we just want to focus on the most commonly used and basic. Every task in this assignment

Version Control

Git Catch-Up

We've already completed a bunch of exercises and projects up to this point, but we haven't been keeping a very good backup or log of them. Your task in this project is to complete the following: 1. Make sure everything you've done so far is organized according to the folder

CSS Wars: The Selector Awakens

CSS Wars: The Selector Awakens

In this exercise you will use several css selectors to restyle elements of this page. The HTML base is already written for you and is found below for you to copy into your project. Complete the following: 1. Select the body and give it a background color of #111111. 2.

Code Art School

Troubleshooting/Debugging

Code Art School

Styling code can be a tricky task, sometimes requiring some good ol' guess-and-check changes to the CSS. Fortunately, doing this with code is a lot less permanent than doing this with your artwork. Project Requirements Open the project web page in a new browser window. Your job is to change

Newsies

You are going to recreate the front page of a newspaper using block, inline and inline-block elements. Your newspaper should have: 1. A header with the name of your newspaper 2. A title for the front page article 3. A body with a story. 4. Several words in the body

Bare Bones HTML Page - now with Styles!

Bare Bones HTML Page - now with Styles!

Your task is to create a bare bones HTML page, and this time include a link to a stylesheet. You'll need to also create the stylesheet file so there are no broken links. Your page should include a title tag, a first-level header that says anything you want, and a

Grocery Store JS

Grocery Store JS

Write a program that has a shopper object. Include at least one property with each of the following data types as values to the properties: * String * Number * Boolean * Function (called a "method" when it's inside an object like this. Check out an example for help writing your own) In addition,

JavaScript Code Conventions and Best Practices

In JavaScript, having correct syntax means you're obeying the basic rules that allow JavaScript to be interpreted correctly. If you mess up and write incorrect syntax, your program will break. Code conventions are a little different than syntax though. Conventions are like the writing/style guides of programming languages. Most

Bare Bones HTML Page

Bare Bones HTML Page

Create a "Hello World" HTML page that includes the most bare-bones HTML skeleton. Double-click on the HTML file to open it in your browser. It should only show the words "Hello, world!" as text on the screen. If you can't remember what the basic pieces of an HTML document are,

Programming Principles

JavaScript Data Types & Function Arguments

JavaScript is made up of essentially two categories of data types with differing characteristics. Type 1: Primitive Data The primitive data types are: 1. Strings 2. Numbers 3. Booleans Primitive data types all share the characteristic of immutability, or the inability to be changed. All operations on primitive data types

MongoDB Overview

MongoDB Overview

A database is simply a storage mechanism for information. In the same way a warehouse stores physical inventory in rows, on shelves, in boxes, etc., a database stores data in it’s own organized way. The two types of database structures are relational (SQL) and non-relational (NoSQL). Relational vs. Non-Relational

Mighty Clicker

You are the mighty clicker! And you are going to build a website that allows you to....click things. Requirements: * Have two buttons on the screen, one red and one blue. * Above or below the button should be some text with a "score" in it. Start each of these scores

React Name Badge

React Name Badge

Using React create a website that looks/works like this: Requirements: * The user should be able to enter their information in the badge fields. * Upon submit, the badge fields should be cleared, and a new badge should be displayed below the badge form. * Each time the user submits a badge,

Angular ng-model

Angular ng-model

Create a simple Angular website. It should have 3 ng-model input elements and 3 two-way data-bound elements using the {{ nameOfVariable }} syntax. ("2-way data binding" is where the HTML text updates in sync with my typing in the input box. When you start typing in the input boxes, the corresponding elements

Debugging

If you want to jump straight to the debugging checklist, click here. Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it. - Brian Kernighan and P.

Silly CIA Part 1

Silly CIA Part 1

Instructions This article comes from theonion.com. Your goal is to write the appropriate HTML to make it look like the following: Here's the text of the page you need to add (so you don't need to type it all out manually): CIA Realizes It's Been Using Black Highlighters All

Your First Repo

You are going to set up your first repository on your machine and on Github, and then you are going to push up the framework for your homework this week. Requirements * On Github, create a new Repository entitled git-practice * On your local machine, create an folder called git-practice. Inside of

Hello, Class!

var sayHello = function(){ console.log("hello class") } Tasks Level One * call the function * change this function expression to a function declaration Tasks Level Two * Give the function a name parameter * Pass the function call a string (preferably a name) as an argument. * Return a cool string, like: "Hello Fred!"! Tasks

Warmup - Snoozed

Warmup - Snoozed

We want to program our alarm clock according to our schedule. In this exercise, we will create a function that has a parameter for weekdays and another for holidays. Both arguments, to be passed in, will be booleans. This function should know when we should sleep in, returning true. Example:

Warmup - Unique Name

Part One Define a function in JavaScript named addUniqueName that has two parameters - one called name of type String and the other called names of type Array. The function will take the name and add it to the names array only if that name is not already in the

Warmup - Print Date

Warmup - Print Date

Write a JavaScript program to display the current day and time. The format that prints to the console should look similar to this: Today is: Friday Current time is: 4:52:40 PM All that matters is the end result. No matter what day you run this program, it should

Objects

Objects are collections of properties and values. { name: 'Tommy Boy', age: 26, weight: 306, friends: ['Richard', 'Michelle'] } var person = { fullName: 'Tommy Boy', age: 26, weight: 306, friends: ['Richard', 'Michelle'] }; // Two ways to access the data at a object's property: console.log(person.age); console.log(person['age']); Objects vs Arrays

Arrays

Arrays are a data structure we can use to collect together multiple other pieces of data. Essentially, it's like a box that holds things inside in a specified order. Creating an array Arrays are created simply by surrounding the pieces of data you want in the array with square brackets

Mom's Shopping List

Web Applications

Mom's Shopping List

Your mom is frustrated by her propensity to lose slips of paper with writing on them, specifically her shopping lists. She knows that you're a really smart web developer and assumes that you can easily make her a website to keep track of her shopping list. Project Requirements Overview Using