Bootstrap very little essentials!

Candor Dennis — Thu, 25 Mar 2021 09:15:57 +0000

As a child, it took a while for me to walk for a while. I dragged my feet so many times in a bid to even stand properly.

This however was because my feet was slightly broken at birth and i had to manage till i was finally able to stand well. The excitement I felt was amazing!

I’ll relate to this story of mine later.

Learning CSS, was for me, from the very beginning really exciting. I was fascinated by the way HTML documents were easily manipulated using this language, how i was able to add colors and create boxes and shadows.. Truly mind blowing.

And then came BOOTSTRAP!

In this article I’ll be explaining what Bootstrap really is and how to use it. I believe you’ll find it as interesting as I still do.

OVERVIEW

Bootstrap is a frontend, open source, free to use, web and mobile responsive framework for building and deploying web pages.

As a frontend language, its components are designed to connect with the user directly, which simply means that it is used for designing web pages.

As an open-sourced language, millions of developers can contribute to it and modify to suit the required design.

Bootstrap is free for anyone to use, anytime… anywhere. Its resources are available.

Bootstrap was built “mobile first” which means that it is responsive across a variety of mobile screen sizes.

Bootstrap is majorly composed of already styles css files, already compiled javascript and jquery files as well as some others like the animate.css and popper.css.

These files are designed to perform specific actions either relating to a certain css feature or javascript feature.

The secret to properly using bootstrap is understanding its components and proper class names that perform specific functions.

To effectively use bootstrap in creating web pages, you can decide to use the online CDN or import and link bootstrap files in your HTML document.

Just like this.

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap practise class</title>
<link rel=”stylesheet” type=”text/css”      href=”bootstrap/css/bootstrap.css”>
<link rel=”stylesheet” type=”text/css” href=”bootstrap/css/style.css”>
</head>
<body>

<div class=”bg-success p-5">
<p class=”text-light display-4 small text-right”>HELLO AND WELCOME TO THIS BOOTSTRAP CLASS</p>
</div>

<script type=”text/javascript” src=”bootstrap/js/popper.js”></script>
<script type=”text/javascript” src=”bootstrap/js/bootstrap.jquery.js”></script>
<script type=”text/javascript” src=”bootstrap/js/bootstrap.js”></script>

</body>
</html>

YOU TOO CAN USE BOOTSTRAP

It’s no longer news that bootstrap has come to stay and you too can learn to use this amazing framework!

In my next article i’ll talk about a very important component of bootstrap and how it forms the basis for everything you will likely build with bootstrap.

MY LITTLE STORY

A few decades down the lane, i still have that excitement i felt the first day i stood.

Well, Bootstrap can give you this feeling if you so desire.

Learn the basics…. Practice……Keep coding.

HOW TO STAY MOTIVATED WHEN LEARNING TO CODE

Candor Dennis — Thu, 03 Sep 2020 16:16:06 +0000

I’ve often been asked questions upon questions about what my driving force towards coding and software development is.

And each time, I gave the same answer.

I will be sharing some tips that have helped me overtime to stay motivated and somewhat focused on each I step to becoming better.

One of the most important skills of successfully transitioning to becoming a software engineer is the skill of discipline and motivation.

It can be really difficult, even though programming is exciting especially when you're designing and building new products.

But on the other hand you could also face rejection over and over again and most times loose the zeal to continue.

Here are some tips I find helpful..

Know YOUR reason!.__This is the most important part, if there is no WHY as regards your venturing into the tech field, it will be very hard to hold on.

This should the first thing you have to do even if it means saying it to yourself every single day.

Set small MEASURABLE goals for yourself.__ It can be very easy to say you want to be a web developer or you want to be a Mobile app developer. There are actually processes involved in becoming these things.

Set realistic goals that you can reach at each step you take and celebrate your small wins.

Do more project based learning__ Honestly speaking, lectures and online courses could be boring sometimes.
See that you can organize and build small products, take up mini projects to check your skill proficiency at every given opportunity.

This helps you learn faster.

Find a COMMUNITY__ You will realize that so many people are going through the same process with you.
It will be easier to talk and ask questions to anyone you find there.

Communities you can join are GDG, Dev.to, and several groups on facebook where developers share ideas and talk about issues they face.

Remember to cut off those who bring negative energy with them, we DO NOT need that!

Lastly__ Always consume content that keeps you positive. Ask to know experiences of people who have faced similar issues and gone past it.

Be assured that learning takes time and you are not alone.

Find this helpful?
Let me know!!

DEV Community: Candor Dennis

Bootstrap very little essentials!

HOW TO STAY MOTIVATED WHEN LEARNING TO CODE