Frontend exercises from Codebar's Web Foundations Course. Customised to solidify HTML, CSS, and JavaScript skills.
A collection of frontend development projects completed through Codebar's curriculum using Dash curriculum. I am customising each project's codebase to test my understanding and develop additional skills.
Alongside studying Codebar's Web Development Foundations course, I am using these projects to:
- Consolidate HTML, CSS, and JavaScript fundamentals
- Improve version control and project organisation
- Practice adapting preexisting codebases
Original exercises from Codebar/Dash - I am modifying styling, added features, and expanded functionality to make each project my own - but I am working from code exercises from Dash.
| Project | Skills Practiced | My Enhancements | Original Demo | Updated Version Demo |
|---|---|---|---|---|
| 1. Marketing Webpage | HTML structure, CSS styling | TBC | Original → | Updated Version → |
| 2. Writer's Blog | Layout, responsive design | TBC | Original → | Updated Version → |
| 3. TBC | TBC | TBC | Original → | Updated Version → |
- Semantic HTML
- Accessibility
- CSS styling and layout techniques
- Responsive design principles
- UE/UI design
- Adapting to the constraint of working with a preexisting codebase
- Documentation
(Will update as projects progress)
- HTML5
- CSS3
- JavaScript
Each project is self-contained in its own folder. To view:
- Clone this repository
- Open the
index.htmlfile in any project folder - Or view live demos linked above
(TBC)
Original exercises from Codebar Dash - a great resource for learning web development fundamentals through immediate application of knowledge.
💼 As I learn, I am exploring multiple areas, including full stack development, cybersecurity, testing, accessible design, and technical writing. (I believe it is important to develop an understanding of how your work interacts and intersects with other people's - and I find it all interesting!)
I am open to work opportunities in any of these areas.