Skip to content

HW2 #1

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

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

HW2 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
14 changes: 14 additions & 0 deletions About Me.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Jon Young | Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<header>
<h6>About Me</h6> <a href="">Portfolio</a>
<h1>Jon Young<h1>
</header>
</body>
</html>
40 changes: 40 additions & 0 deletions MyWebsite/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>

<html lang="en-US">
<head>
<title>Wayne Maynard | About Me</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>

<body>
<header>
<hr class="divider1"></hr>
<h3>About Me | <a href="portfolio.html">Portfolio</a></h3>
<h1>Wayne Maynard<h1>
<hr class="divider2"></hr>
</header>

<section>
<main class="aboutme">
<h2>Da best of da best!</h2>
<p>How many Americans does it take to screw in a lightbulb? Just me.</p>
</main>
<figure>
<img src="http://media.chicagomag.com//images/2007/June%202007/closer_hick.jpg?ver=1180460470" alt="Me, the American">
</figure>
</section>

<footer>
<hr class="divider2"></hr>
<nav>
<ul>
<li class="links"><a href="https://www.facebook.com/DonaldTrump/">Facebook</a></li>
<li class="links">><a href="https://twitter.com/GuyFieri">Twitter</a></li>
<li class="links">><a href="https://www.instagram.com/dalejr">Instagram</a></li>
</ul>
</nav>
<hr class="divider1"></hr>
</footer>

</body>
</html>
66 changes: 66 additions & 0 deletions MyWebsite/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>

<html lang="en-US">
<head>
<title>Wayne Maynard | Portfolio</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>

<body>

<header>
<hr class="divider1"></hr>
<nav>
<h3><a href="index.html">About Me</a> | Portfolio</h3>
</nav>
<h1>Wayne Maynard<h1>
<hr class="divider2"></hr>
</header>

<section>
<header>
<h2>Experience</h2>
<p>Built some fine lookin' websites! Yoohoo!</p>
</header>
<main>
<h3>Portfolio</h3>
<ul>
<li class="projectInfo">
<span class="job-title">Lead Developer,</span>
<a href="http://www.hamsterdance.org/hamsterdance/">Hamsterdance.org</a>
</span>
<p>The most visited site of 1997.</p>
<img class="projects" src="http://cdn0.dailydot.com/uploaded/images/original/2013/6/1/tumblr_mdqypg6Ta71rfvi3io1_500.gif" alt="Hampsterdance">
</li>
<li class="projectInfo">
<span class="job-title">Lead Developer,</span>
<a href="http://www.hamsterdance.org/hamsterdance/">Hamsterdance.org</a>
</span>
<p>The most visited site of 1997.</p>
<img class="projects" src="http://cdn0.dailydot.com/uploaded/images/original/2013/6/1/tumblr_mdqypg6Ta71rfvi3io1_500.gif" alt="Hampsterdance">
</li>
<li class="projectInfo">
<span class="job-title">Lead Developer,</span>
<a href="http://www.hamsterdance.org/hamsterdance/">Hamsterdance.org</a>
</span>
<p>The most visited site of 1997.</p>
<img class="projects" src="http://cdn0.dailydot.com/uploaded/images/original/2013/6/1/tumblr_mdqypg6Ta71rfvi3io1_500.gif" alt="Hampsterdance">
</li>
</ul>
</main>
</section>

<footer>
<hr class="divider2"></hr>
<nav>
<ul>
<li class="links">><a href="https://www.facebook.com/DonaldTrump/">Facebook</a></li>
<li class="links">><a href="https://twitter.com/GuyFieri">Twitter</a></li>
<li class="links">><a href="https://www.instagram.com/dalejr">Instagram</a></li>
</ul>
</nav>
<hr class="divider1"></hr>
</footer>

</body>
</html>
70 changes: 70 additions & 0 deletions MyWebsite/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
html {
font-family: monospace;
color: red;
}

body {
margin-right: 40px
margin-left: 40px;
}

section {
}

.aboutme {
padding: 40px;
margin-top: 25px;
width: 400px;
float: left;
}

figure {
margin-left: 550px;
overflow-x:hidden;
}

.projectInfo {
margin-bottom: 50px;
}

.projects {
margin-left: 75px;
}

footer {
clear: both;
text-align: center;
}

.links {
display: inline;
}

.divider1 {
border: 2px solid #000;
}

.divider2 {

}

h1 {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-size: 50px;
}

h2 {

}

h3 {
text-align: center;
}

p {

}

<!-- css properties (font-size, color, font-family, background, text-decoration) to these elements -->
194 changes: 194 additions & 0 deletions MyWebsite/untitled.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
1. The three ways to include css in html are:
a/ inline styling - ex: <p style "color:yellow">hi!</p>
b/ internal styling - ex: <style>p {color:yellow;}</style>
c/ extenral styling - ex: <link type="text/css" rel="stylesheet" href="style.css">

2. Classes act on a group of elements, whereas IDs only act on one.

3. Elements views and edits html and css on webpages.
Network shows how long it takes to download individual pieces of a webpage.
Console tests and runs a webpage's code [js].

4.

