Owol Destiny

Owol Destiny Real projects make real developers. Here, you will get an update on my tutorial video. I will focus on front-end tech languages.

We will be creating real projects from scratch this way you can learn by doing the thing yourself.

Hey Guys, Check out my new video on youtube.VS code extensions to improve your productivity (For Beginners )When I start...
08/05/2022

Hey Guys, Check out my new video on youtube.

VS code extensions to improve your productivity (For Beginners )

When I started using visual studio code, I installed every extension there is on visual studio code thinking that will make me a better developer.

If you are watching this video I am sure you have installed one or more vs code extensions, but for those who don't know what VS code extensions are, these are add-ons provided by a third party for you to archive some certain features that are not included into visual studio code itself.

Chapters:
0:00 intro
1:18 Developer favorite themes
2:52 Organize (Beautify) tags and text
5:10 Extensions in Pack
7:15 Install the needed extensions

I started using vs code in 2017, and I have learned a lot about this code editor since then. At first, I started with windows notepad, then I moved to sublime text, and a few months later I was introduced to visual studio code, which end up taking over everything coding for me. I found out that you can install an extension into vs code, then I installed the wrong extensions. We all make the mistake of adding up things that we don't need into our work tool, especially when they are free, our brain tells us that since we are not paying for it, then there is no harm. When I started using visual studio code, I installed every extension there is on visual studio code thinking that will make me a better developer.

Yeah, I was a vs code noob, total fact.

It was, unfortunately, I learned my lesson the hard way, vs code, start getting slower day after day, sometimes freezes and then crashes, and the more the extensions the more time vs code takes to load, I was frustrated, and it got me thinking maybe I need to change my laptop to a high-end laptop so vs code can run smoothly.

Alright, in this video I will show you the visual studio code extensions you need to improve your productivity when coding, all these extensions I have been using for years.

Since there are different types of extensions coming into vs code, promising you heaven in your code, it is tempting to start clicking on install - install - install until there is nothing to install anymore.

https://youtu.be/gibya098r8k

When I started using visual studio code, I installed every extension there is on visual studio code thinking that will make me a better developer. If you are...

Hello Friends, today I used most of the day to come up with ideas for my YouTube videos for the next 3 months.My goal is...
25/03/2022

Hello Friends, today I used most of the day to come up with ideas for my YouTube videos for the next 3 months.

My goal is to get monetized on YouTube within the next 3 months, and I will challenge myself to achieve this goal.

This means no more procrastination, to be sincere, I do procrastinate when it comes to the recording and editing part of the videos. I do see myself as a web developer not a video editor.

My goal is to produce good quality video over quantity, I will upload once a week.

Let the challenge begin, will document process and progress here on instagram as well.

What are you working on now.

Hello Friends, Working on a new sidebar menu for a YouTube video, I am using figma for the menu design first. Figma as b...
19/03/2022

Hello Friends,

Working on a new sidebar menu for a YouTube video, I am using figma for the menu design first. Figma as been my go to when it comes to designing.

I enjoy coding much better when I have the design done already. No matter how small the project I like having something to follow along.

I will leave the coding of the till next week, just to enjoy the rest of the weekend 😉.

Hope you are having a break too for the weekend?

Hey Guys, Check out my new video on youtube.How to Create a Responsive Navig*tion Menu Bar with Flexbox | 3 Designed Nav...
17/01/2022

Hey Guys, Check out my new video on youtube.

How to Create a Responsive Navig*tion Menu Bar with Flexbox | 3 Designed NavBar

In this video, you will learn how to create a responsive navig*tion menu bar design using HTML, CSS, and JavaScript ☰

❤ Support this project
https://www.buymeacoffee.com/owoldestiny

📁 Assets
Icons: https://iconscout.com
GitHub: https://github.com/owoldestiny

🔗 Source code
https://github.com/owoldestiny/How-to-Create-a-Responsive-Navig*tion-Menu-Bar-with-Flexbox-3-Designed-NavBar

🔔 Subscribe for more!
https://www.youtube.com/c/Owoldestiny

⏱ Timestamps
0:00 Intro Responsive Christmas Website
1:00 Overview
2:05 Project setup navbar 1
4:05 HTML for navbar 1
10:44 Reset HTML & Reusable CSS Classes
17:11 CSS for Navbar 1
36:50 Media queries
44:18 JavaScript
55:13 Project setup navbar 2 & 3
56:39 HTML for navbar 2
57:52 CSS for Navbar 2
1:1:38 HTML for navbar 3
1:5:52 CSS for Navbar 3

☕️ Support me
https://www.buymeacoffee.com/owoldestiny

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

https://youtu.be/XZpG1NnIUCM

In this video, you will learn how to create a responsive navig*tion menu bar design using HTML, CSS, and JavaScript ☰❤ Support this projecthttps://www.buymea...

