DEV Community: John Paul Ledio Regaton

[Day 2]- I learned about File Paths and Target Attribute Types

John Paul Ledio Regaton — Fri, 31 Jul 2026 01:02:21 +0000

Hello everyone!

This marks the Day 2 of my learning journey of becoming Full-Stack Web Developer, which is exciting because this is my second day of documenting my learning progress. In the following weeks I will just focus on learning HTML and CSS.

Well, actually this is not my day 2 of this journey since a lot of adjustment happens to my schedule and I do not cope with it very well resulting in being absent in these few days, and breaking my consistent posting. This made me realize that I will consider the biweekly posting to balance my schedule well. Anyways life happens, the important thing is we are making progress. But during those days of digital invisible, I created two projects showcasing what I have learned in HTML.

What I learned:

File paths, the difference between using relative and absolute paths in HTML, especially these symbols folder/images, ../folder/image and ../../folder image.
Target attribute types such as _self, _blank, _parent and _top
Meta viewport and how this makes the website responsive
Making more my HTML structure semantic

What I Built:

Small education website practicing the target attribute types, this contains links by using the anchor element. When the user clicks these pages it will bring them to another page or this can be an external link. In the external link I use the rel attribute with noopener and noreferrer value for privacy purposes of the website. And I also build a developer’s website practicing what I have learned so far.

Challenges:

I had confusion at first between relative paths, especially using the symbols of ../.. and ../ to locate a specific file in your folder. Same goes to _parent and _top target attributes. I am confused about when they will show or happen in the webpage.

Key Takeaways:

Understand the elements and attributes better such as how to properly use them and when to use them. This will help you as you move forward to advanced concepts.
Learn from your mistakes and use them to improve your project.

Tomorrow's Goal:

I will still continue working on building my foundation in HTML and build projects alongside it before moving to CSS.

Thanks for reading!

See you in Day 3

Resources

GitHub Profile

https://github.com/JohnPaul-dev30

*Project Source Code
*
https://github.com/JohnPaul-dev30/mini-projects/tree/main/frontend/small-educational-website

https://github.com/JohnPaul-dev30/mini-projects/tree/main/frontend/developer-website

[Day 1]-I Learned the Foundation of HTML

John Paul Ledio Regaton — Fri, 24 Jul 2026 17:24:38 +0000

Hello everyone!

This marks the Day 1 of my learning journey of becoming Full-Stack Web Developer, which is exciting because this is my first day of documenting my learning progress. In the following weeks I will just focus on learning HTML and CSS.

What I learned:

I understand better the role of SEO in the website and why it matters. For a reason they help your webpage to become discoverable and rank better in search results, this will help you to deliver your website to target users and to understand by search engines like Google to know what is your website all about. Common elements used are meta element, title element and content and description.

I understand the boilerplate of HTML that will serve as my guide in creating documents. Using this, I can now distinguish which belong to head elements and body elements. As a beginner this is useful to avoid confusion and manage the HTML structure.

I understand the importance of optimizing media elements for the website since this may affect the content load of the website especially when there are many users who visit your website daily or who have unstable internet connectivity for some users.

I understand using video elements and audio elements for the website. I learned that you need to consider the different formats for your video and audio since not all browsers support the certain file formats so it is important to consider using multiple sources. I also study the iframe element which you can use as embedded content to paste external sources to your website like google maps or Youtube videos.

What I Built:

I built a simple landing page using HTML which contains video and audio elements, embedded source content like Youtube video courses, basic meta elements containing SEO and applying basic semantics HTML.

Challenges:

I struggled in remembering the syntax well and how to apply them properly, since some syntax are confusing by function itself and using them, for example, the difference between href and src and when to properly use them, this is sample question that comes to my mind- “Can link element can use scr and script can use href?” As a beginner I found it confusing.

Key Takeaways:

Understand the elements and attributes better such as how to properly use them and when to use them. This will help you as you move forward to advanced concepts.

Learn from your mistakes and use them to improve your project.

Tomorrow's Goal:

I will still continue working on building my foundation in HTML and build projects alongside it before moving to CSS.

Thanks for reading!

See you in Day 2

Resources

GitHub Profile

https://github.com/JohnPaul-dev30

Project Source Code

https://github.com/JohnPaul-dev30/mini-projects/tree/main/frontend/building-a-professional-landing-page.html

[Day 0]-Why I'm Starting this Journey

John Paul Ledio Regaton — Fri, 24 Jul 2026 02:58:14 +0000

Hello there I’m John Paul, currently a second year student taking Bachelor of Science in Information Technology(BSIT), and this post marks the day 0 of documenting my journey from BSIT student to full-stack web developer.

I am starting this journey because I want to document my overall progress and experience in learning lessons related to the path I’ve chosen and to share with you my projects that I built along with this journey.

Throughout this series, I’ll be sharing:

**- What I’m learning

Projects I’m building
Mistakes I make
Challenges I overcome,
And lessons I learn along this journey**

Today, I’m just still a beginner in HTML and CSS like I am in the process of building foundations but also I am willing to learn JavaScript, Node.js, React, Databases, Full-Stack Projects and other stuff to progress my chosen path.

Actually, I have no computer and programming background knowledge during my first years in taking this course since this is not my strand during my high school days and I don’t have a laptop yet, like I have no literally idea, imagine a simple creation of folder in pc is I don’t know and just staring your screen during laboratory activities and you don’t know what is going on, and during our final project I just code in phone to contribute to my peers.

Well so far, I am making progress but still continuously learning to improve my skills and knowledge related to programming and my chosen path. I hope I will become a Full-Stack Web Developer soon, and someday looking back to this day 0 of my journey will bring me nostalgic memories.

I’ll continue documenting my progress consistently, whether it is daily updates or weekly summaries.

See you in Day 1