Skip to main content

JavaScript 30 Notes for day 6,8


I have notes for days 3 - 5, and 7, but they're too short to make a good post with.


This is from Day 8!




Day 6;

an external JSON file gives us a list of city names

“spread into” => cities.push(…data))
the spread operator allows the elements of our array to expand

https://codeburst.io/javascript-the-spread-operator-a867a71668ca

line 30, the g and i -
g is global, looks through the string
i is insensitive, going to match lowercase and uppercase

lines 45 and 46:
change means you have to click outside the box to trigger the event
keyup means you don’t.

disMatch function, the more you type, the fewer results (see console).

const cityName = place.city.replace(regex, `<span class=\"h1">${this.value}</span>` )

Finds what the person searched for and replace it with a highlight in the list. (Didn’t get that…)


Day 8; => GitHub

Look at this nifty canvas! There’s a canvas element, with width and height. It’s set at 800 for both, default, but I want to make it wider. (Which we do so , with window.innerWidth)

The context is what we’re drawing on, not the actual canvas (ctx) and ask for the context.

There are contexts for stroke style, linejoin, and line cap (which gives us that round tube-y brush)

let drawing false means you only draw when the mouse press is down; *down, true*, *up, false*

last coordinates = 0 —— a starting x and y

draw function takes an event, listening for the mouse move so it will draw (it’s logged)
stop function when the mouse isn’t down.

Eventlistener for mousedown
mouseout is when you move the mouse out of the canvas, it’s also read as a ‘not pressed down’

offset values come from the event that’s happening.

check the lasts so that things don’t just start from the point, or where you just stopped (check mousedown), so update your last x and last y

you can change the linewidth

ctx.strokestyle = `hsl(${hue}, 100%, 50%)`;
defining this stroke style with the other ctx elements before the function strangely doesn’t work.



EMPLOYERS: This is me sharing notes and putting new skills into practice.

Comments

Popular posts from this blog

What Do You Need? [AKA; List of Offered Services / My Next Role] (2020)

I am a trusted outsourced remote consultant for your company.   I enjoy having the flexibility to take on temporary projects from time to time! I start at part-time, temp work for now. If we like each other, we can renegotiate. If anything sounds weird, out there, or unusual - Feel free to e-mail me .  3 Services Offered Writing :      You want to pay me to write more of *waves hand* this blog? I am game .     I write B2C e-mails going out to over 280 people weekly. [ Example Job Description ]        Auditing :        Something doesn't work on your page or in your app. I can find it, or you can lose business. [ Here ] [ Example Job Description ]   I really enjoy testing apps and webpage concepts! I have an iPhone and Android phones ready. Technical: Still as-needed, always remote, contract, or temporary. IT Operations Tech [ Example Job Description ]     Hardware and SaaS support.     Cisco routing and switching (Networking). CCNA, A+, Sec+, Azure certified WORKING ON: Junos

Portfolio of UX/Product Feedback [Vol. 1]

I browse websites and apps, while making note of things I find frustrating for end users. You have probably been linked here from a form or my resume. If you have any questions about what I'm looking for in a role, click here .   This post is not to shame, but to point out errors and hopefully make my talent for finding and documenting such mistakes clear to someone hiring. Contents: Instances where I offer constructive feedback on someone's website, logo, or app. Actions that were taken by the developers or artists.  I'm glad you want your webpages to be the best they can be with my help; If you need your sites audited, e-mail me . Latest Update -  November 20th, 2020.   Vol. 2 is here .

Contactless Tech’s Role in the New Guest Experience ft. Intelity and The George

 Contactless hospitality technology is growing. You want to get away, and you'll be damned if a little thing like a deadly virus will stop you! But you still don't want to touch things. Ew. During the chat between INTELITY CEO Robert Stevenson and THE GEORGE Director of Operations Kerrie Hunter, you’ll learn how the historic boutique hotel has adapted a mobile-first guest experience in the wake of COVID-19—and how they see contactless technology affecting the future of hospitality. I don't remember how I found INTELITY (probably hoping to score a position with them), but I liked them enough to stay on the e-mail lists.