Forem: Arya Krishna

Javascript Beginners If Else Statements

Arya Krishna — Sun, 17 Dec 2023 01:22:40 +0000

If you are a beginner in Javascript, understanding conditional statements is very important.
Why if conditional statements considered as one of the fundamental concepts of Javascript or any other programming language? It is mainly because if/else statements help in directing the flow of your code based on specific conditions.
It will provide the ability to dictate which code should run under certain circumstances.

Here are some site's where you can understand or learn more about conditional statements.

IT Beginner Series: JavaScript IF/ELSE Exercises

JavaScript conditional statements and loops - Exercises, Practice, Solution

If Else Statements

Monday Learning

Arya Krishna — Mon, 24 Oct 2022 17:02:37 +0000

If you are looking to add some beautiful colors to your personal website, there are professional designers who've curated some of their favorite color palettes, and they provided the Hex codes to implement them in your own designs. Check this site out - https://colorhunt.co/

Emojis for your Project

Arya Krishna — Mon, 17 Oct 2022 19:04:04 +0000

How to type emojis in your projects?

On Mac:

Command + Control + Space

This is the default shortcut to bring up the emoji keyboard.

Access Emoji in Windows 10 Using Keyboard Shortcut

Put the cursor in any text field you’d like to insert an emoji. This could be Microsoft Word, Chrome, or Notepad app.

Press the WIN + . (full stop) keyboard shortcut, or else the WIN + ; (semicolon). Either will open an emoji picker over the text field.

Also use - Unicode Emoji Table

What are the other ways that you use for adding an emoji?

Git & GitHub

Arya Krishna — Mon, 10 Oct 2022 17:04:08 +0000

What is DevOps?
DevOps is nothing but a culture that helps the development team and operations team to work together. The idea is to continuously develop the code and test them alongside. There will be continuous integration taking place, meaning no matter where you are in the deployment lifecycle, your code is being continuously tested. There will be continuous releases since the operations team will keep deploying the code to the production environment.

That is a lot of continuous in one paragraph!! In short DEVOps allows better collaboration, increased trust and faster software releases.

Tools in DevOps

DevOps is split in to 2 areas - The Development and Operation environment.

In the Dev side you have - Building, Code, Planning, And Testing. And in the Op side you have Release, Deployment, Operating & Monitoring.

Source Code Management Tools like SVN(previously used centralized version control system),TVS or Team Foundation Service (distributed under the trailware license for issue tracking and document management), Git (open source distributed version control system).

What is Git ?
Git is a version control system for tracking changes in Computer files. It is generally used for source code management in Software development.

Changes can be tracked in the source code
Distributed version control tool used for source code management
Allows multiple developers to work together
Supports non linear development because of it's thousands of parallel branches

*Features of Git *

It is free and open source
Tracks History
Like mentioned earlier Git supports non linear development
It is incredibly scalable
It is collaborative and branching becomes so easier

Git Workflow

Typically you start off having the working directory locally and you stage those files in to a staging area. And then you commit the changes to your git repository. These are the changes that you commit locally on your computer. Finally you push those changes and there by your code becomes available to all the developers working on that project.

There is also the concept of branching that comes in to play when we talk about pushing the code. Branch in git is used to keep your changes until they are ready. You can do your work on a branch while the master branch remains stable. Once your work is completed you can merge your changes to the master branch.

*Git Commands *

git init - Create repositories in your local computer
git add - Adds a change in the working directory to the staging area
git commit -captures a snapshot of the project's currently staged changes
git status -displays the state of the working directory and the staging area
git branch - List, create, or delete branches
git merge - Join two or more development histories together
git rebase - he process of moving or combining a sequence of commits to a new base commit
git push - used to upload local repository content to a remote repository
git pull - used to fetch and download content from a remote repository and immediately update the local repository to match that content
git origin - a shorthand name for the remote repository that a project was originally cloned from

Web APIS

Arya Krishna — Thu, 08 Sep 2022 05:29:58 +0000

What is an API?

An API (Application programming interface) is a set of events, methods, properties and URLs that the developers use to interact with the components of a user's web browser. APIs can also interact with the data sets, hardware or software on a user's computer and third party softwares and services.

What are Web API's? Web APIs use javascript to manipulate the webpages. It is a prebuilt code that comes readily available inside of our browser environment. We use web APIs to create elements and add them to the browser, or to add and remove styles and attributes via Javascript.