I am designing the next youtube tutorial. This is the first time I am designing the whole website from scratch using Fig...
10/09/2021

I am designing the next youtube tutorial. This is the first time I am designing the whole website from scratch using Figma. Though, I get my inspiration from Dribbble.

Where do you guys get your inspiration from?

Hey Guys, Check out my new video on youtube.Portfolio Website HTML CSS and Deploy It Online for Free - Part FourPortfoli...
07/09/2021

Hey Guys, Check out my new video on youtube.

Portfolio Website HTML CSS and Deploy It Online for Free - Part Four

Portfolio website HTML CSS, with the best design you have ever seen here on youtube. This is a complete guard tutorial on how to create a personal portfolio website from scratch, and after we are done with the creation, we will then get a free domain name and upload the website online for free using Netlify. We will also collect the messages from the portfolio website contact form for free on Netlify.

Full playlist: https://youtube.com/playlist?list=PLuRyDR8FD_ZfVfe7fMTqkBDE0m3IeHzK-

A Personal Portfolio website that follows the design of today, if your portfolio website still follows the design of the past decades, then am sorry to say, No one is willing to waste their eyes on those website designs that suck.

This is the fourth in the series of creating a Modern personal portfolio website from scratch using HTML, CSS, and JavaScript. In this part four, we are going to be creating the portfolio section for the portfolio website.

If you just started the journey to becoming a website developer, it is quite hard to create your dream portfolio website. I remembered my time when starting to learn to code, I recreated my personal portfolio 4 times, hmm, it was so frustrating because the more I learn the more the portfolio sucks to me.

These are what we will accomplish in this series:
1. Create a modern portfolio website from scratch - step-by-step.
2. Upload the website to a server using Netlify for free.
3. Get a domain name for free and link it to our personal portfolio.
4. Collect contact messages from the portfolio using Netlify.

All these are going to be done for free. If this is something you are interested in then, you have to watch the series to the end.VIDEO

TIMELINE:
0:00 - Intro
2:16 - First view to design
3:26 - HTML
23:00 - CSS for portfolio Nav
27:00 - Styling portfolio with grid
33:00 - Styling portfolio image overlay
50:40 - Media queries for website
53:00 - Outro

Get the starter file:- https://drive.google.com/file/d/1anOk9-3wSAH7JstwBZT0ASnYTwXqse1g/view?usp=sharing

Get the Design files on Figma:- https://www.figma.com/file/Z19vq10WKxIS68Uwyxmvxu/Modern-Responsive-Personal-Portfolio-Website-John-patrick?node-id=0%3A1

Get the whole website code:- https://github.com/owoldestiny/Portfolio-Website-HTML-CSS-and-Deploy-It-Online-for-Free---Part-Four.git

______________________________
MY GEARS:
Desktop 1:- https://amzn.to/3yeiO3O
Desktop 2:- https://amzn.to/2QjNtf7
Microphone:- https://amzn.to/3uOokrH
We**am:- https://amzn.to/2RSi04b
______________________________

Hire me: https://www.upwork.com/freelancers/~016978b87285d4115a
Instagram: https://www.instagram.com/owoldestiny/
Facebook: https://web.facebook.com/owoldestiny

______________________________



https://youtu.be/gDXaamxs32w

Portfolio website HTML CSS, with the best design you have ever seen here on youtube. This is a complete guard tutorial on how to create a personal portfolio ...

Modern portfolio website is the design of today, if your personal portfolio website still follows the design of the past...
06/05/2021

Modern portfolio website is the design of today, if your personal portfolio website still follows the design of the past decades, then am sorry to say, No one is willing to waste their eyes on those designs that suck.

This is the first in the series of creating a Modern personal portfolio website from scratch using HTML, CSS, and JavaScript.

If you just started the journey to becoming a website developer, it is quite hard to create your dream portfolio website. I remembered my time when starting to learn to code, I recreated my portfolio 4 times, hmm, it was so frustrating because the more I learn the more the portfolio sucks to me.

Modern portfolio website is the design of today, if your personal portfolio website still follows the design of the past decades, then am sorry to say, No on...

In this HTML and CSS tutorial, we are going to be creating a one page website landing page design, we will build this we...
29/12/2020

In this HTML and CSS tutorial, we are going to be creating a one page website landing page design, we will build this website from scratch, so this landing page website tutorial is absolute beginner-friendly. Watching this website tutorial video will help improve your HTML5 and CSS3 skill.

In this HTML and CSS tutorial, we are going to be creating a one page website landing page design, we will build this website from scratch, so this landing p...

16/09/2020

In this tutorial, You will learn how to create a responsive signup page using HTML and CSS. This is a tutorial to sharpen your HTML and CSS skills.

15/09/2020
13/09/2020

Address

Ondo

Alerts

Be the first to know and let us send you an email when Owol Destiny posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to Owol Destiny:

Share


Other Digital creator in Ondo

Show All