What I learned about JavaScript in recent weeks: An overview JavaScript DOM Events and Methods Introduction JavaScript is said to be, technically, the first programming language we will be taught in our journey to becoming tech experts at Blockfuse Labs. The language is used for creating dynamic and interactive web pages, hence its ability to manipulate the Document Object Model (DOM) is central to this functionality. DOM events and methods allow developers to respond to user interactions and programmatically modify web page content. This report details some DOM events and methods learnt in class, providing clear explanations and concise examples to illustrate their usage. These tools are essential for building responsive, user-friendly web applications. What are DOM Events? DOM events are signals triggered by user actions or browser states, enabling JavaScript to respond dynamically. Below are key events taught with examples. DOMContentLoaded: Fires when the HTML document is fully loaded and parsed, excluding images and stylesheets. Ideal for initializing scripts when the DOM is ready.

Building a Student Registration and Login Form I developed a student registration and login form using HTML, Tailwind CSS, and JavaScript to create a user-friendly system for students to register and access a supposed school portal that is yet to exist. My goal was to design an intuitive interface, validate user inputs, and provide clear feedback for errors to ensure a smooth user experience. Frontend Development I used HTML to structure the registration and login forms, creating input fields for details like fullname, email, birth date, phone number and password. Tailwind CSS helped me style the forms quickly, making them look appealing and responsive across devices. The design ensured users could easily navigate and interact with the forms. Form Validation with JavaScript JavaScript was key in validating user inputs. For the registration form, I implemented checks to ensure all required fields were filled, email formats were valid, and passwords met minimum strength criteria. For the login form, JavaScript verified that the entered credentials matched were valid. If errors occurred, such as an incorrect password or missing fields, I programmed the system to display clear error messages, guiding users to correct their inputs. Error Handling and User Feedback

A report on my interview with my senior colleague, Dyelshak Wetshakat, regarding his experience with JavaScript programming. DyelshakWetshakat Dyelshak Wetshakat, a senior student at Blockfuse Labs How would you describe your journey in programming, particularly with JavaScript? My programming journey has been both challenging and exciting. Every day presents something new to learn, pushing me to improve constantly. It has become a way of life for me. As for JavaScript, it's a mix of fun and frustration. Some days, it feels rewarding; other days, it’s overwhelming. But regardless of its challenges, JavaScript is essential—you simply can’t do without it. What challenges have you encountered?

Features of JavaScript Engines of Some Major Browsers JavaScript engines are programmes that execute JavaScript code, converting it into machine code that the browser can understand. Different web browsers use different JavaScript engines, each optimized for performance, memory management, and execution speed. This article provides understanding of the JavaScript engines used by major browsers, as follows: V8 (Google Chrome & Microsoft Edge) The V8 Engine is used by Google Chrome, Microsoft Edge (since it switched to Chromium), Opera, and other Chromium-based browsers. It is developed by Google. The following are the features it offers: Just-In-Time (JIT) compilation. Uses two compilers: Full-codegen (for quick compilation) and TurboFan (for optimized execution). Includes an interpreter called Ignition. Supports WebAssembly.

Using HTML and Tailwind CSS to replicate the HackMD Blog Page Introduction The HackMD platform is a highly reputable platform for technical documentation and more. It was therefore with excitement that I delved into the attempt to replicate the Blog part of the platform. I have been exploring the use of HTML and CSS for about two months now and was introduced to using Tailwind CSS just a week ago. Despite being new to Tailwind CSS, my exposure to using Vanilla CSS with HTML made Tailwind CSS look like a very promising tool to replace Vanilla CSS in the nearest future. I have therefore continued to learn Tailwind CSS with some previous assignments. I was able to deliver the HackMD Blog design after long hours of work. Challenges The challenge has been time it takes to satisfactorily make progress upto completing the task given. However, with the availability of resources on the internet, it has always been possible to unravel steps or discover resources that were used to accomplish the tasks satisfactorily. Gains It has increasingly been such an encouraging learning curve with the technologies, that is, HTML and CSS, while embarking on various types of design tasks. From corporate websites, to pricing page, to blog page, as the list goes on. It has been inspiring getting to work on this particular one as I had come to appreciate the connection between HackMD platform and my process of learning at Blockfuse Labs, thanks to the colloboration between the duo of HackMD and Blockfuse Labs.

