DEV Community: Enzo Rossi Daltoé

One Step Closer

Enzo Rossi Daltoé — Tue, 29 Aug 2023 22:36:46 +0000

To the finish of my new project!

Well... maybe It's not thaaat close, but we are doing great!

Today I've completed one more controller of the API from my soccer scheduling website. Yes... It may be a little weird, but I think It's a really cool idea.

Imagine:

You're a soccer player
That wants to organize this friday's soccer match with your friends or work colleagues

Here we go! A new platform that can do it for you, control the payments that all of the participants need to make and give the exact location based on google maps.

Yeah, I'm making it possible. It's really archaic for the moment, because I'm developing the API, so I don't have much to show. But maybe I will finish 'till the end of this year.

But I developed about 50k+ lines of code, so that's something. But I'm not even close to the end. I have so much work to do, but I will do it!

JS Array functions!

Enzo Rossi Daltoé — Fri, 28 Jul 2023 03:04:32 +0000

Hello guys!

Today I'm here to show you some of my notes when learning array manipulation in JS!

Array functions

There are some functions to manipulate an array in JavaScript, the most used ones are:

☄️ array.push():

This method adds some data into an array, like:

const array = [1, 2, 3];
array.push(4);

console.log(array); // 1, 2, 3, 4

💥 array.pop():

This method removes the last item from the array:

const fruits = ['mango', 'apple', 'strawberry']; 
fruits.pop();

console.log(fruits) // 'mango', 'apple'

🔪 array.splice(index, n):

This method starts removing items after the defined index, like:

const animals = ['elephant', 'dog', 'cat', 'giraffe'];
animals.splice(2,1);
console.log(animals); // 'elephant', 'dog', 'giraffe' it removed 1 item, as defined in the function

It can remove the amount of items defined into it:

const animals = ['elephant', 'dog', 'cat', 'giraffe'];
animals.splice(1,2);
console.log(animals); // 'elephant', 'giraffe'  now it removed 2 items, starting from index 1

➕ array.concat(data):

This method can concat data into an array, like:

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
arr1.concat(arr2);
console.log(arr1); // 1, 2, 3, 4, 5, 6

🔎 array.indexOf(n):

This method returns the index of an item in the array:

const animals = ['elephant', 'dog', 'cat', 'giraffe'];
console.log(animals.indexOf('dog')); // 1

🆕 array.map(callbackFunction):

This method is used for creating a new array from another with the provided function, like:

const numbers = [1, 2, 3, 4];
const double = array.map((num) => num * 2);
console.log(double) // 2, 4, 6, 8

🫂 array.join(separator):

This method joins all elements of an array into a string with the specified separator, like:

const words = ['Hello', 'world', '!']; 
const joinedString = array.join(' '); 
console.log(joinedString) // 'Hello world !'

🧐 array.find(callbackFunction):

This method returns the value of the first element in the array that satisfies the provided testing function, like:

const users = [   
    { id: 1, name: 'Alice' },   
    { id: 2, name: 'Bob' },   
    { id: 3, name: 'Charlie' } 
]; 
const user = array.find((user) => user.id === 2); 
console.log(user) // { id: 2, name: 'Bob' }

🧐 array.includes(value):

This method determines whether an array includes a certain value among its entries, returning a Boolean, like:

const numbers = [1, 2, 3, 4, 5]; 
const includesThree = array.includes(3); 
console.log(includesThree) // true

🥽 array.flat(depth):

This method creates a new array with all sub-array elements concatenated recursively up to the specified depth, like:

const nestedArray = [1, [2, [3, [4]]]];
const flattenedArray = array.flat(2);
console.log(flattenedArray) // 1, 2, 3, [4]

Hope you guys liked it!

Did i miss something?

Tell me your opinion on the replies!
Feel free to complement this article!

Good coding!

New win today 😁

Enzo Rossi Daltoé — Wed, 19 Jul 2023 01:36:43 +0000

Hey guys,

I just got a W today and I wanna share with y'all.

Today I learned how to build a responsive header!
It also turns into a hamburger menu for small devices

It's exciting for me because i don't really like front-end development that much. With these little steps I can build my knowledge more efficiently and even faster.

Here is a demo:

I'm building a little blog app, hope it's done till august's end...
I will be sharing my progress here

Hope you guys like it, I'm happy with the result

That's it for today, exploring new worlds!

A big HelloWorld!

Enzo Rossi Daltoé — Fri, 07 Jul 2023 22:57:01 +0000

Well, hello!

Or "Olá" as we say here in Brazil. I'm Enzo, a 18 year old student and little developer that likes so much to learn new tricks!

I am a Javascript developer in my free hours, the latest application that I developed were an Email system. I used these tools to build it:

Javascript
NodeJS
ExpressJS
Sequelize

Well, these are the tools that I used to work on it, and I really liked it!
It was so challenging to build it from zero knowledge about this type of system, but my little knowledge when creating an API was very good and valuable for me to build it.

You can check it here if you want.

What do you guys think? I'm good for a basic and new developer?