Rexon Shrestha

2015-11-04

HTML

<h1>HTML/CSS Test 1</h1>
<p>What is CSS Specificity?</p>
<p>Does it matter?</p>

<h1>HTML/CSS Test 2</h1>

<!-- Without touching the HTML, center .inner in .outer -->
<div class="outer">
    <div class="inner"></div>
</div>

<hr>


<h1>HTML/CSS Test 3</h1>
<!-- Without touching the HTML, follow the directions provided in the <li> elements -->
<div>
    <ul>
        <li>Make Me Red!</li>
        <li>I should be black
            <ul>
                <li>I should be black</li>
                <li>I should be black</li>
            </ul>
        </li>
        <li>Make me Green!</li>
    </ul>
</div>

<div>
    <ul>
        <li>I should be black not red!</li>
        <li>I should be black
            <ul>
                <li>I should be black</li>
                <li>I should be black</li>
            </ul>
        </li>
        <li>Make me green!</li>
    </ul>
</div>

<hr>

<h1>HTML/CSS Test 4</h1>

<!-- Please make the phone number bold without touching the DOM and only CSS -->
<h2>Robert Shuka</h2>
<p>Phone: <span>(123) 456-7890</span></p>
<p>Address: <span>123 Some Address, Ames, IA 50010</span></p>
    
<hr>

CSS

/* --- Test 2 ------------------------- */
.outer{
    border:1px solid #ddd;
    width: 250px;
    height: 250px;
    background: green;
}
.inner{
    width: 50px;
    height: 50px;
    border: 1px solid #333;
    margin: 100px auto;
    background: red;
}


/* --- Test 3 ------------------------- */
ul li{
    color: red;
}

ul li:nth-child(2){
    color: black;
}

ul li ul li{
    color: black;
}

ul li:nth-child(3){
    color: green;
}


div + div ul li{
    color: black;
}


/* --- Test 4 ------------------------- */

JavaScript

/* 
Javascript Questions - Phase 1

Q. How do you (pefer to) debug JavaScript?
Q. Can you name two programming paradigms important for JavaScript app developers?
Q: What type of OOP does Javascript support?
Q. What is asynchronous programming, and why is it important in JavaScript?

Living coding questions/exercises to follow after the ^ 

*/