Skip to content

complete #6

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

complete #6

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
41 changes: 41 additions & 0 deletions AboutPage.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>

<head>
<title>Joe Johnson About Us</title>
<link rel="stylesheet" type="text/css" href="Homepage.css">
</head>

<body>

<hr>

<header>
<ul>
<li><a href="./AboutPage.html">About Me</a> |</li>
<li><a href="./Portfolio.html">Portfolio</a></li>
</ul>
<h1>JOE JOHNSON</h1>
</header>

<div class="container1">
<h3>
<img src="http://www.gannett-cdn.com/media/USATODAY/USATODAY/2013/01/21/01-21-2013-joe-johnson-x-large.jpg" width="200" height="200" align="right">
I ENJOY LIFE AS A DEVELOPER</h3>
<p>I'm Joe Johnson, a Developer based in NYC. I Have ten years of experience in the graphic design world, specializing in the creation of responsive websites. </p>

</div>

<div class="footer">

<li><a href="http://facebook.com">Facebook</a> |</li>
<li><a href="http://twitter.com">Twitter</a> |</li>
<li><a href="http://instagram.com">Instagram</a> |</li>
<li><a href="http://linkedin.com">LinkedIn</a> |</li>

</div>

<hr>

</body>
</html>
112 changes: 112 additions & 0 deletions Homepage.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
body {
margin: 40px 40px 0 40px;
}

hr {
width: 90%;
height: 5px;
background-color: black;
}

header {
font-family: arial;
text-align: center;
font-weight: bold;
padding-top: 10px;
margin: 40px 40px 0 40px;
}

.container1 {
margin: 0px 80px 80px 80px;
border-bottom: 1px solid black;
border-top: 1px solid black;
width: 80%;
padding-top: 20px;
padding-bottom: 100px;
line-height: 25px;
}

.experience {
margin: 0px 80px 0px 80px;
/* border-bottom: 1px solid black;*/
border-top: 1px solid black;
width: 80%;
padding-top: 5px;
line-height: 25px;
}

.portfolio {
margin: 20px 80px 10px 80px;
/* border-bottom: 1px solid black;*/
/* border-top: 1px solid black;*/
width: 80%;
padding-bottom: 40px;
line-height: 25px;
}

img {
float: right;
display: inline;
padding-left: 20px;
padding-bottom: 40px;
}

.image2 {
float: none;
}

/*h1 {
text-align: center;*/
}
h3 {
font-family: arial;
}

h4 {
font-family: arial;
font-size: 24px;
font-weight: bold;
}

h5 {
font-family: arial;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
p {
font-family: serif;
font-size: 18px;
width: 100%;
/* height: 180px;*/

}

ul {
font-family: serif;
font-size: 18px;
width: 100%;
}

li {
display: inline;
}

.help {
display: block;
list-style-type: disc;

}
.bold {
font-style: bold;
}

.footer {
font-family: arial;
text-align: center;
font-weight: bold;
padding-bottom: 20px;
margin-top: -50px;
/*padding: 20px;*/

}
47 changes: 47 additions & 0 deletions Portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<title>Joe Johnson Portfolio</title>
<link rel="stylesheet" type="text/css" href="Homepage.css">
</head>
<body>

<hr>

<header>
<ul>
<li><a href="./AboutPage.html">About Me</a> |</li>
<li><a href="./Portfolio.html">Portfolio</a></li>
</ul>
<h1>JOE JOHNSON</h1>
</header>

<div class="experience">
<h4>Experience</h4>

<p>I recently graduated from a Front-End Web Development course at General Assembly where I learned HTML, CSS, JavaScript, jQuery and how to be an awesome Front-End Web Developer! During my spare time, I enjoy senior water aerobics, pickling, and spending time with my goldfish, Jerry.</p>
</div>
<div class="portfolio">
<h5>PORTFOLIO</h5>
<ul>
<li class="help"><span class="bold">Web Developer,</span>Relaxr 2015 - present<br> Developed a multi-column layout blog, landing page, and contact forms that render on mobile devices.
<br><br>
<img class="image2" src="images/relaxr-deliverable.png">
</li>
<br>
<li class="help"><span class="bold">Web Developer,</span> Startup Matchmaker 2015 - present<br> Used a design team's wireframes to develop this company's responsive homepage.</li>
<br>
<li class="help"><span class="bold">Web Developer,</span> CitiPix 2015 – present<br> Built web app prototype that allows users to store and quickly retrieve photos using keywords.</li>
</ul>
</div>






</body>
</html>



192 changes: 192 additions & 0 deletions w1d3assessment.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
<!DOCTYPE html>
<html>
<head>
<!-- No h1 in head -->
<!-- Closing tags -->
<title>WDI HK June 2015</title>
<meta name="description" content="Web development immersive">
</head>

<body>
<header>
<h1>Web Development Immersive <span>General&nbsp;Assembly:&nbsp;Autumn/Winter&nbsp;2013</span></h1>
<nav id="menu">
<ul>
<li><a href="www.ga.com/program">Program</a></li>
<li><a href="www.ga.com/students">Students</a></li>
<li><a href="www.ga.com/concepts">Concepts</a></li>
<li><a href="www.ga.com/instructors">Instructors</a></li>
</ul>
</nav>
</header>


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

<section id="students">
<article>
<h3>The Students</h3>
<h4>The London WDI Session 3 Coding Collective</h4>
<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">
<article>
<h2>The Concepts</h2>
<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>

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

<article>
<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>
</article>

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

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

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

<article>
<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>
</article>
</section>

<section ID="instructors">
<article>
<h2>The Instructors</h2>
<p>They taught us everything we know</p>
<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><span>Web Development Immersive Course Webpage</span> General Assembly London <span>2013</span></p>
</footer>
</body>
</html>