Skip to main content

Javascript 30 notes for Day 15 ,17, and 20

Day 15 => Local Storage => GitHub


Well, all the data will eventually be in an array. And that array data will be turned into a big string.
Every time we add an item we run that populateList function. But it recreates the entire list, so be mindful of that.

ID = For

Ternary operator because any indication of the word checked will automatically check hte object in the list.

LocalStorage is in the browser, stored in the domain. It’s a key value until further configured, and the only option is strings




Day 17 => Article Replacement => GitHub
Featuring bands of my own design.

The replace() can take away articles for easier sorting. I wonder if there’s an option to take away vowels in words.

Many ways to make this thing;

return strip(a) > strip(b) ? 1 : -1
If all you’re doing in a function is returning something, you can use an implicit return;

const sortBands = bands.sort((a, b) =>  strip(a) > strip(b) ? 1 : -1);

(remove return and the } bracket)

if(strip(a) > strip(b)){

const sortBands = bands.sort((a, b) => {

.join(‘’) makes one big string instead of a lot of little strings with commas you can see.

Day 20 ==> Speech Modder

Speech Recognition! You have to have a server, but luckily there’s one included.
npm install
npm start

Different browsers run this capability with different things. Chrome uses Webkit Speech.

The speech continually adds to the paragraph. If you stop….

It makes a new one.

Not listening for clicks, but a ‘result’, and with start recognition, when you speak into the mic, things pop up in the console log via SpeechRecognitionEvent. There’s also a level of confidence listed that the machine has about what you said!

Part of my code involves this;

.map(result => result [0]
  .map(result => result.transcript))

and there should be a ) after the [0] but it’s placed below after transcript. I wondered if it worked, because it didn’t throw errors. It’s still kind of sloppy so I changed it.

It’s the very basics of something like Siri or Alexa

if(transcript.includes(‘Get the weather’)){
console.log(’Going to get Weather’);


and of course you’d have to program a function to actually pull from a website and display the information.

Comments

Popular posts from this blog

Connecting IoT Devices to a Registration Server (Packet Tracer, Cisco)

In Packet Tracer, a demo software made by Cisco Systems. It certainly has changed a lot since 2016. It's almost an Olympic feat to even get started with it now, but it does look snazzy. This is for the new CCNA, that integrates, among other things, IoT and Automation, which I've worked on here before. Instructions here . I don't know if this is an aspect of "Let's make sure people are paying attention and not simply following blindly", or an oversight - The instructions indicate a Meraki Server, when a regular one is the working option here. I have to enable the IoT service on this server. Also, we assign the server an IPv4 address from a DHCP pool instead of giving it a static one. For something that handles our IoT business, perhaps that's safer; Getting a new IPv4 address every week or so is a minimal step against an intruder, but it is a step. There are no devices associated with this new server; In an earlier lab (not shown), I attached them to 'H

Building, Breaking, and Building A CRM with Retool

 I like no- or low-code solutions to things. I've often wanted to simply push a button or move some GUI around and have the code implement itself.  I've thought about building something that's like a customer relationship management (CRM) system for keeping up with my network better than my little spreadsheet where I click links and then go like something. The general idea in this CRM Development is:  To have a GUI to add people to a NRM (Network Relationship Management).       Attach it to a database (MySQL is what I went with eventually using Amazon Relational Database service, but you can use PostGRES, and probably others).     Make sure components are connected to each other in the retool interface. This video is a good start. Watching the tutorial video, heard some SQL commands and went 'Oh no 😳" before going "Wait I know basic SQL", which is good, because you'll see.  When you get set up, there's a plethora of resources you can use -- Incl

Securing Terraform and You Part 1 -- rego, Tfsec, and Terrascan

9/20: The open source version of Terraform is now  OpenTofu     Sometimes, I write articles even when things don't work. It's about showing a learning process.  Using IaC means consistency, and one thing you don't want to do is have 5 open S3 buckets on AWS that anyone on the internet can reach.  That's where tools such as Terrascan and Tfsec come in, where we can make our own policies and rules to be checked against our code before we init.  As this was contract work, I can't show you the exact code used, but I can tell you that this blog post by Cesar Rodriguez of Cloud Security Musings was quite helpful, as well as this one by Chris Ayers . The issue is using Rego; I found a cool VS Code Extension; Terrascan Rego Editor , as well as several courses on Styra Academy; Policy Authoring and Policy Essentials . The big issue was figuring out how to tell Terrascan to follow a certain policy; I made it, put it in a directory, and ran the program while in that directory