My Experience Developing the Spike Admin Dashboard Introduction Developing an admin dashboard is a challenging yet rewarding task that tests a developer’s ability to create a functional and visually appealing web application. Over the past three days, I dedicated my time to researching, coding, and refining an admin dashboard interface based on the Spike Admin Dashboard design. This project was an intense but enlightening experience that helped me explore new web development tools, improve my understanding of HTML and CSS, and work with data visualization. Though I faced challenges, I successfully built the dashboard and learned valuable lessons along the way. Technologies Involved The primary technologies I used for this project were HTML and CSS. These form the backbone of any web project, and this assignment reinforced their importance in structuring and styling web pages. One of the highlights of the project was using chartscss.org for data visualization. This service provided prebuilt charting solutions that could be easily integrated into the dashboard. By leveraging this tool, I was able to create various charts, making the interface more interactive and informative. Another essential aspect of the project was the use of DIVs to structure the dashboard layout effectively. Properly organizing the different sections using CSS helped achieve a clean and professional-looking design.

My Experience Developing the eNno One-Pager Website Introduction Developing the eNno website was an exciting yet challenging assignment that tested my knowledge of the web development technologies. The project involved creating a one-page website with sections such as Home, About, Services, Portfolio, Team, and Contact. Through this experience, I applied my knowledge of HTML and CSS while also incorporating a JavaScript component to enhance functionality. Despite some difficulties, I successfully completed the project, gaining valuable insights along the way. Things I Learned This assignment reinforced my understanding of HTML and CSS, particularly in structuring a responsive layout (though not conclusively) and designing an appealing user interface. I learned how to properly organize content into sections, use CSS for styling consistency, and implement smooth scrolling for navigation. One of the most significant lessons was the integration of JavaScript. While working on the About section, I needed a particular interactive feature, and I found a JavaScript script online that provided the exact functionality. Customizing the script to fit my design taught me how to adapt existing code to my project’s needs. Additionally, I gained a better appreciation for the importance of attention to detail in design replication. Matching the given design precisely required patience and a keen eye for spacing, colors, and typography.

1000380983 We are Live – Registrations Are Now Open! We are very excited to announce that registration for our Bootcamp is now open. To provide you with world-class Web2/Web3 education, we are offering two focused tracks to launch and advance your tech career: 💻 20-Week Web3 Bootcamp Already proficient in Web2? Jump straight into our intensive 20-week FREE bootcamp designed for experienced Web2 developers looking to master blockchain development and smart contracts.

My Experience Completing a Frontend Development Task for Lobe Tour Project Frontend development is an exciting and rewarding field that requires both creativity and technical skills. My recent experience completing a frontend development task in class was both challenging and enlightening. This article highlights my journey through the task, the approach I used, the challenges I encountered, and the lessons I learned. Project Setup and Initial Steps The first step in my development process was setting up the project folder. This is an essential step because it ensures an organized structure for the project files, making it easier to manage and navigate. I created an index.html file for structuring the webpage and a style.css file for styling the content. With these files in place, I was ready to start coding. I began by working on the index.html file, which involved structuring the basic layout of the webpage. My initial focus was on the header section and a portion of the main content. This approach allowed me to visualize the design and ensure that the page structure was solid before proceeding with CSS styling. Building the Layout with HTML and CSS Once the basic structure was in place, I shifted my focus to CSS. Writing CSS early in the process was beneficial because it helped me make significant progress in the overall design. By styling the header and main section first, I could see how the elements interacted and make adjustments before completing the rest of the HTML structure. This approach gave me an eagle’s eye view of the design task and enabled me to maintain a clear perspective on how everything should come together.

