In this task, you'll be setting up your computer to get ready to code. We'll also show you how to create a simple HTML file.
For task 2, we'll go over how to insert a radio button, or an option button, as well as a regular button.
In this task, we'll show you how to print your local machine's time onto your webpage using some basic JS tools.
Provide your feedback for Week 1!
How to begin a CSS file and link it to your HTML file.
In this task, we'll go over how to style the text in your body tag.
For the third task, we're going to begin designing a digital clock using some basic styling techniques.
Now that you've styled your text and your clock, now's time to make any changes to your radio buttons that you'd like.
Provide your feedback for Week 2!
In this task, we'll cover some tips and tricks to get your clock shaped and positioned correctly on your page.
We'll use HTML and CSS in this step to print numbers on your clock and get them ready for positioning.
In this task, we'll walk you through how to use variables in CSS, as well as how to use a built-in CSS function to rotate your numbers so that they're in the right position on your clock.
We'll go over some more CSS tricks in this step to get the hands of your clock in position for time-telling.
Provide your feedback for Week 3!
Your final assignment is going to merge everything you've created so far onto a single webpage, and allow the user to choose between a digital clock and analog clock. This first task will help you get all of your code in one place.
Next, we're going to create a set of radio buttons that allow a user to choose if they’d like to see the time on an analog clock or on a digital clock. This task will demonstrate a different approach to radio buttons.
Your final task will be to use your creativity to add anything you'd like to your clock webpage
Provide your feedback for Week 4!
All public courses on Learning Lab are free.