DEV Community: Chelsea Chemweno

Questions to Expect in an Interview

Chelsea Chemweno — Thu, 27 Oct 2022 14:28:54 +0000

Tech Interviews are not as ambiguous as you might think .
In order to top it all , practice these to build programming skills.
You could either use the langugage of your choose or the languge that is required t be used b the interviwer .

Digits in Numbers

#Find a digit at a specific place in a number

#Count the digits in a number 

#Find the largest digit in a number

#Find the second largest digit in a number

#Find the Kth largest digit in a number

#Find the smallest digit in a number

#Find the second smallest digit in a number

#Reverse the digits in a number 

#Rotate the digits in a number

#Is the number a palindrome 

#Check the number divisibility by 2, 3, 5 , & 9

#Find the generic root (sum of all digits a number)

2.Numeric Operations

#Find the sum of 'n' numbers 

#Find the expontention of a number 

#Find the factorial of a number 

#Check if the number is a perfect square 

#If a number is a perfect square , find its square root 

#Find the multiplication of 'n' numbers

3.Prime Factors

#Check if a number is a primary or not 

#Find the GCD of 2 numbers 

#Find the LCM of two numbers 

#Find all prime factors of a number 

#Given a number , print all primes smaller than it

4.Number Series

#A Fibonacci sequence 

#An AP sequence 

#A GP sequence 

#Any given sequence 

#Find the Kth number in 1 to 4 

#Find the first 'k' numbers in 5 to 8 

#Find the ith to jth numbers in 9 to 12

#Given some values ,find 13 AP's steps value 

#Given some values , find 14 GP's common ratio

Algebraic Equations

#Given two linear equations ,find the solution 

#Given a quadratic equation , find the root values 

#Given a linear equation, find the dependent value for an independent value.

6.Complex Numbers

#Given a complex number , print its real and imagariey part 

#Multiply two complex numbers 

#Divide two complex numbers 

#Find the square of a comple number 

#Add two complex numbers 

#Substract two complex numbers 

#Find the square root of a negative number

7 . Special Numbers

#Check if a number is strong number 

#Check if a number is a perfect number 

#Check if a number is an Armstrong number 

#Check if a number is a Lychrel number 

#Check if a number is Harshad number 

#Check if a number is Catalan number 

#Check if a number is a Duck number 

#Check if a number is an Ugly number 

#Check if a number is an Abundant number 

#Check if a number is Narcissistic Decimal number 

#Check if a number is Lucus number 

#Check if a number is Kaperkar number 

#Check if a number is a Happy number 

#Check if a number is an Evil number 

#Check if a number is an Amicable number 

#Check if a number is a Pronic number 

#Check if a number is a friendly Pair number 

#Check if a number is a Sunny number 

#Check if a number is a Deficient number 

#Check if a number is a Neon number 

#Check if a number is Automorphic number 

#Check if a number is Trimorphic number

8.Unit conversion

#Base 
  >Octal
  >Binary 
  >Hexadecimal 
  >Decimal 
#Weight 
  >Gram 
  >Kilogram
  >Quintal
  >Tonne 
  >Pound 
  >Ounce 
#Lenght 
  >cm 
  >mtr 
  >km 
  >ft
  >mile
#Area 
  >sq cm 
  >sq mtr 
  >sq km 
  >sq km 
  >sq inch 
  >sq ft 
  >sq yard 
  >Arce
  >Hectare
#Volume 
  >Cubic mtr 
  >Cubic Inch 
  >Cubic Ft 
  >litre 
  >Gallon
  >Pint 
  >Barrel 
#Temperature 
 >Fahrenheit
 >Celcius 
 >Kelvin 
 >Rankine 
 >Newton 
 >Romer 
 >Reaumur 
#Time 
 >Second 
 >Minute 
 >Hour 
 >Day 
 >Week
 >Month 
 >Year 
#Currency 
 >USD
 >EUR
 >GBP 
 >JPY
 >CHF
 >CAD 
 >AUD 
 >CNY 
 >HKD
 >SGD
 >KRW 
 >INR 
 >ZAR