What I Learned Designing The Abstract Help Webpage Using HTML and CSS Practice they say, makes perfect. The assignment is another opportunity to explore the use of the flexbox model being a major part of the main content where significant use of the specific CSS capabilities/commands were made. The task also helped me consolidate skill of using padding and margin setting for design positioning and balancing. The dexterity with which a web page is designed, putting into consideration the spacing, positioning and foundational settings goes a long in ensuring that the finished product would be professional. These and other requirements were the ingredients dealt with while embarking on this design. The challenges encountered include, time constraint as well as the initial difficulty in putting together an appropriate HTML structure vis-a-vis the CSS for creating the same design being targeted. I ensured that I manage all my schedules, including office demands as well as effective stress management to create time for productive sessions attempting to deliver on the design. This always works well to ensure that learning takes place as complex processes are repeated over and over again. At the end, these challenges combine to ensure that the best possible result is achieved. The experience gained is serving as motivation to pursue more of similar task to further expose one to CSS flex as well as grid properties with a view to improving my knowledge on how to use them as occasion demands. It was in the same spirit that we are being guided to dedicate considerable time daily for coding in relation to the topics being taught. This would definitely help change one’s design capability from that of a novice to professional in due time.

The art of using the knowledge of HTML and CSS was the main focus attending to this assignment. The aim is to clone a web page used to sell a tech-related service. The challenge encountered had to do with time as I researched to implement the design and making same to be responsive. I overcame this considerably by devoting most of the time I have available. I would say that it has been worth the while learning to employ the use of two important CSS capabilities, namely: Flex Box Model and Grid. I was able to implement the design but with some gaps, namely: Inability to add a CSS shape with the inscription "Most Popular". This was as a result of lack of electricity to get it done. Incomplete footer links, as the same reason, aforementioned, affected my ability to deliver on the multi-level footer links structure on the cloned web page. These were as a result of the limitations being experienced and would continue to work on the assignment until completed as specified.

Introduction Websites are important for individuals or organizations as it helps to promote their activities and give them leverage and credibility at what they do. A company website is therefore an asset to have for every corpoerate entity, as it helps boost their image, credibility and customer satisfaction, if effectively utilized. The purpose of this article is to highlight the importance of a company website by understanding its definition and purpose, amongst other things. I have also shared my experience building a pre-designed web page for SwiftMechanic, which is an auto-mechanic services company located in Jos, Plateau State, Nigeria. This is the link to my work done on GitHub. Definition A company website is an official online platform that represents a business or organization on the internet. It serves as a digital medium through which customers, clients and stakeholders can access information about the company’s products, services, mission, values and contact details. A well-designed company website should include content for the following pages: Homepage – An overview of the business with key highlights. About Us – Information about the company’s history, mission, vision, and team. Products/Services – A detailed description of what the company offers. Contact Page – Contact details, location, and sometimes a contact form.

Introduction A portfolio website is a well-structured online space designed to showcase one’s best work. It serves as an effective platform for presenting skills and projects to potential employers, collaborators, and the press. Having a portfolio website is essential as it provides a direct connection between professionals and those seeking reliable information or opportunities for meaningful collaboration. I decided to build a portfolio website to connect with positive opportunities. This includes fostering mutually beneficial relationships with interested parties and potential collaborators on web development projects. Learning Process Throughout this project, I have gained valuable knowledge of HTML and CSS, equipping me with the necessary skills to develop my portfolio website. I am particularly grateful to my mentor, Developer Emmanuel Doji, and others who provided both theoretical and hands-on practical sessions to guide me in understanding the relevant technologies. Some of the key HTML topics I learned include:

Introduction HTML is the bedrock or foundation on which web pages are built. It therefore implies that the structure of HTML is important to the relationship it will have with other languages such as CSS. While HTML is concerned about content in terms of structure, text and media, CSS is concerned with the design, look and feel of your web pages. It is therefore required that your HTML be built with the structure of your target web pages in mind. <!DOCTYPE html> <html lang="en"> <head> <title>HTML - Pre CSS Class Assignment</title> <meta charset="UTF-8"> <meta name="author" content="Plang Gabriel Damwesh"> <meta name="description" content="The Pre-CSS Class Assignment">

Introduction HTML (which is short for HyperText Markup Language) is the standard language used to create and structure web pages. It is made up of elements or tags that render the various parts of a webpage, such as headings, paragraphs, images, links, tables and forms, amongst others. HTML has evolved through different versions (or stages of development) and is currently at version HTML5. HTML is a forgiving language, in that, web browsers can interpret and display HTML code even if it contains errors or missing elements. However, proper syntax should be learned and practiced to avoid any bad results. Git, on the other hand, is a distributed version control system installed on a local computer and used for execution of a software development project. The functions of Git include tracking changes that happen during a software development project and supporting collaboration among a team of developers. The collaboration and version control are made possible through the additional use of GitHub, which is a web-based platform that combines the contributions made by individual developers working on the same project. Version control is important because it helps developers track changes, collaborate efficiently, and manage code versions effectively. Other importance of version control includes the security of the project as backups are provided in case of broken codes, code reviews and to avoid mistakes. The project setup

