-
What are the three ways we can include
cssin anhtmlfile? Provide an example of each -
What's the difference between
classesandidfor selectors? When would we use each? Provide an example of each -
Explain the use for
elements,networkandconsoletabs in the chrome devTools -
Given this
htmlsnippet, please fix the mistakes and clean it up. You can make sure it passes the W3C Validation check. Also note that by default, we should use 2 spaces for indentation.
<html>
<head>
<!-- No h1 in head -->
<!-- Closing tags -->
<h1>WDI HK June 2015
<meta value="description" content="Web development immersive ">
</head>
<div class="body">
<div>
<div>
</div>
<div>
<div>Web Development Immersive <div>General Assembly: Autumn/Winter 2013</div></div>
<div id="nav">
<div>
<div><link hef="#program">Program</link></div>
<div><link href="#students">Students</link></div>
<div><link hrf="#concepts">Concepts</link></div>
<div><link href="#instructors">Instructors</link></div>
</div>
</div>
</div>
</div>
<a name=program></a>
<div>
<div>
<div>
<div id="title" class="h3">The Program</div>
<a name="program"></link>
<div>
<div>12 weeks of intensive web development training learning a range of programming techniques and languages.</d>
</div>
</div>
<div>
<div>
<div id="title">The Students</h5>
<a name="students"></a>
<div>The London WDI Session 3 Coding Collective</h3>
<div>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!</div>
</div>
<div >
<div>
<div>The Concepts</div>
<a name="concepts"></div>
<div>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... </div>
<div>
<div>
<div>
<div>OOP</div>
<div>Agile Development</div>
<div>TDD</div>
<div>BDD</div>
<div>Ruby</div>
<div>Variables</div>
<div>Conditionals</div>
<div>Blocks</div>
<div>Enumerators</div>
<div>Strings, Symbols</div>
<div>Arrays, Hashes</div>
<div>Methods</div>
<div>Classes</div>
<div>Inheritance</div>
<div>Scope</div>
<div>Patterns</div>
<div>Refactoring</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>HTTP Requests</div>
<div>URL, URI</div>
<div>Networking</div>
<div>SSH</div>
<div>Sessions</div>
<div>Authentication</div>
<div>Authorization</div>
<div>Web Scraping</div>
<div>Cookies</div>
<div>HTTP APIs</div>
<div>RESTful APIs</div>
<div>HTTParty</div>
<div>Uploads</div>
<div>File I/O</div>
<div>Amazon S3 AWS</div>
<div>Sublime</div>
<div>Environment variables</div>
</div>
</div>
</div>
<div>
<div>
<div>
<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>
</div>
</div>
</div>
<div>
<div>
<div>
<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>
</div>
</div>
</div>
<div>
<div>
<div>
<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>
</div>
</div>
</div>
<div>
<div>
<div>
<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>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>The Instructors</div>
<a name="instructors"></a>
<div>They taught us everything we know</div>
<div>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.</div>
</div>
</div>
</div>
<div></div>
</div>
<div id="footer">
<div>
<div id="span">Web Development Immersive Course Webpage</div> General Assembly London <div id="span">2013</div id="span">
</div>
</div>