Cloud concepts - Basics

Arya Krishna — Sat, 04 Jun 2022 18:43:40 +0000

Cloud for simple understanding can be considered as new way of thinking about system architecture, servers, and network bandwidth. Cloud computing is about "renting" resources vs purchasing hardware. You only pay for what you use and you are running your applications in someone else's data centers. For example Microsoft, Amazon, Google - they all have these data centers.
What are the core cloud services that are available?

Compute - These can be the virtual machines or it could be a Windows or Linux server that runs in the cloud, can be a desktop or even a web application.
Storage - File shares, databases or blob stores
Networking services
Application Services
Analytics

You may have typically used all these services in the premises, but with cloud you would just pay for what you use.

Learn GIT - degit

Arya Krishna — Sun, 22 May 2022 17:56:13 +0000

degit is almost similar to git clone. degit makes copies of git repositories. When you rundegit some-user/some-repo, it will find the latest commit on https://github.com/some-user/some-repo and download it.

Advantage of degit over git clone - quicker than using git clone, because we're not downloading the entire git history.

To install the package for degit

npm install -g degit

More resources to degit -
What does Degit exactly stand for?

Docs on degit

Showing the usage of degit in a svelte project

Svelte Components

Arya Krishna — Tue, 17 May 2022 06:23:26 +0000

*What is a component? *

A component in simple words is a stand alone section of a webpage. Basically they are the building blocks to create a web page which can be put together and output to the dom or the browser to create a whole website.

For example the nav baror footer on your webpage can be a component. In svelte kit whole page is represented by component as well. Say for example you have an about page, then in order to represent that about page you would have an about component also. Naming of a svelte component has to be something.svelte, for example for an about page it can beabout.svelte. That means the .svelteextension is being used in naming svelte components.

Inside a svelte component we can essentially have 3 different things -

an html template- which is the html page that is rendered to the browser.
a script tag - where any interactive javascript which we inject in to the webpage goes in.
a style tag- where any css to style the template goes in.

We usually write all of our svelte code inside the src folder. We create the components and later inject them into the dom. All of our scripts from our different components and all of our styling from the components are bundled together and made in to a single file in svelte.

<script>
let name = 'Arya';
</script>

<main>
<h1> hello {name}</h1>
</main>

The code block above explains the syntax in which we dynamically write svelte.

Binding variables or values to input fields -

<input type = "text" bind:value = " "  >

In order to bind a variable or value to input fields, all we have to do is add and input type text and add in a bind attribute : and add what we would like to bind to the value of the input.

What this help us achieve is that when the value of the input changes, then the variable changes accordingly and vice versa.

Introduction to Sveltekit

Arya Krishna — Mon, 16 May 2022 06:04:14 +0000

Svelte-kit is a framework for building website with Svelte. It is a front end javascript library with the following features -

Server and client side rendering
comes with routing systems
provides a backend API
code splitting

This is also a popular SPA framework. According to mdn web docs

An SPA (Single-page application) is a web app implementation that loads only a single web document, and then updates the body content of that single document via JavaScript APIs such as XMLHttpRequest and Fetch when different content is to be shown.

The easiest way to start building a SvelteKit app is to run

npm init svelte my-app

In order to have a proper functioning svelte app you need to make sure you have an updated version of node js installed to your system. Svelte sometimes runs into problems with older versions of node.

If you use vs code extensions svelte for vs code is a good extension to install. This will provide us with syntax highlighting for svelte components.

Learn more about svelte kit here

JavaScript Technical Interview Questions 2

Arya Krishna — Fri, 13 May 2022 05:57:03 +0000

Q. Which statement below is not true about functions in JavaScript?

Functions can be reused throughout your code
Functions can receive arguments that can alter the output of a function
Functions are able to be recursive.
A function must always be assigned an identifier

Answer - A function must always be assigned an identifier

Functions without identifiers are called anonymous functions which are used quite frequently used in JavaScript.

Q. What are the two types of scope JavaScript uses?

Global and Local
Abroad and Local
Outside and Inside
Surrounding and Inner

Answer - Global and Local

Q. As a developer, I want to be able to remove the last element of my array and I want to also be able to add a new element to the beginning of my array. Which two array methods should I use?

concat() and shift()
forEach() and pop()
push() and sort()
pop() and unshift()

Answer - pop() and unshift()

The pop array method removes the last element of an array and the unshift method adds an element to beginning of the array.

