Fang W. Shen's repositories
browserify-starwars
Browserify the Star Wars IIFE
d21-milestone-challenge-html-fang-w-shen
d21-milestone-challenge-html-fang-w-shen created by GitHub Classroom
front-end-milestones
Mastery learning resources for NSS front end course
Static-Web-Challenge-1
Create a form that has a range input, and a number input, both with the same values for min, max, and default. When the user changes the value on the range input, the value of the number input should match. The opposite should be true. The values of the two inputs should always be synchronized.
Static-Web-Challenge-2
Create a navigation bar out of an unordered list element, and add the following interactivity. When the user hovers over one of the links, the color of the text should change. When the user hovers over one of the links, the background color of the element that contains the link should change. When the user clicks on one of the links, the element that contains the link should grow in size by 5px on the left and right.
Static-Web-Challenge-3
You will learn more about how to do this in CSS102, but if you want a challenge now, create a web page that has a navigation bar and plenty of articles so that the content goes well below the fold (fancy term for the amount of real estate that exists when the user first loads the page). When the user scrolls now to read the rest of the content, the navigation bar should remain at the top of the page, always visible, no matter how far down the user scrolls.
Static-Web-Challenge-4
What is the smallest number that can be divided by each of the numbers from 1 to 10 without any remainder?
Static-Web-Challenge-5
Write a Fibonacci number generator that outputs the numbers in the series that are less than 500.
Static-Web-Challenge-6
What is the difference between the sum of the squares of the first ten natural numbers, and the square of the sum of the first ten natural numbers?
Static-Web-Challenge-7
Your challenge is to replicate the shapes, and the animations that you see in the animated GIF below. You must only use CSS. No JavaScript and no images.
Static-Web-Challenge-8
Write out 143 happy numbers up to 1,000. A happy number is a number defined by the following process: Starting with any positive integer, replace the number by the sum of the squares of its digits, and repeat the process until the number either equals 1 (where it will stay), or it loops endlessly in a cycle which does not include 1. Those numbers for which this process ends in 1 are happy numbers, while those that do not end in 1 are unhappy numbers (or sad numbers).
Static-Web-Milestone-Challenge-JS-fang-w-shen
d21-milestone-challenge-js-fang-w-shen created by GitHub Classroom