9 – 12h Teaching
Teacher:
Cmd
-Opt
-I
(Mac), Ctrl
-Shift
-I
(Windows)div
s below the newsletter-form (as a collection)Bonus: Find another element (or collection of elements), and challenge a classmate to find it in the DOM.
[ Solutions ]
[ Solutions ]
12 - 13.30h Lunch
13.30 – 16h Coaching
Coaches:
<ul>
<li>Nickname: <span id="nickname"></span>
<li>Favorites: <span id="favorites"></span>
<li>Hometown: <span id="hometown"></span>
</ul>
<script>
tag to the bottom of the HTML body.li
and change the class to "list-item".head
) Add a style
tag that sets a rule for .list-item
to make the color red.img
element and set its src
attribute to a picture of you. Append that element to the page.[ Solutions ]
Here's what happens when a browser loads a website with a <script>
tag on it:
<script>
tag referencing an external script file.Step 4 causes a bad user experience. Your website basically stops loading until you've downloaded all scripts. If there's one thing that users hate it's waiting for a website to load.
Solution: Check out this Stackoverflow thread and find out how you can solve this.
<ul>
section to your personal home page with the ID "my_books". var books = [
{
title: 'The Design of EveryDay Things',
author: 'Don Norman',
alreadyRead: false
}, {
title: 'The Most Human Human',
author: 'Brian Christian',
alreadyRead: true
}
];
<li>
element within your "my_books" list with the book name and author.<img>
to each book that links to a URL of the book cover.[ Solutions ]
16 – 17.30h Community Meet-Up
Everybody who is interested to get to know our Powercoders is invited to join!