``` html
<!DOCTYPE html>
<html>
<head>
<!-- No h1 in head -->
<!-- Closing tags -->
<title>WDI HK June 2015</title>
<meta value="description" content="Web development immersive ">
</head>
<body>
<header>
<h1>Web Development Immersive</h1>
<h2>General Assembly: Autumn/Winter 2013</h2>
<nav>
<ul>
<li><a href="#program">Program</a></li>
<li><a href="#students">Students</a></li>
<li><a href="#concepts">Concepts</a></li>
<li><a href="#instructors">Instructors</a></li>
</ul>
</nav>
</header>

<section id="program">
<h3> The Program</h3>
<article>
<p>12 weeks of intensive web development training learning a range of programming techniques and languages.</p>
</article>
</section>

<section id="students">
<h3>The Students</h3>
<h5>The London WDI Session 3 Coding Collective</h5>
<article>
<p>We faced missing routes, broken links, aborted rake tasks, rejected mass-assignments, failed deployments, nilClasses, illegal nestings, conflicted merges, rougue debuggers, unexpected keyword ends, incomplete divs, unintentional infinite loops, uncooperative asset pipelines, empty migrations, unresponsive APIs, undefined defined methods, overly-sassy css, dirty data, faulty gems, terrible animated gifs, excessive pizza, punchy classmates, demanding instructors and long days. And we won!</p>
</article>
</section>

<section id="concepts">
<h3>The Concepts</h3>
<article>
<p>We were taught a lot of concepts. Over 12 weeks with three projects, one hackathon and not much sleep, we learned and practiced a full range of front- and back-end concepts. Take a look at some of what we covered... </p>
</article>

<ul>
<il>OOP</il>
<il>Agile Development</il>
<il>TDD</il>
<il>BDD</il>
<il>Ruby</il>
<il>Variables</il>
<il>Conditionals</il>
<il>Blocks</il>
<il>Enumerators</il>
<il>Strings, Symbols</il>
<il>Arrays, Hashes</il>
<il>Methods</il>
<il>Classes</il>
<il>Inheritance</il>
<il>Scope</il>
<il>Patterns</il>
<il>Refactoring</il>
</ul>

<ul>
<li>HTTP Requests</li>
<li>URL, URI</li>
<li>Networking</li>
<li>SSH</li>
<li>Sessions</li>
<li>Authentication</li>
<li>Authorization</li>
<li>Web Scraping</li>
<li>Cookies</li>
<li>HTTP APIs</li>
<li>RESTful APIs</li>
<li>HTTParty</li>
<li>Uploads</li>
<li>File I/O</li>
<li>Amazon S3 AWS</li>
<li>Sublime</li>
<li>Environment variables</li>
</ul>

<ul>
<ul>Version Control</ul>
<ul>Git and Github</ul>
<ul>Sinatra</ul>
<ul>Rails</ul>
<ul>MVC</ul>
<ul>Models</ul>
<ul>Views</ul>
<ul>Controllers</ul>
<ul>Routing</ul>
<ul>i18n</ul>
<ul>Helpers</ul>
<ul>Mailers</ul>
<ul>Serializers</ul>
<ul>Modules</ul>
<ul>Callbacks</ul>
<ul>Rake Tasks</ul>
<ul>Rails Console</ul>
</ul>

<ul>
<li>ActiveRecord</li>
<li>Migrations</li>
<li>Validations</li>
<li>Relational DBs</li>
<li>SQL</li>
<li>Joins</li>
<li>Includes</li>
<li>MongoDB</li>
<li>Redis</li>
<li>Query string</li>
<li>Deploying</li>
<li>Heroku</li>
<li>Mandrill</li>
<li>Twilio</li>
<li>Exceptions</li>
<li>Exception Handling</li>
<li>Logs</li>
</ul>

<ul>
<il>Cancan</il>
<il>Carrierwave</il>
<il>Bcrypt</il>
<il>Devise</il>
<il>Sidekiq</il>
<il>Textacular</il>
<il>Factory Girl</il>
<il>High Voltage</il>
<il>Rspec</il>
<il>Nokogiri</il>
<il>Acts as Draggable</il>
<il>Acts as Taggable</il>
<il>Will Paginate</il>
<il>Nested Forms</il>
<il>Geocoder</il>
<il>Jekyll</il>
<il>Better Errors</il>
</ul>

<ul>
<div>Javascript</div>
<div>jQuery</div>
<div>Coffeescript</div>
<div>JSON</div>
<div>AJAX</div>
<div>Ember</div>
<div>Jasmine</div>
<div>Underscore.js</div>
<div>Templates</div>
<div>Responsive design</div>
<div>HTML</div>
<div>HAML</div>
<div>Handlebars</div>
<div>ERB</div>
<div>CSS</div>
<div>SCSS, SASS</div>
<div>Bootstrap</div>
</ul>
</section>

<section id="instructors">
<h3>The Instructors</h3>
<h5>They taught us everything we know</h5>
<article>
<p>Well, let's be honest. They taught us a lot more than we know, but some of it didn't commit to memory. But we are hackers now, thanks to these four.</p>
</article>
</section>

<footer>
<p>Web Development Immersive Course Webpage</p>
<p>General Assembly London 2013</p>
</footer>
</body>
</html>

```