Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

html form demo #1

Open
wants to merge 2 commits into
base: Week-1
Choose a base branch
from
Open

html form demo #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
37e41ad
TPEO | Added Week 1 Curriculum
Causality-C Sep 19, 2022
c7897d6
html form demo
zshipchandler Sep 19, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 65 additions & 0 deletions Week_1/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
# Week 1: Setup, Tools, and Basic HTML

# Materials
- [Week 1 Backend Slides](https://docs.google.com/presentation/d/1FIdwfpNScTCGYxouDfl9vwz7twEQlyFttL12n_UVzn4/edit?usp=sharing)
- [Week 1 Frontend Slides](https://docs.google.com/presentation/d/1kFshHtUDc_a4WUUq85yJ_bSh2fh497uoB__xQiOarGQ/edit?usp=sharing)

# Homework # 1: HTML Resume
It's recruiting season and we're going to help you create a JSON file containing your resume! The goal of this homework assignment is to familiarize you with JSON. Please follow the instructions very carefully to ensure that your JSON’s schema is valid for future homework assignments.

It's recruiting season which means that you'll need a resume to show the world your skills and experiences. The goal of this homework assignmnet is to familiarize you with HTML.


## Instructions
Make sure you have a text editor installed (ie. vscode) on your machine before proceeding. Don't worry if you can't get the styling to look as we're going to build on top of this assignment with CSS next week.

1. Open your text editor of choice inside the homework directory.
2. Create a new file called `resume.html`.
3. Your resume should at least have the following properties
- Name
- Email
- Phone Number
- Education Section
- School
- Major
- Graduation Date
- Course Work
4. Here are some ideas on optional fields you can include
- Awards
- Skills and Tools
- Org Membership
- Work Experience
- Volunteering Experience
5. Save your HTML file and reflect on your masterpiece.

# HW # 2: Git Katas
It is now time to grow and sharpen your skills with Git! It's a very useful skill that is always better
to learn now versus later :)
Git Katas: https://github.com/eficode-academy/git-katas

## Instructions
To set up the Git Katas, follow the instructions on the README of the repo linked above.
Here are some general instructions for set up:
1. Once in the appropriate directory, clone the repo by typing "git clone https://github.com/praqma-training/git-katas.git"
into the terminal.
2. cd into git-katas
3. Choose and cd into the desired exercise
4. Once in the exercise directory run the set-up script by typing ". ./setup.sh" in the terminal.
5. Follow the instructions for the exercise to completion!

In class, we are planning to demo the "Basic Commits" and "Basic Staging" exercises. Please complete those if
you did not make it to class and on your own complete (at least) the following exercises (feel free to do more!):
- Basic Branching
- Basic Revert
- Merge Conflict

# Additional Resources
- [HTML Tags Cheat Sheet ](https://html.com/wp-content/uploads/html5_cheat_sheet_tags.png)
- [HTML in 1 Hour Video](https://www.youtube.com/watch?v=iphTU2NFZCI)
- [Git in 1 Hour](https://youtu.be/8JJ101D3knE)
- [Git Katas](https://github.com/eficode-academy/git-katas)
- [basic-commits](https://github.com/eficode-academy/git-katas/tree/master/basic-commits)
- [basic-staging](https://github.com/eficode-academy/git-katas/tree/master/basic-staging)
- [basic-branching](https://github.com/eficode-academy/git-katas/tree/master/basic-branching)
- [basic-revert](https://github.com/eficode-academy/git-katas/tree/master/basic-revert)
- [basic-merge-conflict](https://github.com/eficode-academy/git-katas/tree/master/merge-conflict)
Empty file added Week_1/homework/README.md
View file
Open in desktop
Empty file.
123 changes: 123 additions & 0 deletions Week_1/htmlFormDemo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Create Your Account</h1>
<hr>
<br>
<form>
<table cellspacing=20>
<tr>
<td>
<label>Name:</label>
</td>
<td>
<input>
</td>
</tr>
<tr>
<td>
<label>Username:</label>
</td>
<td>
<input>
</td>
</tr>
<tr>
<td>
<label>Password:</label>
</td>
<td>
<input type="password">
</td>
</tr>
<tr>
<td>
<label>Gender:</label>
</td>
<td>
<input type="radio" name="gender" >
<label>Male</label>
<input type="radio" name="gender">
<label>Female</label>
</td>
</tr>
<tr>
<td>
<label for="fname">Major:</label><br>
</td>
<td>
<input type="checkbox" id="CS">
<label> CS </label>
<input type="checkbox" id="Eng">
<label> Engineering</label>
<input type="checkbox" id="other">
<label> Other</label>
</td>
</tr>
<tr>
<td>
<label for="fname">Birthday:</label><br>

</td>
<td>
<input type="date">
</td>
</tr>
<tr>
<td>
<label for="fname">Email:</label><br>
</td>
<td>
<input type="email">
</td>
</tr>
<tr>
<td>
<label for="fname">Year:</label><br>

</td>
<td>
<select>
<option>Freshman</option>
<option>Sophmore</option>
<option>Junior</option>
<option>Senior</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="fname">Favorite Color:</label><br>

</td>
<td>
<input type="color">
</td>
</tr>
<tr>
<td>
<label for="fname">Comments:</label><br>

</td>
<td>
<textarea></textarea>
</td>
</tr>
<tr>
<td>
<button style="height:50px;width:150px">Submit</button>

</td>
</tr>
</table>

</form>

</body>
</html>