DEV Community: AdelabuAderonke

What you need to know about Javascript Debugger.

AdelabuAderonke — Fri, 07 Aug 2020 23:11:16 +0000

The process of finding and removing errors in a computer program is referred to as "Debugging". If you have written one or more codes you will definitely be familiar with Code debugging(finding and fixing errors in a computer program).
All modern browsers have a built-in Javascript Debugger. Built-in debuggers can be turned "ON" and "OFF" which ensure error is being reported to the user.
Code can be debugged in javascript by:
Setting Breakpoint: Use Chrome’s developer tools or Firebug to locate the line of JavaScript, then set the breakpoint with the mouse.
To do it in Chrome, first, open the developer tools
Select the Scripts tab.
Click the little folder icon on the far left.
Navigate to the source file where you want to set the breakpoint.
Find the line in question, then click the line number to set the breakpoint (a little highlighted triangle will appear).
When the breakpoint is fired, you get access to the watches section where you can run arbitrary expressions, see all the variables in scope, and the call stack.
Using Debugger keyword:
var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
You activate debugging in your browser by pressing F12 then select console in the debugger menu
You can also follow these steps:
Chrome
Open the browser.
From the menu, select "More tools".
From tools, choose "Developer tools".
Finally, select Console.
Firefox
Open the browser.
From the menu, select "Web Developer".
Finally, select "Web Console".
Edge
Open the browser.
From the menu, select "Developer Tools".
Finally, select "Console".
Opera
Open the browser.
From the menu, select "Developer".
From "Developer", select "Developer tools".
Finally, select "Console".
Safari
Go to Safari, Preferences, Advanced in the main menu.
Check "Enable Show Develop menu in menu bar".
When the new option "Develop" appears in the menu:
Choose "Show Error Console".

My Journey to becoming a Software Developer: DevCareer & Progate

AdelabuAderonke — Fri, 31 Jul 2020 10:45:21 +0000

Self Learning software development can be quite tasking. You need to be committed and set your goals right. You need to have a learning path otherwise you end up in tutorial's Hell.
If you are an aspiring software developer there is a place you need to visit regularly, It's TWITTER...Yes, Twitter.
There are a whole lot of opportunities there if you are just starting out as a developer. TechTwitter is a strong community on Twitter that are always ready to help an Aspiring Software Developer.
Well, I am not here to write about Tech twitter rather My writeup is based on one of my experience from the opportunity I had from one of Tech twitter sponsored program.

HOW IT STARTED

As usual, I was strolling through twitter street when I saw this.

Name cannot be blank

@hacksultan

Deep down inside me, I feel like

Gathering 100 newbies who already have laptops,

Get them access to Progate Premium subscription,

Put them in a slack workspace,

Fund them with good data for 3 months (Monthly), or until the end of Covid19.

And watch them grow!!!

12:50 PM - 26 Apr 2020

154 654

Free Data! Free Progate course!. I had a resolution within myself that I have to be in this program. If you live in Nigeria you will definitely understand how it feels to be given free data. I never knew much about Progate, I know it's a learning platform similar to Codecademy but I was willing to explore Progate.
Then there was a need for sponsorers for the program.

Name cannot be blank

@hacksultan

Happy to tell you that we’re doing this.
We just got a 500k (500 thousand Naira) support from @hoopsomuah to drive this initiative.

I’ll be pushing out more information on this soon.

Thanks to the people making this possible:
@hoopsomuah -500k
@Samson_Goddy - 70k
Anon - 55k twitter.com/hackSultan/sta…

13:41 PM - 30 Apr 2020

Name cannot be blank @hacksultan
Deep down inside me, I feel like Gathering 100 newbies who already have laptops, Get them access to Progate Premium subscription, Put them in a slack workspace, Fund them with good data for 3 months (Monthly), or until the end of Covid19. And watch them grow!!!

41 170

It's no news, Tech Twitter is always ready for the cause. After going through the screening I was selected.

SLACK CHANNEL: DEVcareers

There are numerous channels we have #Announcement, #Games, #Random, #AMA and others. It was fun and educative as well, Why won't it? when we have OkoyeCb- The Troublemaker as the Moderator. Not me! He likes to be address that way.

PROGATE: Master White and Ken the Ninja

Yeah! Learning on Progate is awesome. Coding was explained in a detailed, interactive and comprehensive way. Two cartoon characters were used to explain the interactive session. Where Master White is the Teacher and Ken the Ninja is the student. At the beginning of a new topic, Ken asks Master White questions which sometimes are similar to what I would have asked as well. As you finish a topic there is an advance in Level quite similar to a game. Kudos! to that.

AMA session: Samson Goddy and Hoop Somuah

The two different sessions was awesome. One of the advice I took from one of the lectures is to "Always remember how you started, why you started and why you are at your current status"- Samson
I have another one
"Do not focus on learning technology stacks. Tech stacks come and go like politicians. Don't get too attached. Focus on being able to pick up similar tech stacks, understand their similarities and their differences. This requires focusing on a deep understanding of the concept "-Hoop

Monthly Tasks and Lesson Learnt:

First Month: We were given an individual project. I was asked to clone a web page. I finished the web page but it wasn't responsive.
Lesson: I had to learn responsiveness against the next project. I had to stop procrastination and meet up with the deadline. That was my first time of hosting on Netlify.
Second Month: We were asked to join a team which will be selected by the Team Leader so we have to prove to the team leader we are worth being in their Team. I actually got into a group
Lesson: I didn't really participate in the group project. Teamwork was new to me. I promise myself I must contribute to the next team task.
Third Month: We were regrouped randomly into another team. I was in Team 2- "Wonder Women". I was active in this team we were asked to build an E-commerce site for a store. We had to divide the web pages among ourselves. I built the Login page.
Lesson: I learnt Pair programming, it was interesting trying this out using Live share. Team collaboration was tasking but we were able to decide eventually. I learnt how to use git for a team project.

This article is the final task. It was an experience I am sure to never forget. I can't wait to give back to the community. Shoutout to the Sponsorers, Moderators and Mentors of this Programme
(Samson Goddy, Hoop Somuah, Akintunde Sultan, Okoye Chidi and others).

What is A Function in Javascript?

AdelabuAderonke — Sun, 14 Jun 2020 12:37:30 +0000

A JavaScript function is a block of code designed to perform a particular task. A block of reusable code which helps prevent repetition.

Function Definition

You need to define a function in javascript before using it. We define a function in javascript by writing the Function keyword followed by Function Name(which can contain letters,numbers,same rules for naming variables also affect it) and bracket which might be empty or contain one or more parameters and statement codes which are surrounded by curly braces.

Basic syntax for function

function function Name(){

*//statement of codes

}
The above syntax will not work except you call the function

Function Invocation

To invoke a function or call a function to execute a statement of codes. You simply write the function name with a pair of brackets outside the curly braces.

let's write a function to greet a user.

function greet(){
console.log("Hello!!");
}
greet(); *//function invocation

Output

Hello!!

Function Parameter & Argument

We have successfully run a code without including a parameter, it is time to explore parameters and arguments. once you use a parameter for function declaration, you have to use a corresponding argument for the function invocation.

let's update the code above by adding name and age to the function

function greet(name, age){
console.log("Hello!!"+ name + "you are"+ age +"Years old.");
}
greet("John", 14);

Output
** Hello!! John you are 14 years old.

Awesome we have been able to cover the basics of function. You can simply reuse the code by calling the function multiple times.
You can try this out on your own by using different ages and names for the above like this:

*greet("Ali", 10);
*greet("Sam", 9);