9.Calculation

#Calculate loan 

#Calculte fixed deposit returns 

#Calculate Simple Interest 

#Calculate Compound Interest 

#Calculate BMI 

#Calcualte item Price  (Considering tax , discount and shipping )

Geometry

#Find the distance between two points 

#Given two sides of a right-angel triangle , find the 3rd 

#Find the 3rd angel of a triangle when 2 are given 

#Area of a triangle when two sides are given 

#Perimeter of a square 

#Area of a square 

#Circumference of a circle 

#Circumference of a semi-circle 

#Area of a rectangle 

#Perimeter of a rectangle  

#Area of a semi-circle 

#Area of a ring 

#Circumference of an eclipse 

#Area of an eclipse 

#Volume of a hemisphere 

#Volume of a cube 

#Surface Area of a cylinder 

#Surface Area of a cylinder

11 . Vector

#Find scalar multiplication of a vector 

#Find the magnitude of a vector 

#Find a unit vector along a given vector

#Find dot product of two vectors 

#Find a cross product of two  vectors 

#Check if the vectors are orthogonal 

#Find addition/subtraction of vectors

12 .Matrix

#Find the determinant of a matrix 

#Find the multiplication of two matrices 

#Find the transpose of a matrix 

#Find if two matrices are orthogonal 

#Find inverse of a 2x2 and 3x3 matrix 

#Find the addition and subtraction of matrices

11.Set

#Find the union of 2 sets 

#Find the intersection of two sets

#Find the difference between two sets 

#Find if two sets are disjoint 

#Find the symmetric difference between two sets  

#Find if 2 set is subset/superset of another

War :"Emacs or "Vi" Text Editor

Chelsea Chemweno — Fri, 26 Aug 2022 02:32:00 +0000

In today’s world, you would not miss anyone using their web browser to search for something on a daily, whether it is internet explorer, Firefox or even chrome .For this case therefore, it brought the rise of using text editors .Emacs and Vi since time memorial have been the go to text editors for software developers .Some prefer using “Vi” others prefer using “Emacs”.

So let us look at the difference between using VI and Emacs as a text editor.

Here are Flex-Box Container Properties

Chelsea Chemweno — Mon, 08 Aug 2022 12:42:51 +0000

Under the Flex Container Properties it is categorized into six:-

Flex Direction
Flex Wrap
Flex Flow
Justify- Content
Align Item
Align Content

1. Flex Direction

Apply the flex properties to the parent element that has the child

The direction could be either raw or column.

HTML DOCUMENT

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flex Box</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
       <div id="one">item One</div>
       <div id="two">item two</div>
       <div id="three">item Three</div>
       <div id="four">item Four</div>
    </div> 
</body>
</html>

CSS DOCUMENT COLUMN DIRECTION

/*parent container */
.container {
    display: flex;
    flex-direction:column;
    border: 2px solid black;
    padding: 80px ;
    gap: 20px;
    /*child elements*/
}
#one , #two , #three , #four {
    height: 15vh;
    width: 10vw;
    border: 2px solid black;
    text-align: center;
}

CSS DOUMENT RAW DIRECTION

/*parent container */
.container {
    display: flex;
    flex-direction: row;
    border: 2px solid black;
    padding: 80px 80px 80px 80px;
    gap: 20px;
    /*child elements*/
}
#one , #two , #three , #four {
    height: 15vh;
    width: 8vw;
    border: 2px solid black;
    text-align: center;
}

2. Flex Wrap

This feature specifies the items to wrap on resizing the into of the browser or the webpage. It is normally used to adjust the child elements and it is normally applied to the parent element.

The Flex Wrap holds three values flex no-wrap, Flex Wrap, and Wrap –Reverse

HTML DOCUMENT

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flex Box</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div>Angela </div>
        <div>Tom</div>
        <div>Mary</div>
        <div> John</div>
    </div>

</body>
</html>

