DEV Community: Etulan

HNG Journey Begins

Etulan — Mon, 16 Aug 2021 16:58:01 +0000

After completing the Zuri&I4G Training program in the Frontend stack, the next plan was to build new awesome projects and learn more about React. In the beginning, I was interested in many projects and my focus was divided. The result was that none of the projects was completed. All I can say is that my discipline was not on par with my goals then so I decided to look for a program that will open me up to a more complex project with a real-life experience that includes deadlines and a community and what better program than the HNG Internship. Just as for any intended journey, preparations and a list of what to achieve on that journey need to be made. My goals for the next six weeks of this internship are as follows:

Reach the stage the highest stage I can without slacking off and making sure I do the required research without giving up halfway.
Know where I stand if I find myself in a workplace in terms of my skills and how fast I can deliver.
Leave knowing more about React and how to use it in any project.
Grow my network and connect with people who reside or school around me.

For more info, visit:
HNG/Zuri internship
Zuri training
Zuri Team

Helpful tutorial for basics

Git
Figma
HTML
CSS
Javascript
Nodejs
React

About me

Slack username- @etulan
Stack- Frontend
My Zuri article
If you are interested in cars

Array Methods

Etulan — Thu, 15 Apr 2021 10:50:35 +0000

An array is a special variable that can hold more than one value at the same time. That is, they are used in Javascript to store multiple values in one variable.

As a programmer, you'll need to adjust/remove/add/replace/count etc elements in an array therefore you need to know the right method to use for any manipulation. There are different methods of manipulating an array and I will be showing some of them.

concat()

This method is used to merge (concatenate) existing arrays. It returns the new array by combining previously declared array variables.

splice()

This method changes the content of an array by adding and/or removing or replacing elements in an array.

every()

This method returns true or false if every element in the specified array satisfies a condition specified in the callback function. Returns false even if a single element does not satisfy the condition.

filter()

This method returns a new array of all elements that satisfy a given condition.

shift()

This method removes the first element of the array. Its return value is the removed element.

pop()

Unlike shift above, the pop() method removes the last element from an array and returns that element.

Other methods include but not limited to:

Methods	Methods
forEach	map()
indexOf	reverse()
join()	lastIndexOf()
fill()	fine()
unshift()	toString()

Difference between =, ==, and === in JavaScript

Etulan — Sun, 11 Apr 2021 22:00:35 +0000

First, What is an operator?

JavaScript operators are used to assign values, compare values, perform arithmetic operations e.t.c.

Classes of Operators

*Assignment Operators
*Arithmetic Operators
*Comparison Operators
*String Operators
*Conditional Operators
*Logical Operators
*Bitwise Operators
*Relational Operators
*Unary Operators and more...

For this article, I will only focus on those operators that include =, ==, ===.

Assignment Operators

Assignment operators assign values to variables in JavaScript. It assigns values to its left operand based on the value of its right operand.

Arithmetic Operators

They perform an arithmetic operation between numerical variables and/or values. They include +, -, (*), (/), %, ++, --.

Comparison Operators

Comparison operators are used in determining the equality or difference between variables or values. Comparison operators are further divided into two, the equality operators and relational operators.

Equality Operators

Equality Operator (==) equal to
Inequality operator (!=) not equal
Identity operators (===) equal value and equal type
NonIdentity operators (!==) not equal value and not equal type

Equality Operator (==)

This checks whether its two operands are equal and returns a boolean result.

Identity Operator ===

The strict equality operator (===) checks whether its two operands are equal and of the same type, returning a Boolean result.

Differences between =, ==, ===;

Firstly, = is an assignment operator whereas the other two are equality (comparison) operators.
= assigns a value to a variable. == compares two variables while ignoring the data type of each variable. === compares two variables in terms of its values and data types (string, number).
= returns a string or number == returns a boolean expression, true if the values are equal and false if they are not. === also returns a boolean expression, true if both the values and data types are equal and false if either value/datatype is not equal.

The Zuri Experience

Etulan — Wed, 31 Mar 2021 14:21:26 +0000

It's been two weeks into the training and I can say the future and present is looking bright. Fast forward three orientation videos after the training for the frontend track kicked off with general tasks already out and live classes starting in earnest, I said to myself, Wow! so this is how the real tech world is with deadlines everywhere. I have learnt that to gain more we have to sacrifice some, this was especially when I saw that a class was fixed at 12am and people were still able to attend even though the videos will be made available after. With these and more, I have discovered that I have to change my attitude to learning or I would be swept away in the tech crowd and that I need to find what makes me different from the thousands of people getting into this field.
The training has been insightful, the videos very explanatory and the mentors working hard to ensure that we have a smooth experience and that all complaints/suggestions are treated well. I would love to thank Ingressive for Good and Zuri team for putting together this internship and hopefully, I'll complete this training with a certificate and another article detailing my experience.

JavaScript Syntax

Etulan — Fri, 19 Mar 2021 13:03:44 +0000

Rules are an important part of our lives and they serve to guide our actions and hopefully, keep us from committing crimes. That's why when picking up your editor to write some codes, you need to know the rules of JavaScript. Let's dive in!

JavaScript syntax is a set of rules that define a correctly structured JavaScript program.

JavaScript borrows most of its syntax from Java, C, and C++, but it has also been influenced by Awk, Perl, and Python. JavaScript is also case sensitive.

Syntax are further categorized as follows:

Values
Identifiers
Operators
Expressions
Comments
Keywords

Values

These are those things we use while executing JavaScript and they possess definite properties. JavaScript defines two types of values:

Fixed Values (Literals)
Variables Values (Variables)

Literals are fixed values that you provide in your code. Ther include string, array, boolean literals and more.

Variables are variable values that store data type.

Identifiers

An identifier is a sequence of characters in the code that identifies a variable, function, or property. (MDN Glossary)
They are part of the code itself and are case sensitive. They consist of letters, numbers, dollar and underscore symbols.

Operators

Operators are used in computing values. They operate on an operand and produce a result.

Expressions

An expression is any valid set of literals, variables, operators, and expressions that evaluates to a single value. The value may be a number, a string, or a logical value.
An Expression can give an evaluation

Or they can assign values to variables

Comments

In your Programming journey, you will have to share your script at some point or perhaps you wrote a code and you need to remember what the code does, or you need to debug by lines. This is where comments come in. Comments are not executed by JavaScript

Keywords

Have you ever entered a parking lot and you see the best spot reserved for the Head of Department? Exactly, keywords are reserved just for JavaScript meaning you shouldn't use them to name your variables or functions. Some examples are var, typeof, goto, do, while and so on. Can you name more?

If you made it to this point, then Congratulations! you know the rules. Want to know more? Feel free to learn more about each syntax as everything about them is not stated here. Remember to share your thought in the comment section.

Happy Coding!