parent
748717bb2a
commit
13f0466473
@ -0,0 +1,18 @@
|
||||
*Complete this quiz along with your submission by checking one answer per question.*
|
||||
|
||||
1. What language would you most likely use to create a website?
|
||||
|
||||
- [ ] Machine Code
|
||||
- [ ] JavaScript
|
||||
- [ ] Bash
|
||||
|
||||
2. Development environments are unique to each developer
|
||||
|
||||
- [ ] True
|
||||
- [ ] False
|
||||
|
||||
3. What will a developer do to fix buggy code?
|
||||
|
||||
- [ ] Syntax highlighting
|
||||
- [ ] Debugging
|
||||
- [ ] Code formatting
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz in class*
|
||||
|
||||
1. A program can be created without the creator writing any code
|
||||
|
||||
- [ ] True
|
||||
- [ ] False
|
||||
|
||||
2. Low level languages are a popular choice for:
|
||||
|
||||
- [ ] Websites
|
||||
- [ ] Hardware
|
||||
- [ ] Video game software
|
||||
|
||||
3. Which one of these tools would most likely be in a web developer's environment?
|
||||
|
||||
- [ ] Hardware, like a Raspberry Pi
|
||||
- [ ] Browser DevTools
|
||||
- [ ] Operating system documentation
|
@ -0,0 +1,19 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. A place to compare and discuss the differences introduced on a branch with reviews, comments, integrated tests, and more is:
|
||||
|
||||
- [ ] GitHub
|
||||
- [ ] A Pull Request
|
||||
- [ ] A feature branch
|
||||
|
||||
2. How would you get all the commits from a remote branch?
|
||||
|
||||
- [ ] `git fetch`
|
||||
- [ ] `git pull`
|
||||
- [ ] `git commits -r`
|
||||
|
||||
3. How do you switch to a branch?
|
||||
|
||||
- [ ] `git switch [branch-name]`
|
||||
- [ ] `git checkout [branch-name]`
|
||||
- [ ] `git load [branch-name]`
|
@ -0,0 +1,13 @@
|
||||
*Complete this quiz in class*
|
||||
|
||||
1. How do you create a Git repo?
|
||||
|
||||
- [ ] git create
|
||||
- [ ] git start
|
||||
- [ ] git init
|
||||
|
||||
2. What does `git add` do?
|
||||
|
||||
- [ ] Commits your code
|
||||
- [ ] Adds your files to a staging area for tracking
|
||||
- [ ] Adds your files to GitHub
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. Lighthouse only checks for accessibility problems
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Color-safe palettes help people with
|
||||
|
||||
- [ ] color-blindness
|
||||
- [ ] visual impairments
|
||||
- [ ] both the above
|
||||
|
||||
3. Descriptive links are vital for accessible web sites
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz in class*
|
||||
|
||||
1. An accessible web site can be checked in which browser tool
|
||||
|
||||
- [ ] Lighthouse
|
||||
- [ ] Deckhouse
|
||||
- [ ] Cleanhouse
|
||||
|
||||
2. You need a screen reader to test accessibility for visually-impaired users
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. Accessibility is only important on government web sites
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. Constants are the same as `let` and `var` to declare variables except
|
||||
|
||||
- [ ] Constants must be initialized
|
||||
- [ ] Constants can be altered
|
||||
- [ ] Constants can be reassigned
|
||||
|
||||
2. Numbers and ____ are JavaScript primitives that handle numeric data
|
||||
|
||||
- [ ] bigint
|
||||
- [ ] boolean
|
||||
- [ ] star
|
||||
|
||||
3. Strings can reside between both single and double quotes
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz in class*
|
||||
|
||||
1. Booleans are a data type you can use to test the length of a string
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
1. The following is an operation you can perform on a string
|
||||
|
||||
- [ ] concatenation
|
||||
- [ ] appending
|
||||
- [ ] splicing
|
||||
|
||||
3. `==` and `===` are interchangeable
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,12 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. Arguments must be provided for all parameters in a function
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. What does a default value do?
|
||||
|
||||
- [ ] Sets a correct value
|
||||
- [ ] Gives a starter value for a parameters so your code still behaves if you omit an argument for it
|
||||
- [ ] Has no utility
|
@ -0,0 +1,12 @@
|
||||
*Complete this quiz in class*
|
||||
|
||||
1. What's an argument?
|
||||
|
||||
- [ ] It's something you declare in the function definition
|
||||
- [ ] It's something you pass into a function at invocation time
|
||||
- [ ] It's something you have with people you know
|
||||
|
||||
2. True or false: a function must return something
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,12 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. What would the following code return: `'1' == 1`
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Choose the correct operator to express _or_ logic
|
||||
|
||||
- [ ] `a | b`
|
||||
- [ ] `a || b`
|
||||
- [ ] `a or b`
|
@ -0,0 +1,13 @@
|
||||
*Complete this quiz in class*
|
||||
|
||||
1. The following operator `==` is called
|
||||
|
||||
- [ ] Equality
|
||||
- [ ] Strict equality
|
||||
- [ ] Assignment
|
||||
|
||||
2. A comparison in JavaScript returns what type?
|
||||
|
||||
- [ ] boolean
|
||||
- [ ] null
|
||||
- [ ] string
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. What part of a for-loop would you need to modify to increment its iteration by 5
|
||||
|
||||
- [ ] condition
|
||||
- [ ] counter
|
||||
- [ ] iteration-expression
|
||||
|
||||
2. What's the difference between a `while` and a `for-loop`
|
||||
|
||||
- [ ] A `for-loop` has a counter and iteration-expression, where `while` only has a condition
|
||||
- [ ] A `while` has a counter and iteration-expression where `for-loop` only has a condition
|
||||
- [ ] They are the same, just an alias for one another
|
||||
|
||||
3. Given the code `for (let i=1; i < 5; i++)`, how many iterations will it perform?
|
||||
|
||||
- [ ] 5
|
||||
- [ ] 4
|
@ -0,0 +1,13 @@
|
||||
*Complete this quiz in class*
|
||||
|
||||
1. To refer to specific item in an array, you would use a
|
||||
|
||||
- [ ] square bracket `[]`
|
||||
- [ ] index
|
||||
- [ ] curly braces `{}`
|
||||
|
||||
2. How do you get the number of items in an array
|
||||
|
||||
- [ ] The `len(array)` method
|
||||
- [ ] The property `size` on the array
|
||||
- [ ] The `length` property on the array
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. [Spans and Divs are interchangeable]
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
2. [The head of an HTML doc can contain:]
|
||||
|
||||
- [ ] [the title tag]
|
||||
- [ ] [metadata]
|
||||
- [ ] [all the above]
|
||||
|
||||
3. [You can't use deprecated tags in your markup]
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
- [ ] [false, but they have been deprecated for good reason]
|
@ -0,0 +1,19 @@
|
||||
*A warm-up quiz about HTML*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. HTML stands for 'HyperText Mockup Language'
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
2. All HTML tags need both opening and closing tags
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
3. Using semantic markup is most important for
|
||||
|
||||
- [ ] [code readability]
|
||||
- [ ] [screen readers]
|
||||
- [ ] [maintenance]
|
@ -0,0 +1,21 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
You will need to reference the following learn module to complete the quiz:
|
||||
|
||||
[Work with CSS](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/4-css-basics)
|
||||
|
||||
1. [You can write CSS directly in the head section of your HTML file]
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
1. [It's always necessary to include CSS in your app]
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
- [ ] [false, but if you want it to look good you need CSS]
|
||||
|
||||
1. [Which browser tool can be used to inspect CSS?]
|
||||
- [ ] [Elements]
|
||||
- [ ] [Styles]
|
||||
- [ ] [Network]
|
@ -0,0 +1,18 @@
|
||||
*A warm-up quiz about CSS*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. HTML elements must have either a class or an id in order to be styled
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
2. CSS stands for 'Complete Style Sheets'
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
3. CSS can be used to create animations
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. [The DOM is a model to represent a document on the web]
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
2. [Use JavaScript closures to perform the following:]
|
||||
|
||||
- [ ] [write functions within functions]
|
||||
- [ ] [enclose the DOM]
|
||||
- [ ] [close script blocks]
|
||||
|
||||
3. [Fill in the blank: Closures are useful when one or more functions need to access an outer function's ______]
|
||||
|
||||
- [ ] [arrays]
|
||||
- [ ] [scope]
|
||||
- [ ] [functions]
|
@ -0,0 +1,18 @@
|
||||
*A warm-up quiz about the DOM*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. The DOM stands for 'Document Object Management'
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
2. The DOM can be thought of as a tree
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
3. Using the Web API, you can manipulate the DOM
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. Just about anything a user does on a page raises an event
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Common events include
|
||||
|
||||
- [ ] click_event
|
||||
- [ ] select_event
|
||||
- [ ] input_event
|
||||
- [ ] all of these
|
||||
|
||||
3. You can use anonymous functions to create event handlers
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,20 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. Event-driven programming is when a user
|
||||
|
||||
- [ ] clicks on a button
|
||||
- [ ] changes a value
|
||||
- [ ] interacts with the page
|
||||
- [ ] any of the above
|
||||
|
||||
2. In procedural programming, functions are called
|
||||
|
||||
- [ ] any time
|
||||
- [ ] in a specific order
|
||||
- [ ] left to right
|
||||
|
||||
3. The universal method exposed in the DOM for registering event handlers is called
|
||||
|
||||
- [ ] addEventListener
|
||||
- [ ] addListener
|
||||
- [ ] addEvent
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. The World Wide Web was invented by
|
||||
|
||||
- [ ] Tom Barnard-Loft
|
||||
- [ ] Tim Berners-Lee
|
||||
- [ ] Trish Berth-Pool
|
||||
|
||||
2. The first browser was called
|
||||
|
||||
- [ ] World Wide Web
|
||||
- [ ] Mozilla
|
||||
- [ ] Netscape
|
||||
|
||||
3. Browsers can store a user's browsing history
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,20 @@
|
||||
*A warm-up quiz about browsers*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. You can get browser extensions from
|
||||
|
||||
- [ ] WalMart
|
||||
- [ ] The browser's extension store
|
||||
- [ ] The App store
|
||||
|
||||
2. NPM stands for
|
||||
|
||||
- [ ] Node Package Manager
|
||||
- [ ] Netscape Primary Mix
|
||||
- [ ] Natural Processing Manager
|
||||
|
||||
3. Your browser can serve web pages both securely and insecurely
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,16 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. LocalStorage is cleared every time you close the browser window
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. The main browser window controls a browser's extension's LocalStorage
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. REST in an API context stands for
|
||||
- [ ] Representational State Transfer
|
||||
- [ ] Returning State Tasks
|
||||
- [ ] Rendering State To Browser
|
@ -0,0 +1,20 @@
|
||||
*A warm-up quiz about the browser*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. APIs stand for
|
||||
|
||||
- [ ] Application Programming Interfaces
|
||||
- [ ] A Programming Inference
|
||||
- [ ] Anti Proven Intentions
|
||||
|
||||
2. Use an API to interact with
|
||||
|
||||
- [ ] Another web-connected asset
|
||||
- [ ] A database
|
||||
- [ ] Either of the above
|
||||
|
||||
3. Anyone can create an API
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. To get a better view of your site's performance, clear its cache and reload in the profiler
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Browser extensions are inherently performant
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. Analyze the following for performance bottlenecks
|
||||
|
||||
- [ ] DOM traversals
|
||||
- [ ] JavaScript optimizations
|
||||
- [ ] Asset management
|
||||
- [ ] All the above
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. Test the performance of your app
|
||||
|
||||
- [ ] Using the browser's tools
|
||||
- [ ] Using a separate software package
|
||||
- [ ] Manually
|
||||
|
||||
2. The 'performance' of a web site is an analysis of
|
||||
|
||||
- [ ] How fast it loads
|
||||
- [ ] How fast the code on it runs
|
||||
- [ ] Both of the above
|
||||
|
||||
3. Overall, the 'weight' of web pages over the past few years has gotten
|
||||
- [ ] lighter
|
||||
- [ ] heavier
|
||||
- [ ] stayed the same
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. Classes rely on inheritance to ascribe to behaviors
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Composition is a preferred design pattern for game objects
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. Pub/Sub stands for:
|
||||
|
||||
- [ ] Publish/Subscribe
|
||||
- [ ] Print/Staple
|
||||
- [ ] Publish/Sanitize
|
@ -0,0 +1,18 @@
|
||||
*A warm-up quiz about game development using JavaScript*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. JavaScript is an unpopular language for building games
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
2. Pub/Sub is a preferred pattern for managing the game's assets and flow
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
||||
|
||||
3. Object inheritance can be handled by either using classes or composition
|
||||
|
||||
- [ ] [true]
|
||||
- [ ] [false]
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. You can perform drawing operations directly on the Canvas
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. You listen to the `onload` event to know when an image has loaded asynchronously
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. You draw images onto a screen with an operation called
|
||||
|
||||
- [ ] paintImage()
|
||||
- [ ] drawImage()
|
||||
- [ ] draw()
|
@ -0,0 +1,18 @@
|
||||
*A warm-up quiz about game development*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. The Canvas element is what you use to draw on a screen
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. You can only draw simple geometric shapes
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. The point 0,0 is in the bottom left
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. You always need to redraw the screen
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. What is a game loop?
|
||||
|
||||
- [ ] A function that ensures the game can be restarted
|
||||
- [ ] A function that decided how fast the game should run
|
||||
- [ ] A function that is invoked at regular intervals and draws what the user should see
|
||||
|
||||
3. A good case for redrawing the screen is
|
||||
|
||||
- [ ] A user interaction happened
|
||||
- [ ] Something has moved
|
||||
- [ ] Time has passed
|
@ -0,0 +1,19 @@
|
||||
*A warm-up quiz about game development*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. Any object on the screen can receive keyboard events
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. You can use the same method to listen to key events and mouse events
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. To make things happen at a regular interval, you use what function?
|
||||
|
||||
- [ ] setInterval()
|
||||
- [ ] setTimeout()
|
||||
- [ ] sleep()
|
@ -0,0 +1,12 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. In collision detection you compare two
|
||||
|
||||
- [ ] circles and whether they intersect
|
||||
- [ ] rectangles and whether they intersect
|
||||
- [ ] the distance between two points
|
||||
|
||||
2. The reason for implementing a *cooldown* effect is because
|
||||
|
||||
- [ ] Making the game harder as you can't repeatedly fire a laser to destroy enemies
|
||||
- [ ] JavaScript can only produce a certain number of events per time unit, so you need to limit them
|
@ -0,0 +1,14 @@
|
||||
*A warm-up quiz about about game development*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. Collision detection is how we detect if two things have collided.
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. How can we remove an item from the screen?
|
||||
|
||||
- [ ] Call the garbage collector
|
||||
- [ ] Mark it as dead, only paint *not dead* objects next time we draw the screen
|
||||
- [ ] Place the item on a negative coordinate
|
@ -0,0 +1,12 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. What's a fun way to show how many lifes a player has left
|
||||
|
||||
- [ ] a number of ships
|
||||
- [ ] a decimal number
|
||||
|
||||
2. How do you center text in the middle of the screen using the Canvas element
|
||||
|
||||
- [ ] You use Flexbox
|
||||
- [ ] You instruct the text to be drawn at the x coordinate of: the client window width/2
|
||||
- [ ] You set the `textAlign` property to the value `center` on the context object.
|
@ -0,0 +1,14 @@
|
||||
*A warm-up quiz about game development*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. How do you draw text on a screen using the Canvas element?
|
||||
|
||||
- [ ] place text inside a div or span element
|
||||
- [ ] Call drawText() on the Canvas element
|
||||
- [ ] Call fillText() on the context object
|
||||
|
||||
2. Why do you have the concept of *lifes* in a game?
|
||||
|
||||
- [ ] to show how much damage you can take.
|
||||
- [ ] So that the game doesn't end straight away, but you have n number of chances before the game is over.
|
@ -0,0 +1,12 @@
|
||||
*Complete this quiz after the lesson by checking one answer per question.*
|
||||
|
||||
1. What is a good pattern to use when a game end condition has been met?
|
||||
|
||||
- [ ] Display a suitable message
|
||||
- [ ] Quit the game
|
||||
- [ ] Display a suitable message, offer the player to restart, and display what key to hit for that action
|
||||
|
||||
1. You should offer a restart only when the game has ended
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,14 @@
|
||||
*A warm-up quiz about game development*
|
||||
|
||||
Complete this quiz in class
|
||||
|
||||
1. When is a good time to restart a game
|
||||
|
||||
- [ ] when a player wins or loses
|
||||
- [ ] whenever
|
||||
|
||||
2. When should a game end
|
||||
|
||||
- [ ] when an enemy ship is destroyed
|
||||
- [ ] when a hero ship is destroyed
|
||||
- [ ] when points are collected
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. HTML templates are part of the DOM by default
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Which part of the URL is needed for routing?
|
||||
|
||||
- [ ] window.location.pathname
|
||||
- [ ] window.location.origin
|
||||
- [ ] both
|
||||
|
||||
3. What's the name of the event triggered when calling the `history.pushState()` function?
|
||||
|
||||
- [ ] `pushstate`
|
||||
- [ ] `popstate`
|
||||
- [ ] `navigate`
|
@ -0,0 +1,19 @@
|
||||
*A quick warm-up about web apps*
|
||||
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. You need to create multiple HTML files to display different screens in a web app
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. You can store and persist data locally in a web app
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. What's the best data provider for a web app?
|
||||
|
||||
- [ ] A local database
|
||||
- [ ] A JavaScript object
|
||||
- [ ] A server with a JSON API
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. Using `<label>` elements in forms is only for making the form pretty
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. How can you define how a form is sent to the server?
|
||||
|
||||
- [ ] using the `action` attribute
|
||||
- [ ] using the `method` attribute
|
||||
- [ ] both
|
||||
|
||||
3. Which attribute can you use to set the maximum size of a text `<input>`?
|
||||
- [ ] `max`
|
||||
- [ ] `maxlength`
|
||||
- [ ] `pattern`
|
@ -0,0 +1,16 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. HTML forms allow to send user input to a server without using JavaScript
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. `<label>` elements are mandatory for every form control
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. It is secure to send form data to a server over HTTP
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. In a Single-page application, the HTML is loaded once and never updated:
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Why is it important to not trust data coming from user input?
|
||||
|
||||
- [ ] because using special characters can make the UI ugly.
|
||||
- [ ] because it can contain non-sense or offensive words.
|
||||
- [ ] because it can be used as vector of attack to execute malicious scripts.
|
||||
|
||||
3. What's the API name for sending asynchronous HTTP requests to a web server?
|
||||
- [ ] `request()`
|
||||
- [ ] `fetch()`
|
||||
- [ ] `ajax()`
|
@ -0,0 +1,16 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. You can fetch data from a server synchronously in a browser
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. What's the most common format used to exchange *data* on the web?
|
||||
|
||||
- [ ] HTML
|
||||
- [ ] XML
|
||||
- [ ] JSON
|
||||
|
||||
3. There's no way to prevent a web page from accessing a public server API
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,17 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. What do you think *state management* means?
|
||||
|
||||
- [ ] Enforcement of law & order
|
||||
- [ ] Logging the user interface state over time
|
||||
- [ ] Keeping your app data flows clean and synchronizing the user interface with data
|
||||
|
||||
2. How can you keep track of the user session state?
|
||||
|
||||
- [ ] HTTP cookies
|
||||
- [ ] Local or session storage
|
||||
- [ ] All of the above
|
||||
|
||||
3. Mutating an object is always the best way to update it
|
||||
- [ ] true
|
||||
- [ ] false
|
@ -0,0 +1,18 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. What is an immutable object?
|
||||
|
||||
- [ ] An object defined as a constant
|
||||
- [ ] An object that cannot be modified after it's created
|
||||
- [ ] A copy of an existing object
|
||||
|
||||
2. What benefit(s) you get from using state management?
|
||||
|
||||
- [ ] You can keep track of every place the state is updated
|
||||
- [ ] It's easier to debug the code
|
||||
- [ ] All of the above
|
||||
|
||||
3. What's the best way to persist critical user data across different sessions?
|
||||
- [ ] Using files
|
||||
- [ ] Using the browser's `localStorage` API
|
||||
- [ ] In a database behind a server API
|
Loading…
Reference in new issue