DEV Community: Maggie DeSantis

project idea dump.

Maggie DeSantis — Mon, 08 May 2023 04:00:00 +0000

Phase 1 – project idea dump…..
I’m currently in the middle of my phase 1 project for flatiron. I’ll be honest, this hasn’t been easy. I fumbled around with different ideas, when it came down to it I decided to make a personal library app. I’m still having trouble finishing it up, so instead of sharing some code info today I’m going to use this to brain dump….so far here’s my breakdown so far I want to:

to be able to search for books by title or author, and have the book covers display as the results.
be able to click on a book cover and reveal the information regarding that book : title, author, rating, year published and a short summary of the book.
be able to add the book to my personal library. mark whether that book is currently reading, read and * be able to remove the item from my library.
needs at least 2 eventListeners
needs one instance of array iteration.
db.json needs at least 5 elements with at least 3 attributes each.

wish list:

have the book be able to be dragged into the library-div and add it to the library.
hover over the books and have a pop up that shows the title, author and whether the dates read(if applicable), and rating,
be able to rate the book 1 to 5 stars. progress bar under each book to see how much is left to read.

I think the biggest problem I was running into was just trying to keep everything in order. after finally being able to separate my work into functions/const’s instead of being all over the place and trying to resolve everything at once, it started to be easier in keeping track of everything.

a/synchronous code.

Maggie DeSantis — Sat, 06 May 2023 23:24:09 +0000

Couldn't think of a clever title for this one. Instead I'll just share what I'm doing for the next 2 hours for bootcamp and #100DaysOfCode.

SD Phase 1 - Full Stack - Asynchronous JavaScript | Post - Patch and Delete Requests.

Mimo web-development training - CSS intermediate

Synchronous Code:
is executed sequentially, line by line, in the order it appears in the code. Each task must complete before the next one begins, and the code waits for each task to finish before moving on to the next. This can lead to blocking or freezing the user interface

console.log('Start');
console.log('Fetching data...');

// Fetch data synchronously
const data = fetchDataSync(); // This fetch operation blocks the code execution

console.log('Data fetched:', data);
console.log('End');

Asynchronous Code:
allows multiple tasks to be executed concurrently without blocking the execution of other tasks. This helps to keep the application responsive and prevents it from freezing while time-consuming tasks, such as data fetching, are being performed

console.log('Start');
console.log('Fetching data...');

// Fetch data asynchronously with a callback
fetchDataAsync((error, data) => {
  if (error) {
    console.error('Error fetching data:', error);
  } else {
    console.log('Data fetched:', data);
  }
});

console.log('End');

5/100

you cant make fetch happen.

Maggie DeSantis — Fri, 05 May 2023 05:15:19 +0000

however... you CAN MAKE fetch requests happen.

Fetch is a way to ask a website for some information. Fetch sends a message to a website asking for information and it sends a message back with the information you asked for.

To use fetch(), you need to provide it with a URL endpoint, and then handle the response using a series of chained .then() methods. Within each .then() method, you can extract and manipulate the response data as needed.

fetch('https://websiteexample.com/1')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

4/100

NPM vs NPX

Maggie DeSantis — Mon, 01 May 2023 18:20:13 +0000

I recently came into a problem trying to install a JSON server globally and came up with error after error and unable to install it. Today while working in visual code on a project for school, I finally found a solution that now works for most of my json-server needed projects.

NPM vs NPX

So, what are they and how do they differ? Well, npm (short for Node Package Manager) is a command-line tool used to manage Node.js packages and dependencies. It allows you to install, update, and remove packages in your project. On the other hand, npx is a tool that comes with npm and is used to execute packages without having to install them globally on your system. This means that you can run a package directly from the command line without worrying about installing it first. In other words, npx is like a one-time use version of npm. So, if you need to use a package just once or for a specific task, you can use npx. But if you need to use a package more frequently or across multiple projects, it's best to use npm to install and manage it.

3/100

edit I'm going to add onto this blog by posting the solution I found for this error I kept getting:

cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?

to enable scripts while using powershell in VSC I had to open powershell in admin mode.
type in

Set-ExecutionPolicy RemoteSigned

and the Y to change script permissions.
restart your VScode and you're ready to go!

Writing flexible code - callback functions.

Maggie DeSantis — Sun, 30 Apr 2023 20:35:28 +0000

Today, I'd like to share a simple example of how callback functions can be used in JavaScript to perform an operation asynchronously and handle the result when it's available.

A callback function is a function that is passed as an argument to another function and is executed at a later point in time.

Let's say you have a function called 'add' that accepts two numbers and a callback function. Inside the 'add' function, you add the two numbers together and pass the result to the callback function.

To use the 'add' function with a callback, you simply call it with the numbers you want to add and a function that handles the result. For example, you could call 'add(2, 3, callback)' with a function that logs the result to the console.

When the 'add' function is executed, it calls the function with the result of the addition, allowing you to handle the result in a separate piece of code. This is a powerful programming concept that can make your code more efficient, flexible, and maintainable.

function add(a, b, callback) {
  const result = a + b;
  callback(result);
}

add(2, 3, function(result) {
  console.log(result);
});

I hope this example helps you understand how callback functions work in JavaScript. If you have any questions or feedback or even want to critique a little, PLEASE leave me a comment, I'm still learning and love hearing others thoughts and better ways to work.

2/100

Elder Millennial tries to get an actual career.

Maggie DeSantis — Fri, 24 Mar 2023 06:54:56 +0000

While the labels that society places on the generations are a little silly, it’s what I am, so here we are. I started my “blogging career” back when LiveJournal / DeadJournal was a big thing. I loved the control you could have in designing how everything looked. Xanga, melodramatic, blogger and finally the both dreaded and loved Tumblr. Whatever blog site was popular I moved over to until I moved over to wordpress (head there if you want a more everyday-type blog), but I'm here in DEV. I guess I'll see how this works for me.

Myspace happened the year after I graduated high school in 2003. Between the drama of who was in my top 8 all I wanted to do was code and design, and create. I went down the rabbit hole and taught myself any and everything I could about html/css, I bought photoshop and dreamweaver and learned how to design and code using it’s WYSIWYG interface. I went to college for “ graphic design” that had very few graphic courses and so many coding courses where I learned how to make FLASH games and design websites. I LOVED IT. That was almost 20 years ago. I never got that job as a designer, although I did have some freelance jobs doing posters and websites for local bands. Everything has changed since then though, so has coding languages.

So here I am. I’ve worked overnights at Amazon for the last 6 years, and while I love what I do – I basically get to tell people what to do all night and make sure we get all your shipments out on time – I’ve never been ‘fulfilled.’ haha.

Thanks to Amazon’s career choice I’m starting an 8 month program to become a software developer. There is so much more going on in my life, and while I will mainly focus on my career journey, I hope you don’t mind joining me in my everyday adventures as well.