Skip to content

Instantly share code, notes, and snippets.

View lwebber's full-sized avatar
🎯
Focusing

Laura Webber lwebber

🎯
Focusing
View GitHub Profile
@lwebber
lwebber / index.html
Created October 3, 2021 17:37 — forked from rsata/index.html
<html>
<head>
<script>
! function() {
var analytics = window.analytics = window.analytics || [];
if (!analytics.initialize)
if (analytics.invoked) window.console && console.error && console.error("Segment snippet included twice.");
else {
analytics.invoked = !0;
Would be nice to also have streets or borders so I can see where everything is
Can I look up a location, instead of it just going directly to the fires?
Needs some kind of a reset button
Nothing happens for a few moments after I click submit. Doesn’t tell me that it’s “working”
One of the kinkade fire videos is too tall for the container(?) Why is that?
Needs bigger search area and button for touch screen users
Would like it to fit on my screen. Also, scrolling around the page makes the map zoom in and out.
I wasn’t sure of its purpose at first— needs instructions
Once I found some footage, I was actually stunned.
Headline
Hi, I’m Laura, a fullstack software engineer living in the San Francisco Bay Area
Bio
I spent the first half of my career in education, teaching Middle School and High School English. I caught the
technology bug early on when laptops started showing up in the classroom. I taught myself
to code when my school needed a Computer Science teacher and after that, I was full-on addicted to code. I’m currently a
student in Bloc’s Web Development Apprenticeship program.
To me, code is one of the most beautiful (and almost spiritual!) expressions of human ingenuity. I am awed and humbled
add items
collect the input the user types in
store it in STORE
render the shopping list (with the updated STORE)
check/uncheck items
'listen' for the user's action on the 'check' button
toggle the item's state in STORE (checked or unchecked, based on whether it's already checked)
toggle the class the applies the strikethrough style
render the shopping list (with the updated STORE with the updated items)
What is scope? Your explanation should include the idea of global vs. block scope.
Scope refers to the area in which a variable is active or accessible. Block scope refers to variables that a defined within
a block and thus only accessible within the block. Global variables are defined outside a block and are accessible throughout
a file and even between files, provided the global variable is defined in a file that is read before another file that
uses that variable.
Why are global variables avoided?
The problem with global variables is that they can be changed by one function and that variable might then be used in
another function and doesn't expect that the value of the variable might have changed. Bugs and unexpected side effects
could occur.
Max & Min Drill
function max(numbers) {
let max = numbers[0];
for (let i = 1; i < numbers.length; i++) {
if(numbers[i] > max)
max = numbers[i];
}
return max;
}
https://repl.it/@wwebby1/Creating-arrays-drill-1
https://repl.it/@wwebby1/Adding-array-items-drills
https://repl.it/@wwebby1/Accessing-array-items-drill
https://repl.it/@wwebby1/Array-length-and-access-drill
https://repl.it/@wwebby1/Array-copying-I-drill
Copying II Drill (Repl.it broken)
function minusLastItem(array) {
return array.slice(0, array.length-1)
}
Traffic Lights drill
https://repl.it/@wwebby1/Traffic-lights-drill
Error Alert Drill
https://repl.it/@wwebby1/Error-alert-drill
@lwebber
lwebber / JSNumDrills.txt
Created September 17, 2019 03:38
JS Number Drills
https://repl.it/@wwebby1/area-of-a-rectangle-drill
https://repl.it/@wwebby1/temperature-conversion-drill
https://repl.it/@wwebby1/Is-divisible-drill-1
@lwebber
lwebber / Array Copy II.js
Created August 25, 2017 21:52 — forked from anonymous/Array Copy II.js
Array Copy II created by wwebby1 - https://repl.it/G9G7/30
function minusLastItem(array) {
// your code goes here
var minusLast = array.slice(0,array.length-1);
return minusLast;
}
function copyFirstHalf(array) {
// your code goes here