Week-01 Challenge HTML, CSS, and Git: Code Refactor
The course includes two types of challenges designed to prepare me for scenarios encountered as a web developer:
On-the-job ticket or feature request challenges: These challenges provide starter code in a folder called Develop, which I modify to complete the challenge. Odd-numbered modules follow this format.
Job-seeking coding assessments or take-home assignments: These challenges require building projects from scratch without starter code. Even-numbered modules follow this format.
Each challenge contains the following elements:
User Story: A short description of a feature from the user's perspective. Acceptance Criteria: Requirements to meet the scope of work. Mock-up: An image or animation demonstrating the design and functionality. Submission: Submitting the completed challenge for review. For the HTML, CSS, and Git Challenge: Code Refactor, I have an on-the-job ticket to refactor an existing site for accessibility. Web accessibility is crucial for businesses to ensure people with disabilities can access websites using assistive technologies. The tech lead has provided specific criteria for the project, documented in the Acceptance Criteria section.
Following the Scout Rule, I should leave the code cleaner than I found it. To impress clients, I should go beyond the requirements, ensuring all links work correctly and optimizing the CSS for efficiency by consolidating selectors, organizing properties, and adding comments for clarity.
This website has been refactored to be more accessible while maintaining the current feel. Images have been given alternative text for users who view the screen by touching it.
The styling has been touched up to be more condensed and readable for anyone else who may need to edit it in the future.
The skeleton of the website has also had a touch up allowing the sections to be more semantic in order a a basic webpage.
Below is a screen shot of the refactored website:
Below is the link to the refactored website:
https://github.com/L-Lainio/horiseon-refractor-website
HTML, CSS, and Git
NOTICE: This application is covered under the MIT License © 2024 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.
Have additional questions? Click the links below to reach me through my GitHub account or Email address.