GoConqr has a new look! Let us know what you think.

Sign up free

Flashcards

1708 FE Quizlette

Thomas Laird English 47 cards

Cards in this deck (47)

  1. 1What does WAI-ARIA stand for?Web Accessibility Initiative - Accessible Rich Internet Applications
  2. 2List and describe the three main categories of how WAI-ARIA breaks down.Roles: define the purpose of an element Properties: help better describe what an element can do. States: (like properties) that are designed to change -- normally with the help of JavaScript ** An element can only have one ARIA role at a time, but can have as many properties and states as necessary.**
  3. 3Refactor this line of code to be more accessible:
  4. 4What do the srcset and sizes attributes in an image tag indicate?Srcset specifies image URLs followed by either width or pixel density descriptors to send higher resolution images to higher resolution devices and vice versa.Sizes specifies the source size of the image based upon a media condition.
  5. 5What is lossy compression? What is lossless compression?Lossy compression reduces the size of data while discarding some data which causes permanent degradation of the original. Lossless compression allows for the original data to be perfectly reconstructed.
  6. 6What are the respective best uses for png, jpg, and svg?PNGs are good for logos and photos. JPGs are good for colorful images. SVGs are good for scaling graphics and logos. *
  7. 7How do you link an external stylesheet to your HTML document? Write the element and indicate where it should be placed in the markup.in the of the HTML document
  8. 8Write an article tag with the class of blog-content
  9. 9What are two different methods for creating a submit action in an HTML form?or
  10. 10Describe an HTML attribute. What is it? How do you write one?An HTML attribute is something that adds information to the tag. Examples include id, class, src, etc. You write one in the opening tag of an element:
  11. 11Write a section tag with two classes: day-1 and day-2
  12. 12How do you link your JavaScript code in your HTML file? Write the element and indicate where it should be placed in the markup.should be placed before closing tag of the body.
  13. 13How do you select a header element?header
  14. 14How do you select an element with the class: header-content.header-content
  15. 15How do you select an element with the ID: address-field#address-field
  16. 16How do you select a paragraph element within a section element?section p
  17. 17Write a css rule that uses a pseudo-element.a:hover {text-decoration: underline;}
  18. 18Describe two different approaches in organizing the properties of your css rules.Alphabetically or idiomatically, where all of the position properties are groups together, then all of the display and box model properties, then all other properties.
  19. 19What is responsive image handling and why should we care?Responsive image handling allows for different images to be loaded at different page widths. This improves performance and usability and even appearance of the site for users.
  20. 20With respect to image optimization, what is the bare minimum you should do with all your images in every project?Use compression software to cut down on the size of images on the page.* (CRUSH IT!)
  21. 21Assign the number 75.6 to the variable topScorevar topScore = 75.6;
  22. 22Assign the string of Hello! to the variable: userGreetingvar userGreeting = Hello!;
  23. 23Create a variable changedVariable, assign it a value of {name: "Alice"}, and then reassign the variable to the string: Week four is almost done!var changedVariable = {name: Alice}; changedVariable = Week 4 is almost done!;
  24. 24Concatenate any two strings with the variable middleString concatenated between them.Hello + middleString + world
  25. 25Write a named function called hello that logs Hello World to the consolefunction hello() {console.log(Hello World);};
  26. 26Write a function that returns true if the argument passed in to the function is a string equal to "hello".function greeting(str) {return (str === hello);};
  27. 27Using vanilla JS (not jQuery), select an element from a document with the class post-content and assign it to a variablevar postContent = document.querySelector(.post-content);
  28. 28Using vanilla JS (not jQuery), for an article element assigned to the variable contentText, add an event listener that listens for a click event and logs the text of the element to the console.contentText.addEventListener(click, function() {console.log(contentText.innerText);});
  29. 29Write an object literal with a property of height, and give it a value.var object = {height: 3};
  30. 30For the array: myArray = [1, 2, 3, 4], log each number to the console using forEach.myArray.forEach(function(number) {console.log(number);};
  31. 31Write a constructor function for an object called Mug with a property of "full", which takes a value for full as an argument.function Mug (full) {this.full = full;}
  32. 32Write a selector for a element with a class of comment-section$(.comment-section);
  33. 33Write a selector for all paragraph elements and all table row elements$(p, tr);
  34. 34For an input element with the class form-input, select element and then get the text from the input element$(.form-input).val();
  35. 35Add a keyup event listener for an input element, and have the event listener log "It works!" to the console.$(input).on(keyup, function() {console.log(It works!);};
  36. 36After you make a new directory and change into that directory, what command sets up a git repository?git init
  37. 37What is the command to add changes to the Git staging area?git add
  38. 38From the changes in the staging area, what is the command to create a snapshot of your project?git commit -m [your-message-here]
  39. 39What command lists the remotes of your repository?git remote
  40. 40What is the default remote name for a GitHub remote?origin
  41. 41What command takes code from your local repository and updates your online repository?git push origin master
  42. 42What command retrieves code from a remote repository?git pull origin master
  43. 43What is the command to show your present working directory?pwd
  44. 44Write the command to make a new directory: projectsmkdir projects
  45. 45Write the command to make a new file: styles.csstouch styles.css
  46. 46Write the command to change into a directory called my-projectscd my-projects
  47. 47Write the command to go back two directoriescd ../..

Information

Description
Flashcards on 1708 FE Quizlette, created by Thomas Laird on 19/09/2017.
Created by
Thomas Laird
Views
40
Rating

Feedback

What is it about?

What do you think of the new look?

How do you like it?