Part 1: Selection and Configuration of Development Environment
In this course we are developing cross-compatible sites, so developing on your local machine will be both acceptable and convenient
All you will need for our client side applications is: • A modern web browser (we recommend Chrome) • A basic text editor (like Notepad or Textpad) o Using something like Microsoft World would add additional formatting and therefore most likely would result in issues with your code.
Part 2: Developing a Simple HTML Page Now that you have decided on your client-side setup, let’s start developing!
In this assignment we are going to create a webpage that shows information about Fibonacci numbers. You may want to refresh yourself about them here: https://en.wikipedia.org/wiki/Fibonacci_number
In our first iteration of our webpage we will create a pure HTML page. Do the following: 1. Open up a text editor (your choice!) 2. Create a simple HTML web page that has a. A title in the title bar b. A paragraph about the history behind the Fibonacci sequence. 3. An appropriate image representing this topic (just Google “Fibonacci images”; there are plenty of example images. 4. Save your page as “<studentID>_HW1.html” 5. Open your file in a web browser to see the result.
Part 5: Make a Table Now it would be really cool if we were given a non-negative integer then we create a table of the Fibonacci sequence up to an included the integer entered.
Change your program so that if there’s a non-negative integer in the text box when the button is clicked that we generate this sort of table.
Hints: 1. This will be a good opportunity for you to play with loops and string concatenation. 2. You may want to construct a single long string that is the table and then set the div’s content to that.
What to submit
For submission you are to submit: • A screen cast video to Blackboard detailing a thorough code review of your program along with a demo execution of the application. • Your source code, well internally documented. • README file on how to run your code.
Grading (50) Points
• 40 points : program correctness and along with adherence to the stated requirements • 5 points : quality of internal documentation and code style • 5 points : README file