CSS DOCUMENT FLEX WRAP :NO-WRAP

This is a default value of the flex box which specifies the parent element that its child elements should not be wrapped or adjusted.

/* Parent Elements*/
.container {
    display: flex;
    flex-wrap: nowrap;
    background-color: rgb(2, 192, 182);
    padding: 80px 80px 80px 80px;
    Gap: 20px;
}
/*Child Elements*/
.container> div {
    Padding: 2vh 2vw 2vh 2vw;
    background-color: rgb(11, 84,186);
    color: white;
}

CSS DOCUMENT FLEX WRAP :WRAP

With this one it specifies that all the child elements in the parent should be wrapped or adjusted accordingly.

/* Parent Elements*/
.container {
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(2, 192, 182);
    padding: 80px 80px 80px 80px;
    gap: 20px;
}
/*Child Elements*/
.container> div {
    padding: 2vh 2vw 2vh 2vw;
    background-color: rgb(11, 84,186);
    color: white;
}

CSS FLEXWRAP REVERSE : WRAP REVERSE

/* Parent Elemnts*/
.container {
    display: flex;
    flex-wrap: wrap-reverse;
    background-color: rgb(2, 192, 182);
    padding: 80px 80px 80px 80px;
    gap: 20px;
}
/*Child Elements*/
.container> div {
    padding: 2vh 2vw 2vh 2vw;
    background-color: rgb(11, 84,186);
    color: white;
}

3.Flex-Flow

Among the Flex container properties, the flex- flow for both flex direction and flex wrap. However, if the elements are not flexible items then the flex flow property will not be in effect.

CSS DOCUMENT FLEX FLOW

/* flex-flow: <'flex-direction'> */
flex-flow: row;
flex-flow: row-reverse;
flex-flow: column;
flex-flow: column-reverse;

/* flex-flow: <'flex-wrap'> */
flex-flow: nowrap;
flex-flow: wrap;
flex-flow: wrap-reverse;

/* flex-flow: <'flex-direction'> and <'flex-wrap'> */
flex-flow: row nowrap;
flex-flow: column wrap;
flex-flow: column-reverse wrap-reverse;

/* Global values */
flex-flow: inherit;
flex-flow: initial;
flex-flow: revert;
flex-flow: revert-layer;
flex-flow: unset;

4.Flex Justify Content

This property is used to align items along the main axis. There are two types of Flex-Justify Content.

• Raw Justify Content ( Aligns items along the horizontal axis )

• Column Justify Content ( Aligns items along the vertical axis )

They are then further divided into five values:-

Justify Content : Flex- Start
Justify Content : Centre
Justify Content : Flex-End
Justify Content : Flex-Around
Justify Content : Space Between

HTML DOCUMENT

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Flex Justify Content </title>
   <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div>Tomato </div>
        <div>Potatoes </div>
        <div>Onions</div>
        <div>Mango</div>
    </div>
</body>
</html>

CSS DOCUMENT Justify – Content : Flex Start

It has a responsibility of aligning items at the beginning of the parent container. It is also known as the default value.