This article is to share knowledge about Git and GitHub received from a YouTube video. So, first of all, let us define some key terms to help with our comprehension. Git is a distributed version control system (VCS) that helps developers track their codebases, colloborate with others and manage multiple versions of a project. Git is a tool installed on a developer’s local computer with view to enable the developer play an assigned role (leading, contributory, advisory, etc) during the implementation of a software project. GitHub is a web-based platform used for version control and collaboration that hosts repositories and provides an interface to manage code and do other things, as offering collaboration features like bug tracking, feature requests, task management and wikis. Difference between Git and GitHub Git is the decentralized version control system (VCS) while GitHub hosts centralized repositories. Other platforms to use as options to GitHub are Gitlab and GitBucket, to also host centralized repositories.

This article summarizes key points from a well-structured HTML tutorial video. Here are the main takeaways from each chapter: Chapter 1: Getting Started with HTML Tools for web development Setting up your environment Extensions for VS Code Building your first web page Optional CSS styling Viewing your page

A Form and A Table Example Below is a basic HTML code for the creation of a meaningful form and table containing invaluable information. <!DOCTYPE html> <html> <head> <title>My Form & Table Example</title> </head> <body>

An analysis of top 10 tech companies; 5 each for web2 and web3 companies Web2 companies Web2 tech companies refer to businesses that operate on the modern internet, focusing on user-generated content, social interactions, and digital services. These companies typically rely on centralized platforms, where data is stored on central servers controlled by the company. Examples include social media platforms like Facebook, search engines like Google, and e-commerce sites like Amazon. Web2 companies enable users to engage with online content, share information, and connect with others, often through personalized experiences powered by data analytics. They generate revenue mainly through advertising, subscriptions, and selling user data, shaping much of the internet's infrastructure and online economy today. Find below an analysis of five top web2 tech companies. Google Google was founded in 1998 by Larry Page and Sergey Brin while they were pursuing PhDs at Stanford University. Initially starting as a search engine, Google has since expanded its offerings to include cloud computing, advertising services, software, and hardware products like smartphones. The company revolutionized how we access and organize information. As of 2025, Google’s parent company, Alphabet, holds a total valuation of approximately $1.7 trillion, making it one of the most valuable companies globally. Google remains a key player in artificial intelligence, data analytics, and digital advertising, shaping the digital landscape. Facebook Facebook was launched in 2004 by Mark Zuckerberg, along with co-founders Eduardo Saverin, Andrew McCollum, Dustin Moskovitz, and Chris Hughes. What started as a social networking platform for college students has grown into a global tech giant, offering services like Facebook, Instagram, WhatsApp, and Oculus. Facebook generates significant revenue through targeted advertising and has made moves into virtual reality and the metaverse. As of 2025, Facebook's parent company, Meta Platforms, is valued at approximately $752 billion, solidifying its role as a dominant force in social media, advertising, and immersive digital experiences.

XML, XHTML and HTML are important markup languages used in web development and data structuring. While this is about the similarities they share, they serve different purposes and have unique characteristics. This article aims to highlight the differences between them, using explanations and code examples. XML XML (short for eXtensible Markup Language) is a markup language designed to store and transport data. XML focuses on describing the data structure and is both platform-independent and language-independent. Being platform-independent means that XML is a plain text format, which means that it can be created, edited, and processed on any platform or operating system without requiring specific software. Also, XML supports Unicode, enabling it to handle data in multiple languages and character sets universally. XML also uses a standardized syntax defined by the W3C, ensuring that the same XML file can be processed and understood on any platform with an XML parser. XML is said to be language-independent because it uses a tag-based format with a clear hierarchy, making it readable and understandable in any programming language. Most programming langauges (e.g. Python, Java, C#, etc) provide libraries or APIs to parse and process XML, enabling cross-language usage. XML focuses solely on data representation, not tied to any specific programming language or execution model. By adhering to these principles, XML ensures compatibility across diverse systems and software environments, making it a robust choice for data exchange. Key Features of XML