Q. How do we access a value stored in an object?

Period notation, Square bracket notation
Dot notation, Bracket notation
Dot notation, Curl bracket notation
Equal notation, Abstract notation

Answer - Dot Notation & Bracket Notation

We have two ways of accessing data inside of an object, dot notation and bracket notation.

Q. What is an object method?

An array saved inside of an object
Keys in an object that have a number assigned to it
A function associated with an object
A function that takes an object for an argument

Answer - A function associated with an object

Q. What is the purpose of the 'This' operator?

The keyword 'This' refers to the object it is in. 'This' changes based on which object it is in when being called.
This' is an array where we can easily store global variables for when we need access to them.
This' keyword lets us make a reference to our window gives us access to special object methods.
This' keyword allows us to specify certain variables to it which can be used in the global scope.

Answer - The keyword 'This' refers to the object it is in. 'This' changes based on which object it is in when being called.

Q. From the reason listed below which is NOT true about JavaScript.

JavaScript increases interactivity of our websites.
Javascript allows developers to create richer interfaces for the users.
JavaScript lets provide the user immediate feedback upon an action.
JavaScripts handles numbers better than most programming languages.

Answer - JavaScripts handles numbers better than most programming languages.

For-Loop in JavaScript

Arya Krishna — Fri, 13 May 2022 05:45:28 +0000

There's a limitation of only accessing arrays based on the index value. We would be repeating a lot of code when we are doing this. Instead we can use a for-loop to execute code more than once.

One of the primary reasons for us to use our for-loop is because we can loop over the items in our array. For-loops are often used to iterate over arrays.For-loops are just iterative repeatable blocks of code that is going to run a certain number of times. How many times our loop is going to run is based on for-loop definition.

Let's breakdown our for-loop a bit more in detail.

Every for loop begins with a FOR keyword followed by a set of parentheses. This looks familiar to our if statements. Followed by parentheses there will be curly brackets.

for (
var i = 0;i < 5; i++) {
This block of code will run each time
}

Going into our for-loop we get three parts. In the block of code above var i = 0 is our declarative statement - where we come and declare our variables which can be used through out the process. We are going to start at position zero is what we are defining here.i < 5 determines when our loop should be broken. In other words our condition no longer evaluates to true when i is less than 5. This brings us to the last part i++ where we increment or modify our pointer to change how we are moving through the loop. i++ means i = i+1 which then brings us back to the condition check.

In for-loop we also take the advantage of arrays length property. We loop until we are one less than the array length. In a for-loop we are not looping over an array but we are looping over a position to point in to each part of our array from start to finish.

JavaScript Technical Interview Questions 1

Arya Krishna — Thu, 12 May 2022 06:31:01 +0000

Q. Inside the HTML document, where do you place your JavaScript code?

Inside the <head> element
In the <footer> element
Inside the <script> element
Inside the <link> element

Answer - Inside the <script> element

Q. What operator is used to assign a value to a declared variable?

Colon (:)
Equal sign (=)
Question mark (?)
Double-equal (==)

Answer - Equal sign (=)

Q. What are the six primitive data types in JavaScript?

string, number, boolean, bigInt, symbol, undefined
sentence, float, data, bigInt, symbol, undefined
string, num, falsy, bigInt, symbol, undefined
sentence, int, truthy, bigInt, symbol, undefined

Answer - `string, number, boolean, bigInt, symbol, undefined

Q. What is the difference between && and ||?

The logical operator && returns true if none of the expressions are true while the logical operator || returns true if one expression or the other returns true.

The logical operator && returns true if both expressions are true while the logical operator || returns true if one expression or the other returns true.

The logical operator && returns true if one expression is true while the logical operator || returns true if both expressions return true.

The logical operator && returns true if both expressions are true while the logical operator || returns false if one expression or the other returns true.
Answer -
The logical operator && returns true if both expressions are true while the logical operator || returns true if one expression or the other returns true.

Q. How do we declare a conditional statement in JavaScript?

for loop
while loop
if...else
difference...between

Answer -
if...else

Q. From the given array which index is the letter 'b' on? ['a', 'b', 'c', 'd']

0
3
2
1

Answer - 1

Q. How do we stop a loop from from repeating indefinitely?

We have to explicitly end the loop with the break keyword.
A loop will stop executing when the condition is true.
A loop will stop executing when the condition is false.
When we have iterated through half of the condition.

Answer - A loop will stop executing when the condition is false.