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] (2020)

I am a remote consultant. 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. Doesn't have to be tech-related. I just have to find it interesting and flexible.


What I do for you:
Simplified writing about tech. [Example Job Description, 2, 3] You want to pay me to write more of *waves hand* this blog? I am game.
Technical Analyst [Example Job Description]
UX Auditing [See Here]eCommerce merchandising [See Here]Entry-Level Web Support [Example Job Description]
Email Marketing Specialist [Example Job Description]  ProofreadingText-based support [Example Description]. 
The following is what I was trained in. Roles will be considered if I feel it's the best fir for you. Still part-time, contract, and/or temporary
Azure
Cisco routing and switching technician

Volunteering:
Find me on Jumpstart and CareerVill…

Azure Networking Options - Core Cloud Services

I have done a lot of AWS things on here. Time to give Azure some attention. After all, since employers don't think Cisco or COMPTIA certifications are important, maybe Microsoft ones are?

First, let's really think about why these are the two biggest cloud services providers in the world:

They've been doing internet things for a long time.Amazon launched in 1995, a virtual bookstore.
Microsoft, well, you know. 

They've lived, breathed, and frankly, created, infrastructure that we use today, that they're selling to us today. Of course the Store of Everything and the Company of Everything would encourage us to put everything in their hands.

Also: Azure has a lot less silly names for modules. Important. I appreciate straightforwardness.


I said 'a lot less', not '100% sensible names'

Microsoft has a clear set of Azure Fundamentals that anyone can interact with. Let's talk about networking basics, basically to say, again, "Hi, employers, I have an …

Search and Infiltrate: How to Deeply Investigate a Company's People [6/4/2020]

Latest Update - 6/4/2020


This is a bit of an impromptu post after reading this article.

I had a small thread about this on Twitter, a blog post is a lot better to get the information out in a clear way.

Have you ever used Recruitin.net, came across a group of people who match Your Dream Company, Dream Location, and do your Dream Job on LinkedIn...and they're not active?

What was the POINT, am I right?  A place for professionals to network, but they're not active ...because they have a job to do! You want to be like that!

Unfortunately, in this day and age, unless you have a 'relationship' with someone, they're not going to help you.

Hm. 

(Note: 'relationship' is different than relationship).

I'm not here to talk bad about recruiters - They have a difficult job, I know I couldn't do it! - And even they want a relationship before they place you somewhere, competency be damned.

What do you do instead?

This:

(Note; I'm using my own URL for this and …