/*Parent Element */
.container {
    display: flex;
    justify-content: flex-start;
    background-color: rgb(2, 192, 182);
    padding: 80px 40px 80px 40px;
    gap: 20px;
    width: 60vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Justify Content: Centre

It aligns all the flex items at the Centre of the parent container.

/*Parent Element */
.container {
    display: flex;
    justify-content: center;
    background-color: rgb(2, 192, 182);
    padding: 80px 40px 80px 40px;
    gap: 20px;
    width: 60vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Justify Content : Flex –End

With this one it aligns all the items at the end of the parent container.

/*Parent Element */
.container {
    display: flex;
    justify-content: flex-end;
    background-color: rgb(2, 192, 182);
    padding: 80px 40px 80px 40px;
    gap: 20px;
    width: 60vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Justify Content :Space – Around

In this kind space is created between and after the lines .

/*Parent Element */
.container {
    display: flex;
    justify-content: space-around;
    background-color: rgb(2, 192, 182);
    padding: 80px 40px 80px 40px;
    gap: 20px;
    width: 60vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Flex content :Space –Between

Here there is space in between the elements.
Since we have dealt the alignment of items in the main axis, let us look at the positioning of the cross axis. This involves the aligning of items and the alignment of content.

5.Align Items

When aligning items, there are two things to consider. One, if the container is set to row then the child elements will be in a vertical position. While if the container is set to column, then the child elements while be in a horizontal position.

In aligning items in flex box there are five values that you need to consider.

Align Items :Flex-Start
Align Items :Flex-End
Align Items : Centre
Align Items : Base-Line
Align Items : Stretch

N/B: In all the below examples I will use the row direction which is the default

HTML DOCUMENT

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Flex Justify Content </title>
   <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div>Tomato </div>
        <div>Potatoes </div>
        <div>Onions</div>
    </div>
</body>
</html>

CSS DOCUMENT Align Items : Flex – Start

Here the items are arranged at the top of the container.

/*Parent Element */
.container {
    display: flex;
    align-items: flex-start;
    background-color: rgb(2, 192, 182);
    padding: 40px 40px 40px 40px;
    gap: 20px;
    width: 70vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Align Items : Flex-End

This aligns elements at the bottom of the parent container.

/*Parent Element */
.container {
    display: flex;
    align-items: flex-end;
    background-color: rgb(2, 192, 182);
    padding: 40px 40px 40px 40px;
    gap: 20px;
    width: 70vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Align Items : Centre

These items are arranged at the center of the parent container

/*Parent Element */
.container {
    display: flex;
    align-items: center;
    background-color: rgb(2, 192, 182);
    padding: 40px 40px 40px 40px;
    gap: 20px;
    width: 70vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Align Items : Base Line

Here items are arranged in the base axis. This Is irrespective of their item size

/*Parent Element */
.container {
    display: flex;
    align-items: baseline;
    background-color: rgb(2, 192, 182);
    padding: 40px 40px 40px 40px;
    gap: 20px;
    width: 70vw;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

CSS DOCUMENT Align Items :Stretch

It stretches out the container to items in order to fill the container.

/*Parent Element */
.container {
    display: flex;
    align-items: stretch;
    background-color: rgb(2, 192, 182);
    padding: 40px 40px 40px 40px;
    gap: 20px;
    width: 70vw;
    height: 70vh;
}
.container > div {
    padding: 3vh 1vw 3vh 1vw;
   background-color: rgb(11, 84, 186);
   color: white;
}

6.Align Content

Aligning Content is used to control the spaces in between the rows. It is also known as packing flex lines and takes place in the cross axis.

When the direction is row, align content is used to align flex lines along the vertical axis .

When the direction is column, align content is used to align flex lines along the horizontal axis .

It takes out the following values:-
align-content: flex-start
align-content: flex-end
align-content: center
align-content: space-between
align-content: space-around
align-content: stretch

HTML DOCUMENT

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Flex Box</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">
    <div> Flex Item 1</div>
    <div> Flex Item 2</div>
    <div> Flex Item 3</div>
    <div> Flex Item 4</div>

  </div> 
</body>
</html>

N/B All my examples are on row as a direction of default.

CSS DOCUMENT Align Content : Flex-Start

Aligns the flex lines on top of the parent container

.container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
   background-color: rgb(2, 192, 182);
   padding: 40px;
   gap: 20px; ;
   height:75vh ;
   width:30vw ;
}
 .container>div {
    padding:3vh 1vw 3vh 1vw ;
    background-color:rgb(11, 84, 186) ;
    color: white;
 }

CSS DOCUMENT Align Content :Flex –End

This one aligns the flex lines at the bottom of the container.

.container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
   background-color: rgb(2, 192, 182);
   padding: 40px;
   gap: 20px; ;
   height:75vh ;
   width:30vw ;
}
 .container>div {
    padding:3vh 1vw 3vh 1vw ;
    background-color:rgb(11, 84, 186) ;
    color: white;
 }

CSS DOCUMENT Align Content :Flex –Centre
Aligns the flex lines at the middle of the parent container

.container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
   background-color: rgb(2, 192, 182);
   padding: 40px;
   gap: 20px; ;
   height:75vh ;
   width:30vw ;
}
 .container>div {
    padding:3vh 1vw 3vh 1vw ;
    background-color:rgb(11, 84, 186) ;
    color: white;
 }

CSS DOCUMENT Align Content :Space –Between

The space between the flex lines

.container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
   background-color: rgb(2, 192, 182);
   padding: 40px;
   gap: 20px; ;
   height:75vh ;
   width:30vw ;
}
 .container>div {
    padding:3vh 1vw 3vh 1vw ;
    background-color:rgb(11, 84, 186) ;
    color: white;
 }

CSS DOCUMENT Align Content : Space- Around

Flex Lines with spaces around them

container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
   background-color: rgb(2, 192, 182);
   padding: 40px;
   gap: 20px; ;
   height:75vh ;
   width:30vw ;
}
 .container>div {
    padding:3vh 1vw 3vh 1vw ;
    background-color:rgb(11, 84, 186) ;
    color: white;
 }

CSS DOCUMENT Align Content :Stretch
The flex lines are stretched to fill out the container.

.container {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
   background-color: rgb(2, 192, 182);
   padding: 40px;
   gap: 20px; ;
   height:75vh ;
   width:30vw ;
}
 .container>div {
    padding:3vh 1vw 3vh 1vw ;
    background-color:rgb(11, 84, 186) ;
    color: white;
 }

If You Use Visual Studio Code . Know these Shortcuts

Chelsea Chemweno — Sun, 07 Aug 2022 11:30:07 +0000

Knowing Visual Studio code shortcuts will save you more time than you can imagine when writing your codes . Checkout some of these shortcuts you can try in order to save on time.

1. ID and Class Attributes

• Adding an Id attribute in an HTML tag
(div#info)

<div id="info"></div>

• Adding a class attribute to a html tag
(div.header)

<div class="header"></div>

• Adding an Id and a class attribute
(Form#.info)

<form action="" id="" class="info"></form>

• Adding multiple Id and class attributes
(p.info1.info2.info3.info4#info)

<p class="info1 info2 info3 info4" id="info"></p>

2.Item Numbering

• Adding an ordered number of class names to the child elements.
(ul>li.items$*5)


<ul>
    <li class="items1"></li>
    <li class="items2"></li>
    <li class="items3"></li>
    <li class="items4"></li>
    <li class="items5"></li>
</ul>

3.Child elements in the same class (Implicit Tag names )

(ul>.item)

<ul>
    <li class="item"></li>
</ul>

OR

(table>.row>.col*3)

<table>
    <tr class="row">
        <td class="col"></td>
        <td class="col"></td>
        <td class="col"></td>
    </tr>
</table>

4.Putting Into Groups

(div> (header>ul>li*2>a) +footer>p)

<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>

5.HTML tag with a text

(a{Google})

`<a href="https://www.google.com/">Google</a>`

6.Adding a HTML tag to another HTML tag (Siblings)

(div+sec+p)

<div></div>
<sec></sec>
<p></p>

7.Adding Child and Parent Elements

•Adding multiple child elements

(ul>li*)

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

•Adding child elements to the parent elements

(ul>li)

<ul>
    <li></li>
</ul>

Are You Struggling with Web Development ?

Chelsea Chemweno — Thu, 04 Aug 2022 18:27:00 +0000

Trust me web development is not as hard as you think! I struggled to understand coding in lectures because they never gave me real projects with real-life examples. It was not until my mentor introduced me to these YouTube channels that changed my whole perspective about coding, especially web development, that made my work more understandable than before.

Transverse Media

This is a free web development tutorial on YouTube and some project-based tutorials on Udemy and other learning platforms. It is owned by Brad Trasversy, who started coding in 2007 when he was only 26 years old. He also has a website showcasing some of the courses he offers on other platforms that teaches his classes.

With Transverse Media, you not only get to learn web development languages (HTML, CSS, and JavaScript). However, you also get to learn languages used in both backend and front–end engineering. For the front-end, for example, you get to know frameworks like React and Vue. While as for backend engineering, you get exposed to programming languages like Node.Js, Python, and PHP.

Web Dev Simplified

This YouTube channel moves you from a no-stack developer to a full-stack developer in no time. What I loved about this channel was the easy access to source codes on the projects he explains in his YouTube videos. He also offers a range of resources that gives you a deeper understanding of the concepts he is explaining. He has also tagged in his GitHub account, where you can follow up on some of the projects that he is currently up to.

Free Code Camp

If I were to rank all the YouTube videos I have encountered that teach programming, this would top my list. Free Code camp is a non-profit organization that has set the bar so high in teaching thousands of individuals how to code. If you don't want to spend your coins on enrolling in these boot camps, then a free code camp is for you.

Free Code Camp is a popular learning platform to learn coding

Free Code Camp gives you access to learning materials such as articles and videos on YouTube. In this camp, you could also enter some support groups that are available around the world.

Google Developers

If Google is a dream company that you want to work at as a developer, then this is among the YouTube channels that you should keep tabs on. It not only gives you a learning experience on Web development but also exposes you to acquire some google developer's certification.

Some of these certifications include:

• Google Play store Listing Certificate

• Associate Android Developer

• Tensor Flow Developer Certificate

• Google Cloud Certified (Professional Cloud Architect)

• Google Cloud Certified (Professional Data Engineer)

• Google Cloud Certified (Associate Cloud Engineer)

Tree House

Tree House is a great YouTube Chanel for beginners who are just entering the coding world and want to learn more than web development. It goes as far as teaching mobile app development, gaming development, and also how to start a Software as a Service (SaaS) business.

One disadvantage of this program is that the courses on their website are not free. There is a monthly subscription until the completion of the registered class.

Programming with Mosh

Mosh is an Australian Software engineer who gas simplified learning how to code using simplified videos relatable to the outside world. Although his popularity of programming languages is Python and C sharp (C#), I would still recommend him to teach web development because of the simplicity of the language that he uses.

Apart from this, he also offers paid courses on his website.

Happy coding guys, wishing you all the best in this journey that you have started .

Do You Want to Improve Your Coding ?Try This

Chelsea Chemweno — Tue, 02 Aug 2022 08:53:00 +0000

Programming is just all about practice and more practice. These top developers that we see grew over the years because of practice. You can have the best mentors and the best material, from videos to podcasts, but without exercise, there is no progress whatsoever that you will be making.

Therefore these are some of the platforms I encourage you to join to perfect your skills to become the best programmer.

1. Code Wars

This has to be the most popular platform to practice your programming skills as it is beginner friendly. As for code wars, before you sign in to start your journey to practice coding, you must complete a beginner-friendly initiation in the language you are most familiar with.

After this, you are directed to begin it in stages known as Kata. If you are a beginner, you will start from Kata 1 and complete at Kata 8.

In each Kata, you will be solving between twenty and thirty problems.

2. Edabit

Edabit you get an opportunity to choose the language and level best suits you. With Edabit, you are exposed to the challenges, tutorials and some form of practice you can do on your own to perfect your programming skills.

It is a great way to know how to solve these coding problems.

3. Leetcode

This platform for practising your coding skills has been popular over the years as big organizations and companies have used t during the interview process. However, despite being suitable for practicing coding, it is not recommended at the beginner level. The reason being those problems that are termed to be easy is one of the hardest to solve. That is why edabit and code wars become the most preferred when it comes to beginner-level practice. You can also practise SQLin leetcode. I can also practice SQL skills in Leetcode.

With Leetcode, there is the free version and the paid version. With the paid version, one gets access to premium questions and articles. You will also be able to practice on questions depending on the company you are targeting. So it becomes worth investing in.

4. Exercisim

One of the unique platforms to practice your coding skills. This platform is mainly for developers looking for a niche to settle in. Primarily for a developer who falls between the intermediate and advanced levels.

Here one is exposed to developers who help you identify what you are best in, especially in developing out of all the 60 programming languages coding problems you will encounter in the journey.

5. Hacker Rank

Hacker Rank derives its name from “Rank “. With this, you get t to participate in a different competition. You could get to rank 10,000 0r 5,000. This is dependent on how much you are learning. So the basis of this platform is to keep learning, not put your mind on where you have ranked. Instead, keep improving your skills to become the best version of yourself.

Another valuable thing about this platform is receiving certificates you could use when applying for those jobs.
In conclusion, these are my top five platforms for practicing how to code better. Remember, constantly practice and practice to grasp more of what you have learnt.

“Rome was not built in one day. “ Keep practicing your code.

Every Programmer Needs to Know These: Fundamentals of Programming

Chelsea Chemweno — Tue, 02 Aug 2022 06:01:00 +0000

It doesn't matter the programming language that you opt to learn. You must be familiar with all the fundamentals of programming.
At least eight main fundamentals of programming should be at your fingertips. They include.

• Basic Syntax

• Data types and structures

• Flow control structures

• Variables

• Functional Programming

• Object-oriented programming

• IDEs and the coding environment

• Debugging

Now lets us look at them one by one

*Basic Syntax *
Syntax is a set of rules that define the language's structure. In every programming language, there has to be syntax. One cannot be able to understand any programming language without understanding the fundamental syntax of the language you are learning.

Data types and structures
A data type is simply the classification of data that tells the interpreter how they intend to use the data.
These are the most common data types used by programmers.

String – Holds a sequence of characters, i.e., "Hello World. "
Boolean –Logical true or false data, i.e, true, false
Integers – Reprints whole numbers i.e -5,0,123
Arrays – Collects data of similar type
Characters – use of symbols from a defined mapping of integral values to symbols.

Data structures, however, are a collection of data values. They include operations that can be applied to the data or the algorithms that will be applied. One has to choose the perfect data structure to use.

Data structures in programming are essential in organizing, managing, and sorting out the data that has been collected. They form the building blocks of a more appealing application to the end user.

Some of the common types of data structures include:

• Stacks

• Queue

• Linked lists

• Trees

• Heap

• Graph

Flow Control Structures

These commands allow a program to take whichever direction depending on the analysis of the variables. There are usually three control structures; sequential, selection, and repetition.
A sequential control structure in programming involves the release of code statements one after the other.

Decision or selection control structure, on the other hand, works under two properties. The first one, the computer decides what action to perform based on the result of a test or a condition. It can also work based on a condition equaling a true or false.

Alternatively, loops are considered one of the most robust fundamentals of programming. In loops, it allows a block code to run repeatedly until a specified condition is either termed as true or false.

Variable

Variables are simply containers used to store data. As a programmer, one must know how to declare a variable and create a variable.

During the declaration of a variable, two main things happen

-It tells the compiler what the variable name is

It also specifies the type of data the variable will hold

Functional Programming

This is simply creating clean and maintainable software by using pure functions.

Object Oriented Programming (OOP)

This is a programming paradigm that programmers use that is mainly based on methods and objects rather than functions and logic.

There are four main Principles that are to be followed by programmers using Object Oriented Programming ( OOP )

• Inheritance

• Polymorphism

• Abstraction

• Encapsulation

IDEs and the coding environment

An IDEs in full is Integrated Development Environment. These are applications that programmers use to write code. These applications increase a programmer's productivity by enabling you to do things like code highlighting, compilation, debugging, and so many more features. Hence it is considered fundamental in programming.

Some of the common IDEs used by programmers include

• Visual Studio Code

• Intelli IDEA

• Net Beans

• Eclipse

*Debugging *

This is simply removing errors in either hardware or software. Some of the Common debugging tools used are :

• Radar 2

• WWinDgb

• Valgrind