![]() Try to push yourself to build the bonus game if you can. This challenge will give your logic-based problem-solving skills a nice run-out. Bonus: Play Rock, Paper, Scissors, Lizard, Spock against the computer (optional).Maintain the state of the score after refreshing the browser (optional).Play Rock, Paper, Scissors against the computer.View the optimal layout for the game depending on their device's screen size.There's even a bonus game of Rock, Paper, Scissors, Lizard, Spock if you're feeling adventurous!įor those of you who don't know about Rock, Paper, Scissors, Lizard, Spock, take a look at this: This Rock, Paper, Scissors game will test both your CSS skills and your JS chops. Let's move away from landing pages and filters for a moment and build a game. This is a key skill when building client-side applications, so this challenge will be great practice! You'll learn how to use JavaScript to filter items in the DOM. Filter job listings based on the categories selected.This would be perfect if you're looking to practice a JS library/framework like React, Vue, or Svelte. Option 2: Use the local data.json file to pull the data and then dynamically add the content.In this option, you'd use the hardcoded content that already exists in the index.html file. Option 1: Filter job listings based on the categories using the HTML data- attribute.There are two options to choose from for how to approach it: In this challenge, you'll need to filter the job listings by the categories selected. Now that you've got a bit more comfortable with JavaScript, let's practice some filtering. You might even want to have a go at using a UI framework, like Tailwind, if you're feeling comfortable with pure CSS/Sass by now. ![]() This is another good opportunity to use a pre-processor. This challenge will help solidify your knowledge and refine workflow when creating a fairly complex layout.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |