DEV Community: Duke

Day 14: Completed my Certification Project - Technical Documentation

Duke — Wed, 25 Oct 2023 11:14:50 +0000

Hello Guys,

Pheeww, the past two days weren't an easy one, honestly the act of learning requires hard work and consistency especially when learning programming. Programming is Tedious and Frustrating but is worthwhile in the end.

Last Two Days, I was given a certification project that will take me to another level after completion. As it is, it was simple because I understood the fundamental rules, but I had a little issue, i found myself lost in my maze (code). it took me time to figure it out, but in the end, I am happy I figured it out.

Below is the link to my certification project, check it out!

LINK: https://github.com/Duke411/Technical-Documentation

Day 13: 100DaysOfChallenge - Built a Piano

Duke — Mon, 23 Oct 2023 11:55:28 +0000

Hello Guys,

The Past Two days weren't funny, I had a light challenge, but I guess that is one issue you face when you make up your mind to follow one career part.

Today, I continue to delve deep into CSS through freecodecamp. I was able to build a responsive piano using HTML and CSS, it wasn't that difficult and I learned new things, like media query and pseudo selectors. Coding is becoming fun by the day

LINK: https://github.com/Duke411/Responsive-Piano

Day12: Building a Cat Painting

Duke — Sat, 21 Oct 2023 20:21:27 +0000

Happy Weekend Guys,

is another day to share my story, I was able to conclude today's task (cat Painting), I don't have much to write about it, I wrote a lot of CSS code .. like, transform, borders and more.

below is a link to my repo, feel free to check it out!

LINK: https://github.com/Duke411/Cat-Painting

Day 11: #100DaysOfCode - Built a Balance Sheet

Duke — Thu, 19 Oct 2023 22:21:49 +0000

Hello Guys,

Another fulfilled day for me, I am pleased to share the code of my completed project with you guys, the thought of writing on this platform, gives me the motivation to keep pushing every day.

Today, I was tasked to build a balance sheet, which I did with the help of freecodecamp, they gave me the task and also assisted me in doing it. I learned some new HTML tags and CSS selectors. It was an interesting one and I'm glad to share it with you guys.

Check out my code below:

https://github.com/Duke411/Balance-Sheet

Day 10: Built a Quiz Web App

Duke — Wed, 18 Oct 2023 19:05:03 +0000

Hello Guys

Is another interesting day and I'm so happy to finish my task. Web Development is getting more interesting by the day, today wasn't that of an explanation compared to other days, I was given this task to test my skills and know my level of learning.

First, I came up with a good responsive web app, using HTML to give the app a good structure which made it easy for my styling. I came across a new tag (address) and a new attribute(aria-labeled by) that was attached to my section tag.

It was fun and I'm happy today was a success. Check out the link below to see my code:

Link: https://github.com/Duke411/Quiz-Project

Day 9: Another Certification Project Completed

Duke — Mon, 16 Oct 2023 23:25:22 +0000

Hey guys,

I'm happy to share another success story in this field with you guys. The Journey keep getting interesting, that alone gives me joy.

I was tasked to finish another certification project on freecodecamp. The Project wasn't that difficult, just a simple tribute page, few tags with one anchor tag. Tomorrow, another task comes up, I cant wait...

Link: https://github.com/Duke411/Tribute-Page

Day 8: Learned Typography By Building a Nutrition Label

Duke — Sun, 15 Oct 2023 23:36:30 +0000

Hello Guys,

Still on the journey of becoming a web developer in 100days, by using the popular twitter #100daysofcodechallenge to hone my skill.

The basic of html and CSS is still making more sense everyday, Today I was able to build Building a Nutrition Label, the main purpose was to learn Typography, which I did. I'm happy to share this with you guys, can't wait to get into the logic side of web development so I can create more interesting articles.

Link: https://github.com/Duke411/Typography

Day 7: Created a Catphoto Web-app, flexbox was the main idea

Duke — Sat, 14 Oct 2023 19:40:59 +0000

Greetings,

I am excited to discuss my web development journey with you today. Each day, I am fascinated by the increasing complexity of the field, and I find immense joy in learning new concepts regularly.

One such concept that has captured my attention is Flexbox, a layout model that allows for the creation of responsive web designs capable of adapting to various screen sizes. I recently utilized Flexbox to develop a cat photo website, ensuring its seamless responsiveness across all devices.

Flexbox offers a plethora of features, including but not limited to flex-direction and flex-wrap. I am pleased to report that I successfully tackled today's challenge and eagerly anticipate tomorrow's tasks.

Check out the link below:

Day 6: Learnt Box Model by Building a Rothko Painting

Duke — Fri, 13 Oct 2023 14:28:25 +0000

Another Day to share my achievement.

Learning was never designed to be easy, but if you accept the process, the result is rewarding. Today, I learnt another important aspect of CSS i.e. box model, The CSS box model is a container that contains multiple properties including borders, margin, padding, and the content itself. It is used to create the design and layout of web pages.

It wasn't a difficult one, but I'm happy I was able to make out time to complete this task.

below is my app and git hub link:

Github: https://github.com/Duke411/RothKo-painting
netlify: https://roktho1.netlify.app/

Day 5: Completed The First Task "Survey Form"

Duke — Thu, 12 Oct 2023 18:18:30 +0000

Hey Dev community!

I wanted to share my recent experience of working on a real-world task after diving deep into the basics of HTML and CSS. As a coding enthusiast and a participant of the #100DaysOfCodeChallenge, I decided to challenge myself by building a survey form from scratch. Trust me, the journey from understanding the fundamental concepts to implementing them in a real project was both exciting and enriching!

Understanding the Basics:
I started by solidifying my understanding of HTML tags and CSS properties. From form, input, and tags to styling elements with CSS, I felt confident in my grasp of the fundamentals. Armed with this knowledge, I was ready to take on the challenge of creating a fully functional survey form.

The Project:
The survey form I envisioned wasn’t just any form; it was interactive, user-friendly, and aesthetically pleasing. I applied my HTML skills to structure the form, using appropriate tags for each input field and employing semantic HTML to enhance accessibility. With CSS, I brought my form to life, adding colors, adjusting layouts, and ensuring it looked great on various devices.

Challenges and Learnings:
Of course, it wasn’t all smooth sailing. I encountered challenges, such as aligning elements perfectly and making the form responsive. But each challenge became an opportunity to learn. I researched, experimented, and with determination, I overcame each obstacle. This process not only enhanced my technical skills but also honed my problem-solving abilities.

The Result:
After hours of coding, testing, and refining, I proudly present my survey form. It's functional, visually appealing, and responsive – a testament to my newfound understanding of HTML and CSS. Seeing the form in action was incredibly rewarding and motivated me to delve even deeper into the world of web development. see link below:

https://survey1-form.netlify.app/

Day 4: Building a Registration Form

Duke — Thu, 12 Oct 2023 17:58:02 +0000

I am excited to share my progress as a novice web developer participating in the #100DaysOfCodeChallenge. Today marks another milestone in my journey.

Currently immersed in the fundamental concepts of HTML and CSS, I successfully constructed a registration form by applying my knowledge gained during this learning challenge. Although the task initially posed challenges, the final output filled me with immense satisfaction.

Utilizing HTML tags such as

, , ,

, , and , along with their respective attributes, I meticulously crafted the form's structural framework. Subsequently, CSS was employed to style the form and ensure its responsiveness across various devices.

I invite you to explore the project via the following link.
https://formreg1.netlify.app/

Your feedback and insights would be greatly appreciated.

Day 4: Building a Registration Form

Duke — Wed, 11 Oct 2023 12:53:23 +0000

I am excited to share my progress as a novice web developer participating in the #100DaysOfCodeChallenge. Today marks another milestone in my journey.

Utilizing HTML tags such as

, , ,

I invite you to explore the project via the following link.
https://formreg1.netlify.app/

Your feedback and insights would be greatly appreciated.